/* Estilos críticos para CheiBo Underwear - Optimizado */

/* Estilos de colores - Extraídos del inline */
span.amarillo { background: yellow; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.rojo { background: red; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.celeste { background: #378ff0; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.azul { background: blue; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.beige { background: #d6cdbe; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.coral { background: #e4717a; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.blanco { background: #ffffff; border-radius: 0.8em; border: solid 1px black; color: #000000; display: inline-block; font-weight: bold; margin-right: 15px; text-align: center; width: 1.6em; }
span.fucsia { background: #f74bba; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.gris { background: gray; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.lavanda { background: #d154ca; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.naranja { background: orange; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.negro { background: black; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.rosa { background: pink; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.salmon { background: #FAA19B; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }
span.verde { background: green; border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 15px; text-align: center; width: 1.6em; }

/* Estilos de layout */
.label_select { display: flex; align-items: center; padding-right: 10px; }
.label_select:after { content: ": " }

/* Revolución Rosa */
.bg-1 { padding-top: 150px; }
.t-stroke { color: #D7328E; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #D7328E; }
.t-shadow { text-shadow: 7px 7px #FFFFFF; }
.btn-rosa { cursor: pointer; color: #fff; background-color: #D7328E; border-color: #ff117d; }

/* Popup */
.close_ { position: relative; }
.close_ .closeButton2, .spopup .closeButton2 {
    background: url(../img/showroom/cancel.png) no-repeat;
    width: 26px;
    height: 26px;
    top: -9px;
    right: -9px;
    position: absolute;
    cursor: pointer;
}

.spopup {
    -webkit-border-radius: 9px;
    padding: 12px 14px;
    width: 300px;
    position: fixed;
    bottom: 450px;
    display: none;
    z-index: 90;
    cursor: pointer;
}

/* Optimización para imágenes responsive */
img.lazyload { opacity: 0; }
img.lazyloaded { opacity: 1; transition: opacity 300ms; }