/* PROMO RELINDO */

/* IMPORTANDO COLORES VAR */
@import "colores-var-globales.css";

:root{
--color-promo-01:#7D178B;
--color-relindo-mujer: #BD6481;
}

img.header--logo-promoRelindo {
width: 40%;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}

header.header--promo-item div.header-promo-fotoItem-Txtinfo{
background-color: var(--color-relindo-mujer);
border-radius: 10px;

/* NUEVO BACK PATTERN */
    background-color: var(--color-relindo-mujer);
    border-radius: 10px;
       background-image: radial-gradient(circle at 29% 55%, hsl(0deg 35.08% 68.44% / 0%) 0%, hsla(0, 46%, 38%, 0) 4%, transparent 4%, transparent 44%, transparent 44%, transparent 100%), radial-gradient(circle at 85% 89%, hsl(0deg 0% 99% / 0%) 0%, hsl(0deg 0% 99% / 21%) 51%, #00000000 51%, #00000000 52%, transparent 52%, transparent 100%), radial-gradient(circle at 6% 90%, hsl(0deg 0% 99% / 0%) 0%, hsla(329, 0%, 99%, 0.05) 53%, transparent 53%, transparent 64%, transparent 64%, #00000000 100%), radial-gradient(circle at 35% 75%, hsl(0deg 0% 99% / 0%) 0%, hsl(0deg 0% 100% / 0%) 6%, #00000000 6%, transparent 98%, #a2272700 98%, transparent 100%), radial-gradient(circle at 56% 75%, hsla(329, 0%, 99%, 0.05) 0%, hsla(329, 0%, 99%, 0.05) 16%, #00000000 16%, #ffffff00 23%, transparent 23%, transparent 100%), radial-gradient(circle at 42% 0%, hsla(329, 0%, 99%, 0.05) 0%, hsla(329, 0%, 99%, 0.05) 3%, transparent 3%, #ae2461c9 26%, transparent 26%, transparent 100%), radial-gradient(circle at 29% 28%, hsla(329, 0%, 99%, 0.05) 0%, hsla(329, 0%, 99%, 0.05) 51%, transparent 51%, transparent 75%, transparent 75%, transparent 100%), radial-gradient(circle at 77% 21%, hsla(329, 0%, 99%, 0.05) 0%, hsla(329, 0%, 99%, 0.05) 35%, transparent 35%, transparent 55%, transparent 55%, transparent 100%), radial-gradient(circle at 65% 91%, hsla(329, 0%, 99%, 0.05) 0%, hsla(329, 0%, 99%, 0.05) 46%, transparent 46%, transparent 76%, transparent 76%, transparent 100%), linear-gradient(23deg, rgb(103 35 57), rgb(197 75 125));
}

header.header--promo-item button{
    font-family: Arial, sans-serif;
    color: var(--color-promo-01);
    display: flex;
    align-content: center;
    align-items: center;
    margin-bottom: 10px;
}

/* Estilizar elemento <button> */
.btn-share {
  background: none;      /* sin fondo */
  border: none;          /* sin borde */
  padding: 0;            /* sin padding por defecto */
  margin: 0;
  cursor: pointer;       /* cursor adecuado */
  display: flex;         /* mejor control del layout */
  align-items: center;
  gap: 6px;
  font: inherit;         /* usa la tipografía del contenedor */
  color: inherit;        /* hereda colores */
}

    /* Esconderlo -Solo será tomado en cuenta por el script- */
    header.header--promo-item 
    p.reenviar-descripcionDeItem{
    display: none;
    }

    header.header--promo-item 
    section.section--descripcion-precio-item 
    h2.detalles-talla-item 
    b.descripcion-item-aleatoria{
    font-size: 1.7rem;
    line-height: 2.1rem;
    }

    /* Detalles y precios  ++ Contenedor */
    header.header--promo-item section.section--descripcion-precio-item{
        display: flex;
        flex-direction: row;
        gap: 14px;
        /* align-content: center; */
        align-items: center;
        /* background-color: red; */
        height: 140px;
        padding: 13px;
        justify-content: center;
        padding-top: calc(31px + (390px - 100vw) * 0.05);
        padding-bottom: calc(31px + (390px - 100vw) * 0.05);
    }

    /* Detalles y precios */
    header.header--promo-item section.section--descripcion-precio-item p{
    font-family: Arial, sans-serif;
    font-size: 5.5rem;
    color: white;
    font-weight: normal;
    }

    header.header--promo-item section.section--descripcion-precio-item h2.detalles-talla-item{
    font-family: Arial, sans-serif;
    font-size: 1rem;
    color: white;
    font-weight: normal;
    line-height: 1.45rem;
    }

    header.header--promo-item section.section--descripcion-precio-item p.detalles-precio-item{
        letter-spacing: -0.2rem;
    }

    header.header--promo-item section.section--descripcion-precio-item p.detalles-precio-item small{
    font-size: 3rem;
    letter-spacing: 0.2rem;
    }

/* TEXTO ACERCA DEL PRODUCTO */
    header.header--promo-item details.details-texto-acerca-de-promo{
    border-radius: 4px;
    padding: 0.5em 0.5em 0;
    padding: 30px 0px 20px 20px;
    font-family: Arial, sans-serif;
    color: white;
    margin-top: -20px;
    background-color: var(--color-relindo-promo-mujer01);
    margin: 0 auto;
    border-radius: 8px;
    }

    header.header--promo-item details.details-texto-acerca-de-promo ul li{
    padding-bottom: 10px;
    }

    header.header--promo-item details.details-texto-acerca-de-promo ul li.header--tengo-preguntas a {
    color: white;
    }

    summary {
    font-weight: bold;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
    }

    details[open] {
    padding: 0.5em;
    font-size: 1rem;
    }

    details[open] summary {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 0.5em;
    }

    header.header--promo-item p.header-boton-promo{
        background-color: var(--color-relindo-promo-mujer);
        color: white;
        font-family: Arial, sans-serif;
        padding: 2rem 1rem 2rem 1rem;
        text-align: center;
        text-decoration: none;
        border-radius: 10px;
        margin-top: 5px;
        margin-bottom: 0px;
    }

    header.header--promo-item a.ahref-boton-link-promo{
        text-decoration: none;
    }


.contenedor--pagar-comentario{
    color: #564d4d;
    display: flex;
    font-family: monospace;
    font-size: 0.8rem;
    /* display: flex; */
    /* position: relative; */
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px;
}