:root {
    --primary-color: #D9027D;
    --secondary-color: #512179;
    --farma-color: #59CBE8;
    --yellow-highlight: #FFCD00;
    --light-gray: #F5F5F5;
    --white: #ffffff;
    --black: #000000;
    --bg-cyber: #14061D;
    --gray-text: #707070;
    --dark-gray-text: #555;
    --blue-highlight: #006DB6;
    --cian-highlight: #61AB99;
    --orange-highlight: #EF8A0D;
    --tarjeta-spin-primary: #7549D3;
    --tarjeta-spin-secondary: #FF6600;
    --no-bg: transparent;
  
    --font-montserrat-bold: 'Montserrat Bold', Arial, sans-serif;
    --font-montserrat-roman: 'Montserrat', Arial, sans-serif;
    --font-frutiger-bold: 'Frutiger Bold', Arial, sans-serif;
    --font-frutiger-roman: 'Frutiger Roman', Arial, sans-serif;
    --font-frutiger-light: 'Frutiger Light', Arial, sans-serif;
    --font-frutiger-light-italic: 'Frutiger Light Italic', Arial, sans-serif;
    --font-din-pro-black: 'DIN Pro Black', Arial, sans-serif;
  
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
  
    --border-radius-sm: 5px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --border-radius-xl: 30px;
    --border-radius-round: 50%;
    --border-radius-pill: 100px;

    /* === Imagenes de Fondo Usados en el sitio === */
    --bg-principal-servicio-al-cliente: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw23f0f03f/images/static-pages/placeholder-large-breakpoint.jpg);
    --bg-image-venta-nocturna-sm: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3358b903/images/static-pages/minisitios/bg-cielo-maicao-venta-nocturna-sm.jpg);
    --bg-image-venta-nocturna-lg: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw23f0f03f/images/static-pages/placeholder-large-breakpoint.jpg);
    --patron-fondo-retiro-tienda: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw80e0911b/images/badges/fondo-patron-RET-2.png);
    --chevron-purple-RET: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwa60ad3ec/images/badges/chevron-purple.png);
    --barra-retiro-en-tienda: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw7c3775c8/images/static-pages/minisitios/barra-retiro-en-tienda.png);


}

/* =========================
   MD BREAKPOINT (≥768px)
========================= */
@media (min-width: 768px) {

  /* ---- GRID ---- */
  .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-md-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-md-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-md-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { flex: 0 0 100%;       max-width: 100%; }

  /* ---- OFFSETS ---- */
  .offset-md-0  { margin-left: 0; }
  .offset-md-1  { margin-left: 8.333333%; }
  .offset-md-2  { margin-left: 16.666667%; }
  .offset-md-3  { margin-left: 25%; }
  .offset-md-4  { margin-left: 33.333333%; }
  .offset-md-5  { margin-left: 41.666667%; }
  .offset-md-6  { margin-left: 50%; }
  .offset-md-7  { margin-left: 58.333333%; }
  .offset-md-8  { margin-left: 66.666667%; }
  .offset-md-9  { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }

  /* ---- ORDER ---- */
  .order-md-first { order: -1; }
  .order-md-last  { order: 13; }
  .order-md-0  { order: 0; }
  .order-md-1  { order: 1; }
  .order-md-2  { order: 2; }
  .order-md-3  { order: 3; }
  .order-md-4  { order: 4; }
  .order-md-5  { order: 5; }
  .order-md-6  { order: 6; }
  .order-md-7  { order: 7; }
  .order-md-8  { order: 8; }
  .order-md-9  { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }

  /* ---- DISPLAY ---- */
  .d-md-none        { display: none !important; }
  .d-md-inline      { display: inline !important; }
  .d-md-inline-block{ display: inline-block !important; }
  .d-md-block       { display: block !important; }
  .d-md-table       { display: table !important; }
  .d-md-table-row   { display: table-row !important; }
  .d-md-table-cell  { display: table-cell !important; }
  .d-md-flex        { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }

  /* ---- FLEX JUSTIFY ---- */
  .justify-content-md-start   { justify-content: flex-start !important; }
  .justify-content-md-end     { justify-content: flex-end !important; }
  .justify-content-md-center  { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around  { justify-content: space-around !important; }

  /* ---- FLEX ALIGN ---- */
  .align-items-md-start    { align-items: flex-start !important; }
  .align-items-md-end      { align-items: flex-end !important; }
  .align-items-md-center   { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch  { align-items: stretch !important; }

  .align-self-md-auto     { align-self: auto !important; }
  .align-self-md-start    { align-self: flex-start !important; }
  .align-self-md-end      { align-self: flex-end !important; }
  .align-self-md-center   { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch  { align-self: stretch !important; }

  /* ---- FLOAT ---- */
  .float-md-left  { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none  { float: none !important; }

  /* ---- MARGINS ---- */
  .m-md-0  { margin: 0 !important; }
  .m-md-1  { margin: 0.25rem !important; }
  .m-md-2  { margin: 0.5rem !important; }
  .m-md-3  { margin: 1rem !important; }
  .m-md-4  { margin: 1.5rem !important; }
  .m-md-5  { margin: 3rem !important; }

  .mt-md-auto { margin-top: auto !important; }
  .mb-md-auto { margin-bottom: auto !important; }
  .ml-md-auto { margin-left: auto !important; }
  .mr-md-auto { margin-right: auto !important; }

  /* ---- PADDINGS ---- */
  .p-md-0  { padding: 0 !important; }
  .p-md-1  { padding: 0.25rem !important; }
  .p-md-2  { padding: 0.5rem !important; }
  .p-md-3  { padding: 1rem !important; }
  .p-md-4  { padding: 1.5rem !important; }
  .p-md-5  { padding: 3rem !important; }

  /* ---- TEXT ---- */
  .text-md-left   { text-align: left !important; }
  .text-md-right  { text-align: right !important; }
  .text-md-center { text-align: center !important; }

  .text-md-lowercase { text-transform: lowercase !important; }
  .text-md-uppercase { text-transform: uppercase !important; }
  .text-md-capitalize{ text-transform: capitalize !important; }

  .font-weight-md-light   { font-weight: 300 !important; }
  .font-weight-md-normal  { font-weight: 400 !important; }
  .font-weight-md-bold    { font-weight: 700 !important; }
  .font-italic-md         { font-style: italic !important; }
  .font-normal-md         { font-style: normal !important; }

  /* ---- VISIBILITY ---- */
  .visible-md   { visibility: visible !important; }
  .invisible-md { visibility: hidden !important; }
}

/* === ESTILOS CYBER === */
#maincontent .homepage[style="background-color: cyber"] .homepage-section-title, #maincontent .homepage[style="background-color: cyber"] .carousel-title {color: var(--white);text-shadow: 0px 0px 3px var(--white);text-transform: uppercase;}
.homepage-section.online-shop .homepage-section-title, .carousel-title {max-width: max-content;margin: 0 auto 35px;}
.homepage-section .homepage-section-title.text-center.w-100{visibility: hidden;}
div[style="background-color: cyber"], #despachos-gratis-cyber {background: var(--bg-cyber);}
.cintillo-cyber {color: var(--farma-color);font-size: 17px !important;padding: 10px;font-family: var(--font-frutiger-roman);}
.cintillo-cyber b {font-weight: 800;font-family: var(--font-frutiger-bold);}
.cintillo-cyber .btn-cintillo {background-color: var(--bg-cyber);border: 2px solid var(--white);font-size: 14px;color: var(--white);padding: 7px 18px 4px;border-radius: var(--border-radius-pill);box-shadow: 0px 0px 8px 3px #9b9b9b, inset 0px 0px 8px 3px #9b9b9b;margin-left: 10px;white-space: nowrap;}
#maincontent .homepage[style="background-color: cyber"] .online-shop-subtitle, #maincontent .homepage[style="background-color: cyber"] .online-shop-title {color: var(--white);}
.titulo-mundo {font-family: var(--font-frutiger-bold);color: var(--white);font-weight: 800;font-size: 1.4rem;width: max-content;margin: 0px !important;text-shadow: 0px 0px 3px var(--white);text-transform: uppercase;}

.comprar-aqui-cyber {font-family: var(--font-montserrat-bold);width: 100%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: var(--border-radius-pill);transition: all .5s;font-size: .8rem;}
.comprar-aqui-cyber:hover {border: 2px solid var(--primary-color);color: var(--white);background: var(--no-bg);}
.mascara-huincha {background-color: var(--tarjeta-spin-primary);}
@media (min-width:544px){
    .titulo-mundo {font-size: 1.1rem;width: auto;}
    .comprar-aqui-cyber {max-width: 180px;width: 80%;}
}
@media (min-width:800px){
    .titulo-mundo {font-size: 1.2rem;width: max-content;}
}
@media (min-width:1400px){
    .titulo-mundo {font-size: 1.4rem;}
}
@media (min-width:991px){
    .mascara-huincha {background-image: linear-gradient(to right, #4e022f, #521bc7);}
}

/* .slide-cyber {width: 100%;height: auto;overflow-y: hidden;overflow-x: auto;max-width: unset;display: block;flex-wrap: unset;}
.card-aniversario img {margin-bottom:10px;border-radius: 8px;border:1px solid var(--white);}
.container-card-aniversario {display: flex;flex-direction: row;flex-wrap: nowrap;gap:16px;padding: 10px 0;width: max-content;}
.container-card-aniversario.offset-side .card-aniversario {max-width: 270px;}
@media (min-width:991px){
    .container-card-cyber {-ms-overflow-style: scrollbar !important;scrollbar-color:white transparent;scrollbar-width: thin;}
    .container-card-aniversario.offset-side .card-aniversario {max-width: unset;width:25%;}
    .container-card-aniversario {width: 100%;}
} */
/* === ESTILOS CYBER === */

/* === LP POST CYBER === */
#presentacion-postcyber {background-color: var(--black);width: 100%;}
#presentacion-postcyber .header {border-bottom: 6px solid var(--primary-color);}
#presentacion-postcyber .cuerpo {background-color: var(--bg-cyber);padding: 2rem 0;}
#presentacion-postcyber .box-dscto {position: relative;width: 95%;height: 100%;padding: 1rem;margin: 0 auto;}
#presentacion-postcyber .borde-neon {border: 2.8px solid var(--white);border-radius: var(--border-radius-lg);}
#presentacion-postcyber .box-dscto.borde-neon {box-shadow: 0 0 5px var(--primary-color), 0 0 7px var(--primary-color), inset 0 0 5px var(--primary-color), inset 0 0 7px var(--primary-color);}
#presentacion-postcyber .box-dscto .box-header {display: flex;flex-direction: row;justify-content: center;align-items: center;}
#presentacion-postcyber .box-dscto .box-body {display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: calc(100% - 5rem);padding-bottom: 1rem;}
#presentacion-postcyber .box-dscto .box-title {font-family: var(--font-montserrat-bold);color: var(--white);font-size: 1.4rem;text-shadow: 2px -3px 0px var(--primary-color);}
#presentacion-postcyber .box-dscto .box-ico {width: 85px;padding: .5rem;}
#presentacion-postcyber .box-dscto .box-text {margin: 0 auto 1rem;width: 95%;font-size: .9rem;text-align: center;color: var(--white);}
#presentacion-postcyber .compra-aqui {font-family: var(--font-frutiger-bold);width: 90%;max-width: 230px;font-size: 1rem;background: var(--primary-color);color: var(--white);padding: .5rem 1.5rem;text-align: center;border-radius: var(--border-radius-pill);margin: 0 auto;border: 2px solid var(--primary-color);transition: all .5s;}
#presentacion-postcyber .compra-aqui:hover {background: var(--no-bg);border: 2px solid var(--white);box-shadow: 0 0 5px var(--primary-color), 0 0 7px var(--primary-color), inset 0 0 5px var(--primary-color), inset 0 0 7px var(--primary-color);
}
#presentacion-postcyber .cuerpo .contenedor {max-width: 700px;width: 95%;margin: 0 auto;}
@media (min-width: 991px) {
    #presentacion-postcyber .cuerpo {padding: 3rem 0;}
    #presentacion-postcyber .cuerpo .contenedor {max-width: 1200px;}
}
/* === LP POST CYBER === */

/* === ESTILOS UTILES WEB === */
    /* === HEADER === */
    @media (min-width: 991px) {
        .header-logo-img {max-height: 70px !important;padding-bottom: 0px !important;}
    }
    @media (max-width: 990px) {
        .header-logo-img {max-height: 55px !important;}
    }
    /* === HEADER === */
    /* === FOOTER === */
    .footer {border-top: 4px solid var(--secondary-color) !important;background-color: var(--primary-color) !important;}
    .footer .footer-links .footer-links-list-item {color: var(--white) !important;}
    .footer .footer-links .footer-links-list-item a {color: var(--white) !important;}
    .bottom-bar {display: none !important;}
    .footer .footer-copyright {background-color: var(--secondary-color) !important;color: var(--white) !important;margin-top: 42px !important;}
    .footer .footer-links .checkmark-content {color: var(--white) !important;}
    .footer .footer-links .footer-links-title {color: var(--white) !important;}
    .footer .container {padding-bottom: 42px;}
    .footer .footer-copyright {margin-top: 0px !important;}
    @media (min-width: 991px) {
        .footer .footer-links .footer-links-title {color: var(--white) !important;}
    }
    /* === FOOTER === */
    /* === TEXTOS LEGALES === */
    .legal-document {width: 50%;}
    @media (min-width: 991px) {
        .legal-document {max-width: 250px;width: 18%;margin: 30px;}
    }
    /* === TEXTOS LEGALES === */
    .border-image {border: 1px solid #dbdbdb;}
    .primary-highlight {color:var(--primary-color)}
    .bg-farma {background-color: var(--farma-color);}
    .bg-farma .title-col, .bg-farma .info-col {color: var(--white);}
    .bg-white {background-color: var(--white);}
    .bg-light-gray {background-color:#E4E4E4;}
    .border-radius {border-radius: var(--border-radius-xl);}
/* === ESTILOS UTILES WEB === */

/* === ESTILOS COUNTDOWN CYBER === */
#countdown-cyber {border:1px solid var(--white);border-radius:var(--border-radius-md);background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;position: relative;padding:10px 20px 10px 10px;}
#countdown-cyber .container-counter {padding: 20px;width: 290px;margin: 0 auto 1rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#countdown-cyber .content-box-counter {width: 100%;display: flex;overflow: hidden;justify-content: center;gap:20px;align-items: center;}
#countdown-cyber .box-time-counter {width: 65px;height: 65px;border-radius: var(--border-radius-sm);background-color: var(--primary-color);display: flex;justify-content: center;align-items: center;}
#countdown-cyber .box-time-counter h4 {font-family: var(--font-montserrat-bold);font-size: 30px;color: var(--white);margin: 0;}
#countdown-cyber .box-separator-counter {font-family: var(--font-montserrat-bold);color: var(--white);width: 20px;height: 65px;font-size: 30px;display: flex;justify-content: center;align-items: center;}
#countdown-cyber .box-name-counter {width: 65px;color: var(--white);}
#countdown-cyber .box-name-counter p {font-family: var(--font-montserrat-bold);color: var(--white);margin: 0;font-size: 12px;}
#clock.content-box-counter {gap:0px;margin-bottom: 10px;}
#countdown-cyber .btn-counter-cyber {width: 90%;max-width: 180px;font-size: .8rem;background: var(--primary-color);color: var(--white);padding: 10px 30px 6px;text-align: center;border-radius: var(--border-radius-pill);border: 2px solid var(--primary-color);transition: all .5s;margin-top: 20px;}
#countdown-cyber .btn-counter-cyber:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: var(--no-bg);}
/* === ESTILOS COUNTDOWN CYBER === */

/* === ESTILOS IFRAME === */
.video-container-reel {position: relative;width: 100%;padding-bottom: 125%;height: 0;overflow: hidden;margin: auto;}
.video-container-reel iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (min-width: 600px) {
    .video-container-reel {width: 100%;max-width: 310px;padding-bottom: 80.77%;}
}
@media (min-width: 991px) {
    .video-container-reel {width: 80%;max-width: unset;padding-bottom: 45.25%;}
}
/* === ESTILOS IFRAME === */

/* === ESTILOS HOME === */
.buttonIconHome {display: flex;justify-content: space-around;padding: 2rem 0 1rem;flex-wrap: nowrap;overflow-y: hidden;overflow-x: auto;white-space: nowrap;}
.buttonIconHome__box {width: 160px;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 1rem;display: inline-block;flex-shrink: 0;}
.buttonIconHome__link {color: var(--primary-color);text-align: center;}
.buttonIconHome__link p {margin-bottom: 0;margin-top: 1.5rem;font-family: var(--font-frutiger-roman);font-size: large;}
#botonera-promo-push .botonPromoPush {background-color: var(--primary-color);padding: 15px 10px;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
#botonera-promo-push .aniversario .botonPromoPush {padding: 0 10px !important;height: 100%;}
#botonera-promo-push .linkPromoPush {padding: 2px 0 0px;font-family: var(--font-frutiger-bold) !important;color: var(--white);border: 2px solid var(--white);max-width: max-content;padding: 8px 10px 5px;border-radius: 100px;}
#botonera-promo-push .botonPromoPush.central .linkPromoPush {background-color: var(--primary-color);border: 2px solid var(--primary-color);}
#botonera-promo-push .botonPromoPush.aniversario {background-color: #f68f72;border: 2px solid #f68f72;padding: 0 15px !important;flex-direction: row;justify-content: space-between !important;align-items: center;}
#botonera-promo-push .botonPromoPush.aniversario img {width: auto !important;}
@media (max-width: 660px) {
    .buttonIconHome {justify-content: flex-start;}
}
.border-medium {border-radius:30px;}
.dismissible-top-banner__closeButton {background-color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:100px;padding:3px 0px 0 0;width:28px;height:28px;border:2px solid var(--white);margin-left:30px;}
.dismissible-top-banner__closeButton:hover {background-color:var(--no-bg);border:2px solid var(--white);}
.dismissible-top-banner__closeButton:hover::before {color:var(--white);}
.dismissible-top-banner__closeButton::before {color:#006eb6;content:"X";line-height:17px;}
.texto-cintillo {text-shadow: 0px 0px 14px #7c0d95;color: var(--white);font-size:.9rem !important;padding:11px 0 8px;}
@media (min-width: 1024px){
    .texto-cintillo {font-size:1.2rem !important;}
}
/* === ESTILOS HOME === */

/* === CARRUSEL PRODUCTOS NUEVO === */
.carrusel-wrapper {display: flex;align-items: center;justify-content: center;margin: 2rem auto;/*max-width: 700px;*/}
.carrusel-container {position: relative;overflow: hidden;/*max-width: 600px;*/margin: 0;}
.carrusel-track {display: flex;transition: transform 0.4s ease;gap: 1.5rem;}
.carrusel-item img {width: 100%;display: block;}
.carrusel-dots {text-align: center;margin-top: 1rem;}
.carrusel-dot {display: inline-block;width: 10px;height: 10px;margin: 0 5px;border-radius: var(--border-radius-round);background: #d2d2d2;cursor: pointer;}
.carrusel-dot.active {background: var(--primary-color);}
.carrusel-side-nav {display: flex;align-items: center;justify-content: center;padding: 0 0.25rem;}
.carrusel-arrow {background: var(--primary-color);border: none;color: var(--white);width: 30px;height: 30px;border-radius: var(--border-radius-round);cursor: pointer;font-size: 1.2rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 1;}
.carrusel-arrow:hover {background: var(--white);color: var(--primary-color);}
.carrusel-wrapper .carrusel-item .skus-boxes {display: inline-flex;flex-shrink: 0;flex-direction: column;align-items: center;justify-content: space-between;gap: 16px;}
.carrusel-wrapper .carrusel-item img {margin: 0 auto;display: block;}
.carrusel-wrapper .carrusel-item .link-categoria {font-family: var(--font-frutiger-light-italic);font-weight: 100;color: #888;text-align: center;text-transform: uppercase;}
.carrusel-wrapper .carrusel-item .link-nombre {font-family: var(--font-frutiger-light);color: #555;text-align: center;white-space: normal;}
.carrusel-wrapper .carrusel-item .compra-aqui {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: #FFF;padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;font-size: .8rem;}
.carrusel-wrapper .carrusel-item .compra-aqui:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: transparent;}
/* === CARRUSEL PRODUCTOS NUEVO === */

/* === ESTILOS BOTONERA === */
#banner-interno-botonera {margin-top: 1px;}
#banner-interno-botonera .botones {border: 1px solid var(--primary-color);background-color: var(--white);border-radius: var(--border-radius-md);margin-bottom: 5px;margin-left: 3px;margin-right: 3px;}
#banner-interno-botonera .botones a {text-decoration: none;color: #9d9d9d;}
#banner-interno-botonera .botones h6 {color: var(--dark-gray-text);}
#banner-interno-botonera .botones:last-child {border-right: 0px !important;}
#banner-interno-botonera .botones.activo {background-color: var(--primary-color) !important;}
#banner-interno-botonera .botones.activo h6 {color: var(--white) !important;}
#banner-interno-botonera .h6, #banner-interno-botonera h6 {font-size: 0.80rem;}
@media(max-width: 990px) {
    #banner-interno-botonera .botones {border:0.5px solid var(--primary-color);}
    #banner-interno-botonera {margin-top: 5px;}
}
/* === ESTILOS BOTONERA === */

/* === LP VENTAS NOCTURNAS === */
#venta-nocturna .header {border-bottom: 6px solid var(--primary-color);}
#venta-nocturna .ofertas {background: var(--bg-image-venta-nocturna-sm);background-size: 100%;background-repeat: repeat-y;background-position: center;padding: 2rem 0;}
#venta-nocturna .box-dscto {position: relative;width: 95%;height: 100%;padding: 1rem;margin: 0 auto;}
#venta-nocturna .borde-neon {border: 2.8px solid var(--yellow-highlight);border-radius: 20px;}
#venta-nocturna .box-dscto.borde-neon {box-shadow: 0 0 5px var(--yellow-highlight), 0 0 7px var(--yellow-highlight), inset 0 0 5px var(--yellow-highlight), inset 0 0 7px var(--yellow-highlight);}
#venta-nocturna .box-dscto .box-img {width: 85%;max-width: 450px;margin: 0 auto;}
#venta-nocturna .box-dscto .box-body {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;height: calc(100% - 10rem);padding-bottom: 1rem;width: 85%;margin: 0 auto;}
#venta-nocturna .box-dscto .box-title, #venta-nocturna .box-dscto .box-text {width: 100%;}
#venta-nocturna .box-dscto .box-title h4 {font-family: var(--font-montserrat-bold);color: var(--white);font-size: 1.4rem;margin: 0;text-align: center;}
#venta-nocturna .box-dscto .box-text p {font-family: var(--font-frutiger-light);margin: 0 auto 1rem;width: 95%;font-size: 1rem;text-align: center;color: var(--white);text-align: center;}
#venta-nocturna .compra-aqui {font-family: var(--font-frutiger-bold);width: 90%;max-width: 230px;font-size: 1rem;background: var(--primary-color);color: var(--white);padding: .5rem 1.5rem;text-align: center;border-radius: var(--border-radius-pill);margin: 0 auto;border: 2px solid var(--primary-color);transition: all .5s;}
#venta-nocturna .compra-aqui:hover {background: var(--no-bg);border: 2px solid var(--yellow-highlight);box-shadow: 0 0 5px var(--yellow-highlight), 0 0 7px var(--yellow-highlight), inset 0 0 5px var(--yellow-highlight), inset 0 0 7px var(--yellow-highlight);}
#venta-nocturna .ofertas .contenedor {max-width: 700px;width: 95%;margin: 0 auto;}
@media (min-width: 991px) {
    #venta-nocturna .ofertas {background: var(--bg-image-venta-nocturna-lg);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center;padding: 0 0 3rem;}
    #venta-nocturna .ofertas .contenedor {max-width: 1200px;}
}
/* === LP VENTAS NOCTURNAS === */

/* === SERVICIO AL CLIENTE === */
.titulo-pagina {min-height: 200px;}
#header_banner {background: var(--bg-principal-servicio-al-cliente);background-position: center;background-size: cover;}
.body-text {background-color: var(--light-gray);width: 100%;}
.body-text p, .body-text ul {color: var(--dark-gray-text);font-family: var(--font-frutiger-light);}
.titulo {font-family: var(--font-montserrat-bold);color: var(--primary-color);font-size: 2.1875rem;}
.subtitulo {font-family: var(--font-frutiger-light);color: var(--dark-gray-text);}
.nombrePag {font-size: 1.5625rem;color: var(--primary-color);}
.menuStaticPage {background: var(--white);padding: 2rem;border-radius: 12px;}
.menuStaticPage .list-group-item {font-family: var(--font-montserrat-bold);text-align: center;margin-bottom: 20px;border: 1px solid #EDEDED;background-color: #EDEDED;border-radius: 19px;padding: 1.1rem 1rem;}
.menuStaticPage .list-group-item.active {background-color: var(--primary-color);font-family: var(--font-montserrat-bold);}
.menuStaticPage .list-group-item:last-child {margin-bottom: 0px;}
.title-sac {border-bottom: 1px solid #c6c6c6;font-weight: 800;}
.title-sac h3, .title-cobertura h3 {font-family: var(--font-montserrat-bold);font-size: 1.3rem;}
.title-costos h3 {font-size: 1rem;font-family: var(--font-montserrat-bold);}
.title-cobertura {font-weight: 800;margin-bottom: 2rem;}
.title-costos {font-weight: 800;}
#menu_seleccion .card, #cambios_devoluciones .card {border-radius: 0px;}
#menu_seleccion .card-header, #cambios_devoluciones .card-header {background-color: var(--white);border-bottom: 0px;}
.titleFaq {border-bottom: 0px;transition: transform .2s ease-in-out;background-color: var(--light-gray);border-radius: 15px;}
.content-checkmark {font-size: 1rem;transform: rotate(-180deg);color: var(--primary-color);}
.collapsed .content-checkmark {transform: rotate(0deg);color: var(--primary-color);}
.collapsed .card-header {border-bottom: 0px;}
.collapsed.titleFaq {border-bottom: 0px;}
.content-collapse-title {font-family: var(--font-montserrat-bold);font-size: .9rem;color: var(--dark-gray-text);}
.text-magento {color: var(--primary-color);}
.p-6 {padding: 2rem;}
#seleccion .card-body ul {font-family: var(--font-frutiger-light);}
.cuadro-tabla {background-color: var(--light-gray);border-radius: 15px;padding: 1.5rem;}
.cuadro-tabla table {font-family: var(--font-frutiger-light);font-size: .9rem;}
.cuadro-tabla .table td, .cuadro-tabla .table th {padding: .3rem .75rem;border: 0px;width: 50%;}
.cuadro-tabla .table-striped tbody tr:nth-of-type(2n+1) {background-color: var(--light-gray);}
.cuadro-tabla .table-striped tbody tr:nth-of-type(2n) {background-color: var(--white);}
.bold-frutiller {font-family: var(--font-frutiger-bold);}
.badge-magento {background-color: var(--primary-color);color: var(--white);}
.listas {font-family: var(--font-frutiger-light);}
.listas .list-group-item {border: 0px;color: var(--dark-gray-text);}
@media (max-width: 990px) {
    .menuStaticPage {background: inherit;padding: inherit;border-radius: inherit;}
    .menuStaticPage .list-group-item {font-size: .9rem;padding: .9rem;border-radius: 15px;}
    .menuStaticPage .list-group-item:last-child {border-top-left-radius: 15px;border-top-right-radius: 15px;}
    #seleccion {padding-left: 3rem;}
    .titulo-pagina {min-height: 300px;}
}
/* === SERVICIO AL CLIENTE === */

/* === TRABAJA CON NOSOTROS === */
.claim-work-us {text-align: center;}
.claim-work-us h3 {font-family: var(--font-frutiger-light);}
.claim-work-us p {font-family: var(--font-frutiger-light);color: var(--dark-gray-text);}
.claim-work-us p b {font-family: var(--font-frutiger-bold)}
.claim-work-us img {max-width: 300px;display: block;margin: 0 auto;}
.mco-farma {margin-bottom: 3rem;}
.mco-farma h5 {color: var(--farma-color);font-family: var(--font-frutiger-bold);}
.mco-farma .postular {background-color: var(--farma-color) !important;border: 2px solid var(--farma-color) !important;display: block;margin: 0 auto;max-width: max-content;}
.mco-farma .postular:hover {background-color: var(--white) !important;color: var(--farma-color) !important;}
.mco-bycp h5 {color: var(--primary-color);font-family: var(--font-frutiger-bold);}
.mco-bycp .postular {background-color: var(--primary-color) !important;border: 2px solid var(--primary-color) !important;display: block;margin: 0 auto;max-width: max-content;}
.mco-bycp .postular:hover {background-color: var(--white) !important;color: var(--primary-color) !important;}
.claim-separador {font-family: var(--font-frutiger-light);color: var(--dark-gray-text);margin: 1.5rem 0;text-align: center;}
.cargos {margin-bottom: 1.5rem;background-color: var(--light-gray);border-radius: 8px;padding: 1rem 1.5rem;}
.cargos:last-child {margin-bottom: 0;}
.cargos.farma h4 {font-family: var(--font-montserrat-bold);background-color: var(--farma-color);border-radius: 50px;max-width: max-content;padding: .5rem 2rem;color: var(--white);
font-size: 1.2rem;text-align: center;}
.cargos.farma p, .cargos.bycp p {font-family: var(--font-frutiger-bold);color: var(--dark-gray-text);}
.cargos.farma p span {color: var(--farma-color);}
.cargos.bycp h4 {font-family: var(--font-montserrat-bold);background-color: var(--primary-color);border-radius: 50px;max-width: max-content;padding: .5rem 2rem;color: var(--white);font-size: 1.2rem;text-align: center;}
.cargos.bycp p span {color: var(--primary-color);}
@media (min-width: 991px) {
    .claim-work-us img {max-width: 400px;}
    .mco-farma {padding-right: 1rem;border-right: 2px solid #C6C6C6;margin-bottom: 0;}
    .mco-bycp {padding-left: 1rem;}
}
/* === TRABAJA CON NOSOTROS === */

/* === PLANTILLA PAGINA DE CONTENIDOS === */
#pagina-contenidos .header {background-color: var(--white);width: 100%;}
#pagina-contenidos .header .cover-bg {max-width: 1500px;margin: 0 auto;padding-bottom: 1.5rem;gap: 30px;}
#pagina-contenidos .header .title-ppal {text-align: center;font-family: Montserrat;font-weight: 300;font-size: 1.5rem;margin: 0;text-transform: uppercase;}
#pagina-contenidos .header .btn-ppal {display: block;font-family: var(--font-montserrat-bold);width: 80%;max-width: 300px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .5rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 0 auto;font-size: 1.1rem;}
#pagina-contenidos .header .btn-ppal:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: var(--no-bg);}
#pagina-contenidos p b, #pagina-contenidos li b {font-family: var(--font-frutiger-bold);}
#pagina-contenidos p a, #pagina-contenidos li a {text-decoration: underline;color: var(--primary-color);}
#pagina-contenidos li {color: var(--primary-color);margin-bottom: 15px;}
#pagina-contenidos li span {color: #212529;}
#pagina-contenidos table {margin:auto;padding:0;border-radius:10px;border: 1px solid #212529;}
#pagina-contenidos table tr {border-bottom: 1px solid #212529;}
#pagina-contenidos table td {width:50%;padding: 5px;font-size: 14px;border-right: 1px solid #212529;}
#pagina-contenidos .title-pdc {color: var(--secondary-color);font-family: var(--font-frutiger-bold);font-weight: 800;padding: 0 0 1.5rem;font-size: 1.8rem;text-align: center;text-transform: uppercase;}
#pagina-contenidos .subtitle-section-pdc {color: var(--primary-color);font-size: 1.2rem;text-transform: uppercase;font-family: var(--font-frutiger-bold);padding: 1rem 0;}
#pagina-contenidos .subtitle-section-remarked {color: var(--white);background-color: var(--secondary-color);font-size: 1.8rem;text-align: center;width: 90%;max-width: max-content;font-family: var(--font-frutiger-bold);padding: 1rem 2rem .8rem;border-radius:100px;margin: 0 auto 3rem;}
#pagina-contenidos .subtitle-pdc-lila {color: var(--secondary-color);font-family: var(--font-montserrat-bold);text-align:center;}
#pagina-contenidos .title-section-pdc {color: var(--secondary-color);font-family: var(--font-frutiger-bold);font-weight: 800;padding: 1.5rem 0;font-size: 1.6rem;text-align: center;text-transform: uppercase;}
#pagina-contenidos .cuerpo .secciones:nth-child(2n+1) {background-color: var(--light-gray);padding: 4rem 0;}
#pagina-contenidos .cuerpo .secciones:nth-child(2n) {background-color: var(--white);padding: 4rem 0;}
#pagina-contenidos .cuerpo .seccion-unica {background-color: var(--white);padding: 4rem 0;}
#pagina-contenidos .cuerpo .seccion-unica.sin-bottom {padding-bottom: 0 !important;}
#pagina-contenidos .cuerpo .secciones .para-mobile, #pagina-contenidos .cuerpo .seccion-unica .para-mobile {max-width: 700px;}
#pagina-contenidos .compra-aqui {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;font-size: .8rem;}
#pagina-contenidos .compra-aqui:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: transparent;}
@media (min-width: 991px) {
    #pagina-contenidos .header .cover-bg {background-position: center;background-repeat: no-repeat;background-size: cover;padding: 2rem 1rem;min-height: 250px;display: flex;justify-content: center;align-items: center;}
    #pagina-contenidos .header .cover-bg .row {width: 80%;}
    #pagina-contenidos .header .title-ppal {font-size: 1.8rem;}
    #pagina-contenidos .header .btn-ppal {font-size: 1.3rem;}
    #pagina-contenidos .cuerpo .secciones .para-mobile, #pagina-contenidos .cuerpo .seccion-unica .para-mobile {max-width: 1200px;}
}
@media (min-width: 1200px) {
    #pagina-contenidos .header .title-ppal {font-size: 2rem;}
    #pagina-contenidos .header .btn-ppal {font-size: 1.4rem;}
}
@media (min-width: 1400px) {
    #pagina-contenidos .cuerpo .secciones .para-mobile, #pagina-contenidos .cuerpo .seccion-unica .para-mobile {max-width: 1330px;}
}
@media (max-width: 990px) {
    #pagina-contenidos .header .cover-bg {background-image: none !important;}
}

/* === PLANTILLA PAGINA DE CONTENIDOS === */

/* === TARJETA SPIN === */
#spin-cashback {background-color: #F9F7FF;background-position: top right;background-size: 55%;background-repeat: no-repeat;background-position: 120% 35%;}
#spin-cashback .contenedor {max-width: 700px;width: 95%;margin: 0 auto;}
#spin-cashback .header {padding: 0px 1rem;}
#spin-cashback .header img {border-radius: 24px;}
#spin-cashback .como-obtener, #spin-cashback .solicitar-tarjeta {padding: 3rem 1rem;}
#spin-cashback .como-obtener .row {gap: 30px;}
#spin-cashback .titulo-seccion {font-family: var(--font-montserrat-bold);color:var(--dark-gray-text);font-size:26px;text-align: center;}
#spin-cashback .titulo-seccion span {color:var(--tarjeta-spin-secondary);}
#spin-cashback .que-cashback .titulo-seccion {margin-bottom:2rem;}
#spin-cashback .box-como-obtener {position:relative;background-color:var(--white);width:97%;margin:0 auto;border-radius:16px;height: 100%;padding: 25px;display:flex;flex-direction: column;gap:20px;}
#spin-cashback .box-como-obtener img {width: 80px;position: absolute;top:-40px;right:20px;}
#spin-cashback .como-obtener .titulo-seccion {text-align: center;}
#spin-cashback h3 {font-family: var(--font-montserrat-bold);color: var(--tarjeta-spin-primary);font-size: 20px;margin: 0;}
#spin-cashback p {font-family: var(--font-montserrat-roman);color:#1C1C1C;font-size: 14px;}
#spin-cashback .que-cashback {padding: 0 1rem;}
#spin-cashback .que-cashback .box-cashback {background-color: var(--white);border-radius: 24px;padding:40px;margin-bottom: 3rem;}
#spin-cashback .que-cashback .box-cashback .ejemplo-cashback {max-width: 90%;}
#spin-cashback .badge-acumulable {background-color: #FFD9BF;color: var(--tarjeta-spin-primary);text-align: center;width: 100%;padding: 16px;border-radius: 16px;font-family: var(--font-montserrat-roman);font-size: 18px;}
#spin-cashback .badge-acumulable b {font-family: var(--font-montserrat-bold);}
#spin-cashback .como-obtener {background-position: bottom;background-size: 100%;background-repeat: no-repeat;}
#spin-cashback .solicitar-tarjeta .box-tarjeta {padding:20px 40px;}
#spin-cashback .solicitar-tarjeta .box-tarjeta .cuadro-solicitar {display:flex;flex-direction:column;gap:20px;}
#spin-cashback .btn-spin {background-color: var(--tarjeta-spin-secondary);display:block;width:max-content;color:var(--white);font-family: var(--font-montserrat-bold);font-size: 16px;border-radius: 50px;padding:10px 20px;text-align: center;border:2px solid var(--tarjeta-spin-secondary);transition: .5s all;}
#spin-cashback .btn-spin:hover {background-color: transparent;border:2px solid var(--tarjeta-spin-secondary);color:var(--tarjeta-spin-secondary);}
#spin-cashback .legal-final {background-color: #7549D3;padding: 0 1rem 4rem;}
#spin-cashback .legal-final p {margin: 0;color:var(--white);font-size: 12px;}

@media (min-width: 764px) {
    #spin-cashback .titulo-seccion {font-size:32px;}
    #spin-cashback h3 {font-size: 18px;}
    #spin-cashback p {font-size: 16px;}
    #spin-cashback .badge-acumulable {font-size: 20px;}
    #spin-cashback .legal-final p {font-size: 14px;}
    #spin-cashback .btn-spin {padding:15px 40px;}
}
@media (min-width: 991px) {
    #spin-cashback .titulo-seccion {text-align:left;}
    #spin-cashback {background-position: 110% 40%;background-size: 450px;}
    #spin-cashback .contenedor {max-width: 1200px;}
    #spin-cashback .header, #spin-cashback .que-cashback {padding: 0px;}
    #spin-cashback .como-obtener, #spin-cashback .solicitar-tarjeta {padding: 5rem 0;}
    #spin-cashback .que-cashback .box-cashback {margin-bottom: 4rem;padding:20px 40px;;}
    #spin-cashback .como-obtener .row {gap: 0px;}
    #spin-cashback .legal-final {padding: 0 0 6rem;}
}
/* === TARJETA SPIN === */

/* === PRODUCTOS CAPILAR DLX === */
.productos-DLX .banner-principal {border-radius:30px;}
.productos-DLX .seccion-unica.sin-top {padding-top:0 !important;}
.productos-DLX p {font-family: var(--font-frutiger-roman);}
.productos-DLX h1 {color:var(--black);font-family: var(--font-montserrat-bold);text-align: center;font-size: 25px;margin-bottom:20px}
.productos-DLX h2 {color:#E91A65;font-family: var(--font-montserrat-bold);text-align: center;font-size: 25px;margin-bottom:30px;}
.productos-DLX .boxes {background-color:#F6F6F6;border-radius: 20px;padding: 20px 40px;}
.productos-DLX .boxes h3 {color:#BF9C4D;text-align: center;font-family: var(--font-montserrat-bold);font-size: 20px;margin-bottom:20px;}
.productos-DLX .boxes p {text-align: center;}
.productos-DLX .compra-aqui {margin: 20px 0 0;}

@media (min-width:544px){
    .productos-DLX .seccion-unica.sin-top {padding-top:4rem !important;}
    .productos-DLX .boxes {height: 100%;}
    .productos-DLX .boxes.bodegones {height: calc(100% - 50px);}
}
/* === PRODUCTOS CAPILAR DLX === */

/* === HAIR FOOD PIÑA === */
.hair-food-pina .banner-principal {border-radius:30px;}
.hair-food-pina p {font-family: var(--font-frutiger-roman);}
.hair-food-pina h1 {color:#21362E;font-family: var(--font-montserrat-bold);text-align: center;font-size: 25px;margin-bottom:20px}
.hair-food-pina .boxes {background-color:#F6F6F6;border-radius: 20px;padding: 20px 40px;}
.hair-food-pina .boxes h3 {color:#21362E;text-align: center;font-family: var(--font-montserrat-bold);font-size: 20px;margin-bottom:20px;}
.hair-food-pina .boxes h3 small {font-family: Montserrat;font-weight:200;}
.hair-food-pina .boxes p {text-align: center;}
.hair-food-pina .compra-aqui {margin: 20px 0 0;}

@media (min-width:544px){
    .hair-food-pina .boxes {height: 100%;}
    .hair-food-pina .boxes.bodegones {height: calc(100% - 50px);}
}
/* === HAIR FOOD PIÑA === */

/* === ELVIVE DREAM LISO === */
.elvive-dream-liso .banner-principal {border-radius:30px;}
.elvive-dream-liso p {font-family: var(--font-frutiger-roman);}
.elvive-dream-liso h1 {color:var(--black);font-family: var(--font-montserrat-bold);text-align: center;font-size: 25px;margin-bottom:20px}
.elvive-dream-liso h2 {color:var(--primary-color);font-family: var(--font-montserrat-bold);text-align: center;font-size: 25px;margin-bottom:30px;}
.elvive-dream-liso .boxes {background-color:var(--white);border-radius: 20px;padding: 20px 40px;border:1px solid #B4B4B4;box-shadow: 6px 6px 6px rgba(0,0,0,.16);}
.elvive-dream-liso .boxes h3 {color:var(--black);text-align: center;font-family: var(--font-montserrat-bold);font-size: 20px;margin-bottom:20px;}
.elvive-dream-liso .boxes p {text-align: center;}
.elvive-dream-liso .compra-aqui {margin: 20px 0 0;}

@media (min-width:544px){
    .elvive-dream-liso .seccion-unica.sin-top {padding-top:4rem !important;}
    .elvive-dream-liso .boxes {height: 100%;}
}
/* === ELVIVE DREAM LISO === */

/* === LP DOVE === */
#landing-dove p {font-family: var(--font-frutiger-roman);color: var(--gray-text);text-align: center;font-size: 14px;}
#landing-dove ul li {font-family: var(--font-frutiger-roman);color: var(--gray-text);font-size: 14px;}
#landing-dove h1 {margin: 0 0 2rem;font-family: var(--font-montserrat-roman);color: var(--primary-color);text-align: center;}
#landing-dove h1 b {font-family: var(--font-montserrat-bold);}
#landing-dove .cuerpo .contenedor {max-width: 700px;width: 95%;margin: 0 auto;}
#landing-dove .box-dove {position: relative;border-radius: 40px;}
#landing-dove .box-dove img {border-radius: 40px;margin-bottom: 2rem;}
#landing-dove .box-dove .badge-paso {font-family: var(--font-frutiger-roman);background-color: #F6A518;color: var(--white);position: absolute;top: 0;left: 0;border-radius: 40px 0 20px 0;padding: 8px 50px;text-align: center;max-width:60%;}
#landing-dove .box-dove .badge-paso b {font-family: var(--font-frutiger-bold);}
#landing-dove .compra-aqui {font-family: var(--font-frutiger-bold);width: 90%;max-width: 230px;font-size: 1rem;background: var(--primary-color);color: var(--white);padding: .5rem 1.5rem;text-align: center;border-radius: var(--border-radius-pill);margin: 1.5rem auto 0;border: 2px solid var(--primary-color);transition: all .5s;}
#landing-dove .compra-aqui:hover {color:var(--primary-color);background: var(--no-bg);border: 2px solid var(--primary-color);}
@media (min-width: 544px) {
    #landing-dove .row .right-padd {padding-right: 1.5rem;}
    #landing-dove .row .left-padd {padding-left: 1.5rem;}
    #landing-dove .box-dove .badge-paso {font-size: 12px;padding: 8px 30px;max-width:200px;}
}
@media (min-width: 700px) {
    #landing-dove .box-dove .badge-paso {font-size: 14px;max-width:250px;padding: 8px 50px;}
    #landing-dove p, #landing-dove ul li {font-size: 16px;}
}
@media (min-width: 991px) {
    #landing-dove .cuerpo .contenedor {max-width: 1200px;}
    #landing-dove .row .right-padd {padding-right: 3rem;}
    #landing-dove .row .left-padd {padding-left: 3rem;}
    #landing-dove .box-dove .badge-paso {font-size: 16px;max-width: unset;}
}
/* === LP DOVE === */

/* === LP DATOS OFERTAS === */
#dato-ofertas.background-image {background-position: top center;background-repeat: repeat-y;background-size: contain;}
#dato-ofertas .ofertas {background-color: var(--white);}
#dato-ofertas .header {padding-top: 3rem;text-align: center;margin-bottom: 5rem;}
#dato-ofertas h1 {font-family: var(--font-frutiger-bold);font-weight: 800;padding: 0 0 1.5rem;font-size: 1.6rem;text-align: center;text-transform: capitalize;}
#dato-ofertas .ofertas h1 {color: var(--gray-text);}
#dato-ofertas .black-friday h1 {color: var(--primary-color);}
#dato-ofertas .black-friday-ooff h1 {color: #020202;}
#dato-ofertas .compra-aqui {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .5rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;font-size: .8rem;margin: 0 auto;}
#dato-ofertas .ofertas .compra-aqui:hover, #dato-ofertas .black-friday .compra-aqui:hover, #dato-ofertas .black-friday-ooff .compra-aqui:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: var(--no-bg);}
#dato-ofertas .contenedor {max-width: 700px;width: 95%;margin: 0 auto;padding-bottom: 5rem;}
.ofertas .box {padding: 30px 15px;margin-bottom: 1rem;height: 100%;background: linear-gradient(45deg, #09436E, #E51E75);border-radius: 20px;}
.border-post-it {border-radius: 0 30px 30px 30px;}
.black-friday .box {border-radius: 30px;margin-bottom: 1rem;background-color: var(--black);}
.black-friday-ooff .box {padding: 30px 15px;border-radius: 30px;margin-bottom: 1rem;background-position: bottom right;background-repeat: no-repeat;background-size: cover;}
.ofertas .box h2 {width: 90%;max-width:max-content;padding:10px 30px;border-radius:100px;text-align:center;box-shadow: 0 3px 6px rgba(0,0,0,.16);font-family: var(--font-montserrat-bold);font-weight:400;font-size:20px;margin: 20px auto 10px;}
.ofertas .box h2.pill-yellow {background-color: #FFCE00;color: var(--black);border: 2px solid #FFCE00;}
.ofertas .box h2.pill-blue {background-color: #006DB6;color: var(--white);border: 2px solid #006DB6;}
.ofertas .box h2.pill-cian {background-color: #61AB99;color: var(--white);border: 2px solid #61AB99;}
.ofertas .box p {color:var(--white);font-family: var(--font-frutiger-roman);font-size:16px;text-align: center;margin:20px 0;}
.black-friday .box h2 {width: 90%;max-width:max-content;padding:10px 30px;border-radius:var(--border-radius-pill);text-align:center;background-color: var(--primary-color);border:2px solid var(--primary-color);color:var(--white);font-family: var(--font-montserrat-bold);font-weight:400;font-size:20px;margin: 0px auto 10px;}
.black-friday-ooff .box h2 {width: 90%;max-width:max-content;padding:10px 30px;border-radius:var(--border-radius-pill);text-align:center;background-color: #020202;border:2px solid #020202;color:var(--white);font-family: var(--font-montserrat-bold);font-weight:400;font-size:20px;margin: 0px auto 20px;}
.ofertas .box img, .black-friday .box .fondo-aparte img, .black-friday-ooff .box img{max-width: 85%;}
.black-friday .box h2 small {color:var(--white);font-size:60%;}
.black-friday .box p {color:var(--white);text-align: center;font-family: var(--font-frutiger-bold);font-size:16px;}
.black-friday .box .bodegon {border-radius:30px 30px 0 0;}
.black-friday .box .fondo-aparte {background-color: var(--no-bg);position: relative;border-radius: 0 0 20px 20px;padding: 0px 15px 1px;margin: -15px 0 0;}
@media (min-width: 544px){
    .black-friday-ooff .box {height: calc(100% - 40px);}
}
@media (min-width: 991px) {
    #dato-ofertas.background-image {background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
    #dato-ofertas .contenedor {max-width: 1200px;}
    .ofertas .box img {max-width: 85%;}
}
/* === LP DATOS OFERTAS === */

/* === LP NAVIDAD === */
#navidad .shadow-custom {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#navidad .header {text-align: center;margin-top: 2rem;}
#navidad .regalos-para-todos, #navidad .regalos-en-precios {padding: 2rem 0;}
#navidad .regalos-en-precios {background-color:var(--white);}
#navidad .compra-aqui {width: 100%;max-width: 200px;font-size: .8rem;background: var(--primary-color);color: var(--white);padding: .3rem 1.2rem;text-align: center;border-radius: 25px;border: 2px solid var(--primary-color);transition: all .5s;margin: 1rem auto;}
#navidad .compra-aqui:hover {background: var(--no-bg);color: var(--primary-color);border: 2px solid var(--primary-color);}
#navidad .titulos-secciones {color: #d64f5f;font-family: var(--font-montserrat-bold);margin-bottom: 1.5rem;font-size: 1.4rem;text-align: center;}
#navidad .titulos-secciones span {color: #70a822 !important}
#navidad .rotate-180 img{transform: rotate(180deg)}
@media (min-width: 991px) {
    #navidad .regalos-para-todos, #navidad .regalos-en-precios {padding: 3rem 0;}
    #navidad .titulos-secciones {font-size: 1.5rem;}
}
/* === LP NAVIDAD === */

/* === LP BELLEZA COREANA === */
#lp-belleza-coreana .header h2 {font-family: var(--font-frutiger-bold);font-weight: 800;color: var(--secondary-color);text-align: center;padding: 1.5rem 0;font-size: 1.8rem;}
#lp-belleza-coreana .caracteristicas, #lp-belleza-coreana .preguntas-frecuentes {padding: 2rem 0;}
#lp-belleza-coreana .caracteristicas__box {max-width: 150px;width: 95%;}
#lp-belleza-coreana .caracteristicas__box img {width: 70%;display: block;margin: 0 auto;}
#lp-belleza-coreana .caracteristicas__box p {text-align: center;color: var(--gray-text);font-size: .8rem;margin: 0 auto;}
#lp-belleza-coreana .titleSection {color: var(--secondary-color);font-size: 1.2rem;text-align: center;font-family: var(--font-frutiger-bold);text-transform: uppercase;}
#lp-belleza-coreana .textClaim {color: var(--gray-text);font-size: 1rem;text-align: center;margin-bottom: 2rem;}
#lp-belleza-coreana .container-image {position: relative;}
#lp-belleza-coreana .borderTitle {position: absolute;font-family: var(--font-frutiger-light);background-color: var(--secondary-color);border-radius: 0px 50px 50px 0px;padding: .8rem 2rem;color: var(--white);margin: 0;font-size: 1.1rem;top: 2%;}
#lp-belleza-coreana .ver-rutina-float {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 1rem auto;}
#lp-belleza-coreana .ver-rutina-float:hover {background: var(--no-bg);color: var(--primary-color);border: 2px solid var(--primary-color);}
#lp-belleza-coreana .ver-todo-ppal {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 1rem auto;}
#lp-belleza-coreana .ver-todo-ppal:hover {background: transparent;color: var(--primary-color);border: 2px solid var(--primary-color);}
#lp-belleza-coreana .titleRutina {color: var(--secondary-color);font-size: 1.2rem;text-align: center;font-family: var(--font-frutiger-bold);margin-bottom: 2rem;}
#lp-belleza-coreana .subtitleRutina {color: var(--secondary-color);font-size: 1.4rem;font-family: var(--font-frutiger-light);margin-top: 1rem;text-transform: uppercase;}
#lp-belleza-coreana .textRutina {color: var(--dark-gray-text);font-size: .9rem;}
#lp-belleza-coreana .textRutina b {color: var(--primary-color);}
#lp-belleza-coreana #rutina {padding-top: 2rem;width: 95%;max-width: 800px;margin: 0 auto;}
#lp-belleza-coreana .ver-menos {color: var(--primary-color);font-family: var(--font-frutiger-light);font-size: .9rem;text-align: right;}
#lp-belleza-coreana .productos-k {padding: 4rem 0 2rem;}
#lp-belleza-coreana .bodegon__box {width: 100%;margin: 0 auto;display: block;position: relative;}
#lp-belleza-coreana .bodegon__imagen {width: 100%;display: block;}
#lp-belleza-coreana .bodegon__title {position: absolute;font-family: var(--font-frutiger-light);background-color: var(--secondary-color);border-radius: 0px 50px 50px 0px;padding: .4rem 2rem;color: var(--white);margin: 0;font-size: 1rem;top: 0;left: 0;}
#lp-belleza-coreana .bodegon__info {font-family: var(--font-montserrat-bold);width: 90%;max-width: 200px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;margin: 1rem auto;font-size: .9rem;transition: all .5s;}
#lp-belleza-coreana .bodegon__box:hover .bodegon__info {background: transparent;border: 2px solid var(--primary-color);color: var(--primary-color);}
#lp-belleza-coreana .tooltipKbeauty {width: 90%;max-width: max-content;background-color: #EAEDF2;color: var(--gray-text);text-align: left;border-radius: 20px;padding: 1.5rem;position: relative;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);margin: 1rem auto;}
#lp-belleza-coreana .tooltipKbeauty p {font-size: .75rem;}
#lp-belleza-coreana .tooltipKbeauty p:last-child {margin-bottom: 0;}
#lp-belleza-coreana .tooltipKbeauty::after {content: "";position: absolute;border-width: 10px;border-style: solid;border-color: transparent transparent #EAEDF2 transparent;left: 50%;bottom: 100%;}
#lp-belleza-coreana .video-tutoriales {padding: 2rem 0;background-color: #F8F8F8;}
#lp-belleza-coreana .video-tutoriales .container {max-width: 400px;}
#lp-belleza-coreana .video-tutoriales h3 {font-family: var(--font-frutiger-bold);font-size: 1.1rem;margin-bottom: 1.5rem;color: #040A2B;}
#lp-belleza-coreana .columna-video .img-capture-video {width: 90%;margin: 0 auto 2rem;position: relative;display: block;}
#lp-belleza-coreana .img-capture-video .ico-play-video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 40%;opacity: .7;transition: all .5s;}
#lp-belleza-coreana .img-capture-video:hover .ico-play-video {opacity: 1;}
#lp-belleza-coreana .video-tutoriales .columna-video {padding: 2rem;}
#lp-belleza-coreana .video-tutoriales .ver-mas {text-align: right;}
#lp-belleza-coreana .bodegon__referencial {position: relative;font-family: var(--font-frutiger-light);color: var(--black);font-size: .6rem;margin: 0;}
#lp-belleza-coreana .textDatos {color: var(--dark-gray-text);font-size: .85rem;}
#lp-belleza-coreana ul.textDatos {padding-left: 1rem;}
#lp-belleza-coreana ol.textDatos {padding-left: 1.5rem;}
#lp-belleza-coreana ul.textDatos li::marker, #lp-belleza-coreana ol.textDatos li::marker {color: var(--primary-color);}
#lp-belleza-coreana .textDatos b {color: var(--primary-color);}
#lp-belleza-coreana #cosmeticaCoreanaMyTab {flex-wrap: nowrap;border: 0px !important;}
#lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-item {background-color: var(--no-bg) !important;}
#lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-link {background-color: rgba(197,110,144,.3);color: var(--secondary-color);font-size: 0.85rem;height: 100%;display: flex;align-items: center;}
#lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-link:hover {background-color: rgba(197,110,144,.6);}
#lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-link.active {background-color: var(--secondary-color) !important;color: var(--white) !important;border-color: var(--secondary-color) !important;}
#lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-item:last-child {padding-bottom: 0px !important;}
#lp-belleza-coreana #cosmeticaCoreanaMyTabContent {background-color: var(--secondary-color);color: var(--white);border-radius: 0 0 20px 20px;}
#lp-belleza-coreana #mobileTabsCosmeticaCoreana .card-header {background-color: rgba(197,110,144,.3);color: var(--secondary-color);}
@media (max-width: 990px) {
    #lp-belleza-coreana .tooltipKbeauty:focus .tiptext {visibility: visible;}
    #lp-belleza-coreana #rutina img {max-width: 300px;width: 100%;}
}
@media (min-width: 991px) {
    #lp-belleza-coreana .header h2 {font-size: 2rem;}
    #lp-belleza-coreana .caracteristicas, #lp-belleza-coreana .preguntas-frecuentes {padding: 3rem 0;}
    #lp-belleza-coreana .titleSection {font-size: 1.3rem;margin-bottom: 1.5rem;}
    #lp-belleza-coreana .titleRutina {font-size: 1.3rem;margin-bottom: 1.5rem;}
    #lp-belleza-coreana .textRutina {font-size: 1rem;}
    #lp-belleza-coreana .textSection {font-size: .9rem;}
    #lp-belleza-coreana .borderTitle {top: 3%;left: 0;font-size: 1.2rem;}
    #lp-belleza-coreana #rutina {width: 100%;max-width: unset;}
    #lp-belleza-coreana .ver-rutina-float {position: absolute;bottom: 10%;right: 5%;margin: unset;}
    #lp-belleza-coreana .bodegon__title {font-size: 1.1rem;padding: .6rem 2rem;}
    #lp-belleza-coreana .bodegon__info {position: absolute;bottom: 5%;left: 0;right: 0;margin: auto;}
    #lp-belleza-coreana .bodegon__info--right {position: absolute;bottom: 5% !important;right: 5% !important;left: unset !important;margin: unset !important;}
    #lp-belleza-coreana .video-tutoriales .container {max-width: inherit;}
    #lp-belleza-coreana .video-tutoriales .columna-video {border-right: 1px solid rgba(115,115,115,.7);}
    #lp-belleza-coreana .video-tutoriales .columna-video:last-child {border-right: 0px;}
    #lp-belleza-coreana .ver-todo-ppal {position: absolute;left: 25%;bottom: 5%;margin: 0;}
    #lp-belleza-coreana .bodegon__referencial {position: absolute;bottom: 1%;left: 1%;}
}
@media (min-width: 1400px) {
    #lp-belleza-coreana .header h2 {font-size: 2.5rem;}
}
/* === LP BELLEZA COREANA === */

/* === LP CLUB MAICAO === */
#club-maicao {overflow-x: hidden;}
#club-maicao .header {text-align: center;}
#club-maicao p {font-family: var(--font-frutiger-light);font-size: 1rem;color: var(--gray-text);text-align: center;}
#club-maicao p b {font-family: var(--font-frutiger-bold);}
#club-maicao .title-ppal {font-family: var(--font-montserrat-bold);color: #422e68;text-align: center;margin: 0;font-size: 1.4rem;}
#club-maicao .text-ppal {margin: 2rem 0;}
#club-maicao .descuentos, #club-maicao .alianzas {margin: 2rem 0;}
#club-maicao .img-dsctos {border-radius: 20px;}
#club-maicao .title-section {font-family: var(--font-montserrat-bold);color: #422e68;text-align: center;font-size: 1.4rem;margin: 0;}
#club-maicao .title-dscto {text-align: center;font-family: var(--font-frutiger-roman);color: var(--gray-text);font-size: 1.1rem;}
#club-maicao .text-dscto {font-size: .8rem;}
#club-maicao .revisa-aqui {width: 100%;max-width: 150px;font-size: .8rem;background: var(--primary-color);color: var(--white);padding: .3rem 1.2rem;text-align: center;border-radius: 25px;border: 2px solid var(--primary-color);transition: all .5s;margin: 1rem auto;}
#club-maicao .revisa-aqui:hover {background: var(--no-bg);color: var(--primary-color);border: 2px solid var(--primary-color);}
#slider-club-maicao-mobile {display: block;}
#slider-club-maicao-desktop {display: none;}
@media (min-width: 800px) {
    #club-maicao .title-ppal {font-size: 1.7rem;}
    #club-maicao p {font-size: 1.1rem;}
    #club-maicao .title-section {font-size: 1.7rem;}
    #club-maicao .title-dscto {font-size: 1.2rem;}
    #club-maicao .text-dscto {font-size: .9rem;}
}
@media (min-width: 991px) {
    #slider-club-maicao-mobile {display: none;}
    #slider-club-maicao-desktop {display: block;}
    #club-maicao .title-dscto {font-size: 1.3rem;}
    #club-maicao .text-dscto {line-height: 1.2;}
}
@media (min-width: 1200px) {
    #club-maicao .title-dscto {font-size: 1.4rem;}
    #club-maicao .text-dscto {font-size: 1.1rem;}
}
@media (min-width: 1400px) {
    #club-maicao .title-dscto {font-size: 1.5rem;}
}

/* === LP CLUB MAICAO === */

/* === LP ANIVERSARIO MAICAO === */
#aniversario-maicao {background-color: var(--white);}
#aniversario-maicao .borde-shadow {box-shadow: 0px 3px 6px rgba(0,0,0,.16);}
#aniversario-maicao .header {padding-bottom: 3rem;text-align: center;}
#aniversario-maicao h1, #aniversario-maicao h2 {color: var(--secondary-color);font-family: var(--font-frutiger-bold);font-weight: 800;padding: 0 0 1.5rem;font-size: 1.8rem;text-align: center;text-transform: uppercase;}
.columna-central {max-width: 700px;width: 90%;margin: 0 auto;display: block;padding-bottom: 3rem;}
.columna-central.tabla-ganadores {max-width: 600px;}
#aniversario-maicao .columna-central section:nth-child(1) {background-color: #e0f6fa;padding: 4rem 0;}
#aniversario-maicao .columna-central section:nth-child(2) {background-color: var(--white);padding: 4rem 0;}
#aniversario-maicao .ofertas div.d-flex.flex-column {gap:20px;}
#aniversario-maicao .categorias div.d-flex.flex-column {gap:20px;}
#aniversario-maicao .ofertas h3 {background-color: #E4E4E4;border-radius: 0px 25px 25px 25px;color: var(--primary-color);font-family: var(--font-frutiger-light);font-weight: 300;padding: 10px 30px;font-size: 1.2rem;text-align: center;max-width: max-content;}
#aniversario-maicao .ofertas h3 span {color: #DE6545;font-family: var(--font-frutiger-bold);font-weight: 800;}
#aniversario-maicao .categorias h3 {background-color: #DE6545;border-radius: 0px 25px 25px 25px;color: var(--white);font-family: var(--font-frutiger-roman);font-weight: 400;padding: 10px 30px;font-size: 1.2rem;text-align: center;max-width: max-content;margin-bottom:-28px;z-index: 10;}
#aniversario-maicao .compra-aqui {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: #FFF;padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;font-size: .8rem;}
#aniversario-maicao .compra-aqui:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: transparent;}
.tabla-ganadores .listado-ganadores {border-width: 1px;border-style: solid;border-color: #DDDDDD;border-bottom: 0px;}
.tabla-ganadores .cabecera-ganadores {background-color: var(--primary-color);
    border-radius: 15px 15px 0 0;}
#aniversario-maicao h5 {color: var(--gray-text);font-family: var(--font-frutiger-bold);text-align: left;padding: .5rem 1rem;margin-bottom: 0;font-size: 1rem;}
.tabla-ganadores h2 {color: var(--primary-color);font-family: var(--font-montserrat-bold);padding: 4rem 0 3rem;font-size: 1.8rem;text-align: center;}
.tabla-ganadores h5 {color: #7F52AF;font-family: var(--font-frutiger-bold);text-align: center;padding: .5rem 1rem;margin-bottom: 0;font-size: 1rem;}
.tabla-ganadores .listado-ganadores p {margin: 0;padding: .5rem 1rem .5rem 0;text-align: right !important;color: var(--gray-text);}
.tabla-ganadores .col-12:first-child .listado-ganadores {border-radius: 10px 10px 0 0;}
.tabla-ganadores .col-12:last-child .listado-ganadores {border-radius: 0 0 10px 10px;border-bottom: 1px solid #DDDDDD!important;}
.tabla-ganadores .listado-ganadores .fila-date.primera-fila {border-radius: 0;background-color: #f9e8f4;}
.tabla-ganadores .listado-ganadores .col-12.borde-inferior {border-bottom: 1px solid #eaeaea;}
@media (min-width: 991px) {
    .columna-central {max-width: 1200px;padding-bottom: 5rem;}
    .columna-central.tabla-ganadores {max-width: 1200px}
    .tabla-ganadores .listado-ganadores .col-12:first-child {border-radius: 0;}
    .tabla-ganadores .listado-ganadores .fila-date.primera-fila:first-child {border-radius: 0;}
    .tabla-ganadores .listado-ganadores p {padding: 1rem;text-align: center !important;}
    #aniversario-maicao h5 {color: var(--white);text-align: center;font-size: 1rem;padding: .8rem 1rem;}
}
@media (min-width: 1400px) {
    .columna-central {max-width: 1330px;
    }
}
/* === LP ANIVERSARIO MAICAO === */

/* === LP BELLEZA ES TODO === */
#lp-belleza {overflow-x: hidden;}
#lp-belleza .belleza-branding, #lp-belleza .belleza-categorias , #lp-belleza .belleza-tendencias {padding: 1.5rem 0;position: relative;max-width: 600px;margin: 0 auto;}
#lp-belleza .belleza-faqs {padding: 1.5rem 0;position: relative;max-width: 800px;margin: 0 auto;}
#lp-belleza .title-section {font-family: var(--font-frutiger-bold);font-weight: 800;color: var(--primary-color);text-align: center;padding: 1.5rem 0;margin: 0;font-size: 1.8rem;}
#lp-belleza .descriptor-imagen {text-align: center;font-family: var(--font-frutiger-roman);font-size: 1rem;margin-top: 1rem;}
#lp-belleza .compra-aqui {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 1rem auto;font-size: .8rem;}
#lp-belleza .compra-aqui-black {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--black);border: 2px solid var(--black);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 1rem auto;font-size: .8rem;}
#lp-belleza .compra-aqui:hover {border: 2px solid var(--primary-color);color: var(--primary-color);background: var(--no-bg);}
#lp-belleza .compra-aqui-black:hover {border: 2px solid var(--black);color: var(--black);background: var(--no-bg);}
#lp-belleza .belleza-tendencias .ver-productos {font-family: var(--font-montserrat-bold);width: 80%;max-width: 180px;background: var(--primary-color);border: 2px solid var(--primary-color);color: var(--white);padding: .2rem 1rem;text-align: center;border-radius: 40px;transition: all .5s;margin: 1rem auto;font-size: .8rem;}
#lp-belleza #faqs_belleza_es_todo .card {border-radius: 0px;}
#lp-belleza #faqs_belleza_es_todo .card-header {background-color: var(--white);border-bottom: 0px;}
.titleFaqBelleza {border-bottom: 0px;transition: transform .2s ease-in-out;background-color: var(--light-gray);border-radius: 15px;}
#lp-belleza .listas li {list-style: none !important;}
#lp-belleza .listas li::before {display: none;}
#lp-belleza .box-blog {border-radius: 20px;box-shadow: 0 3px 6px #DDD;padding: 15px;height: 100%;}
#lp-belleza .box-blog img {width: 150px;border-radius: 20px;}
#lp-belleza .box-blog h4 {font-size:20px;font-family: var(--font-frutiger-bold);color: var(--primary-color);}
#lp-belleza .box-blog p {font-family: var(--font-frutiger-light);color: var(--dark-gray-text);}
@media (min-width: 991px) {
    #lp-belleza .belleza-categorias, #lp-belleza .belleza-branding, #lp-belleza .belleza-tendencias {max-width: 1330px;}
    #lp-belleza .compra-aqui {font-size: .7rem;padding: .2rem .5rem;}
    #lp-belleza .descriptor-imagen {font-size: 1.1rem;}
    #lp-belleza .card-body li {font-size: initial;}
}
@media (min-width: 1200px) {
    #lp-belleza .compra-aqui {font-size:.8rem;padding: .2rem 1rem;}
}
/* === LP BELLEZA ES TODO === */

/* === MINISITIO RETIRO EN TIENDA === */
#lp-retiro-en-tienda .header {border-bottom: 6px solid var(--primary-color);}
#lp-retiro-en-tienda .cuerpo {background-image: var(--patron-fondo-retiro-tienda);background-repeat: repeat;padding: 3rem 0;}
#lp-retiro-en-tienda .first-title {text-align: center;color: var(--dark-gray-text);font-family: var(--font-frutiger-bold);font-size: 1.2rem;margin-bottom: 3rem;}
#lp-retiro-en-tienda .second-title {font-family: var(--font-frutiger-bold);color: var(--secondary-color);text-align: center;font-size: 1.4rem;margin-bottom: 2rem;}
#lp-retiro-en-tienda .number-step {width: 40px;height: 40px;padding-top: 2px;border-radius: 20px;background: var(--primary-color);color: var(--white);font-size: 1.5rem;text-align: center;}
#lp-retiro-en-tienda .text-step {font-family: var(--font-frutiger-light);font-size: 1rem;color: var(--secondary-color);text-align: center;}
#lp-retiro-en-tienda .text-step b {font-family: var(--font-frutiger-bold);}
#lp-retiro-en-tienda .text-SLA {font-family: var(--font-frutiger-light);font-size: 1rem;color: var(--gray-text);text-align: center;}
#lp-retiro-en-tienda .text-SLA b {font-family: var(--font-frutiger-bold);color: var(--secondary-color);}
#selectRegionRetiro {color: var(--secondary-color);background: #D0D0D0 var(--chevron-purple-RET) no-repeat right 15px center/25px 28px}
#selectRegionRetiro option {background: var(--light-gray);}
#body-zonasRetiro {margin-top: .7rem;padding: 0 1rem;}
.tab-pane .filasZonasRET {padding: .3rem 1rem;}
.tab-pane .cabecerasZonasRET {padding: .3rem 1rem;justify-content: space-around;background-color: transparent;color: var(--primary-color);}
.tab-pane .filasZonasRET .columnDatos p, .tab-pane .cabecerasZonasRET p {margin: 0;text-align: center;flex-grow: 1;flex-basis: 20%;font-size: .9rem;}
.tab-pane .filasZonasRET:nth-child(2n) {background-color: var(--no-bg);}
.tab-pane .filasZonasRET:nth-child(2n+1) {background-color: var(--light-gray);}
.footerRET {background-image: var(--barra-retiro-en-tienda);background-position: center;background-repeat: no-repeat;background-size: cover;}
.footerRET p {color: var(--white);text-align: center;}
.footerRET .compra-aqui-RET {width: 90%;max-width: 200px;font-size: 1rem;background: var(--primary-color);color: var(--white);padding: .5rem 1.5rem;text-align: center;border-radius: 50px;display: block;margin: 1rem auto 1rem;border: 2px solid var(--primary-color);transition: all .5s;}
.footerRET .compra-aqui-RET:hover {background: var(--no-bg);border: 2px solid var(--primary-color);color: var(--primary-color);}
@media (max-width: 990px) {
    .tab-pane .filasZonasRET {padding: 1rem 1rem;}
    .tab-pane .filasZonasRET .columnDatos {flex-direction: column;}
    .tab-pane .filasZonasRET p:last-child {margin-left: 1rem;text-align: right;}
    .footerRET p {color: inherit;}
    .footerRET .compra-aqui-RET {margin: 2rem auto 0rem;}
    .footerRET .compra-aqui-RET:hover {background: transparent;border: 2px solid #7bbc57;color: #7bbc57;}
    .footerRET {background-image: none;background-color: var(--no-bg)}
}
/* === MINISITIO RETIRO EN TIENDA === */

/* === MINISITIO SOLARES === */
#minisitio-solares .container-marcas {
    padding: 1.5rem 0;
    position: relative;
    max-width: 990px;
    overflow-y: hidden;
    overflow-x: auto;}
#minisitio-solares .container-marcas .row {
    flex-wrap: nowrap;}
#minisitio-solares .container-marcas .row .col-auto {
    display: inline-block;}
#minisitio-solares .title-section {
    font-family: var(--font-frutiger-bold);
    font-weight: 800;
    color: var(--secondary-color);
    text-align: center;
    padding: 1.5rem 0;
    margin: 0;
    font-size: 1.8rem;
    text-transform: uppercase;}
#minisitio-solares .bajada-title {
    margin: 2rem 0 0;
    text-align: center;
    color: var(--gray-text);
    font-family: var(--font-frutiger-light);
    font-size: 1rem}
#minisitio-solares .container-banners {
    position: relative;
    max-width: 600px;
    margin: 0 auto;}
#minisitio-solares .container-banners h4 {
    color: var(--secondary-color);
    font-size: 1.3rem;
    text-transform: capitalize;
    font-family: var(--font-frutiger-bold);
    margin: 0 0 10px;}
#minisitio-solares .container-banners img {
    border-radius: 20px;}
#minisitio-solares .container-banners .ver-productos {
    font-family: var(--font-montserrat-bold);
    width: 80%;
    max-width: 180px;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white);
    padding: .2rem 1rem;
    text-align: center;
    border-radius: 40px;
    transition: all .5s;
    margin: 1rem auto;
    font-size: .8rem;
    text-transform: uppercase;}
#minisitio-solares .container-banners .ver-productos:hover {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background: var(--no-bg);}
#minisitio-solares .container-skus .compra-aqui {
    font-family: var(--font-montserrat-bold);
    width: 80%;
    max-width: 180px;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white);
    padding: .2rem 1rem;
    text-align: center;
    border-radius: 40px;
    transition: all .5s;
    margin: 1rem auto;
    font-size: .8rem;}
#minisitio-solares .container-skus .compra-aqui:hover {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background: var(--no-bg);}
@media (min-width: 991px) {
    #minisitio-solares .container-marcas {
        padding: 1.5rem 1rem;
        max-width: unset;
        overflow-x: hidden;
    }

    #minisitio-solares .container-marcas .row .col-auto {
        display: block;
    }

    #minisitio-solares .bajada-title {
        margin: 0;
        font-size: 1.1rem
    }

    #minisitio-solares .container-banners {
        max-width: unset;
    }

    #minisitio-solares .container-skus .compra-aqui {
        font-size: .7rem;
        padding: .2rem .5rem;
    }
}
@media (min-width: 1200px) {
    #minisitio-solares .container-skus .compra-aqui {
        font-size:.8rem;
        padding: .2rem 1rem;
    }
}
/* === MINISITIO SOLARES === */

/* === LP LOCALES FARMA === */
#locales-farma .header picture img {
    margin: 0 auto;
    display: block;
}

#locales-farma p {
    margin-bottom: 20px;
    text-align: center;
}

#locales-farma p:last-child {
    margin-bottom: 0px;
}

#locales-farma .title-section {
    color: var(--primary-color);
    font-size: 25px;
    margin-bottom: 30px;
    text-align: center;
    font-family: var(--font-montserrat-bold);
}

#locales-farma .subtitle-section {
    color: #3E3E3E;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    font-family: var(--font-frutiger-bold);
    font-weight: 700;
}

#locales-farma .table-content {
    border: 6px solid #F9BB00;
    border-radius: 40px;
    padding: 20px;
}

#locales-farma .table-content .table th {
    color: var(--white);
    font-family: var(--font-frutiger-bold);
    text-align: center;
    border-radius: 20px 20px 0 0;
    padding: 10px 10px 5px;
    border: 10px solid var(--white);
    font-size: 15px;
    min-width: max-content;
    vertical-align: middle;
}

#locales-farma .table-content .table th.header-blue {
    background-color: #1F5FA8;
}

#locales-farma .table-content .table th.header-magenta {
    background-color: var(--primary-color);
}

#locales-farma .table-content .table td {
    border: 10px solid var(--white);
    background-color: #F3F2F2;
    text-align: center;
    padding: 5px 10px;
    font-size: 14px;
    vertical-align: middle;
}

@media (min-width: 991px) {
    #locales-farma .table-content .table th {
        min-width: unset;
    }
}

/* === LP LOCALES FARMA === */

/* === LP PRECYBER === */
#precyber {
    background: var(--white);
}

#precyber .header {
    padding-top: 3rem;
    text-align: center;
    margin-bottom: 5rem;
}

#precyber h1 {
    font-family: var(--font-montserrat-bold);
    color: #840677;
    font-weight: 800;
    padding: 0 0 1.5rem;
    font-size: 1.6rem;
    text-align: center;
    text-transform: capitalize;
}

#precyber .compra-aqui {
    font-family: var(--font-montserrat-bold);
    width: 80%;
    max-width: 180px;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white);
    padding: .5rem 1rem;
    text-align: center;
    border-radius: 40px;
    transition: all .5s;
    font-size: .8rem;
    margin: 0 auto;
}

#precyber .compra-aqui:hover {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background: var(--no-bg);
}

#precyber .contenedor {
    max-width: 700px;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 5rem;
}

#precyber .banner-oferta {
    border-radius: 20px;
    overflow: hidden; 
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative; 
    margin-bottom: 20px;
    min-height: 600px;
    background-color: var(--black);
}

#precyber .banner-oferta .seccion-superior {
    position: relative;
    background: linear-gradient(to right, #b000be, #f84b1c); 
    padding-top: 20px 30px 0px;
}
#precyber .banner-oferta .seccion-superior.grande {
    padding-top: 20px 30px 40px;
}

#precyber .banner-oferta .imagen-productos {
    width: 100%; 
    height: auto;
    display: block;
    object-fit: contain;
}

#precyber .banner-oferta .etiqueta-principal {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    
    /* Estilo de la etiqueta amarilla */
    background-color: #FFE900;
    font-family: var(--font-montserrat-bold);
    color: var(--primary-color);
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 20px;
    z-index: 10;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#precyber .banner-oferta .seccion-inferior {
    background-color: var(--black);
    color: var(--white);
    padding: 40px 20px 20px; 
}
#precyber .banner-oferta .seccion-inferior .productos-seleccionados {
    font-family: var(--font-frutiger-roman);
    color:var(--white);
    font-size: 16px;
    text-align: center;
}
#precyber .banner-oferta .seccion-inferior .descuento {
    max-width: 300px;
}

@media (min-width: 991px) {
    #precyber .contenedor {
        max-width: 1200px;
    }
}

/* === LP PRECYBER === */

/* === LP ESPECIAL BELLEZA === */
#lp-especial-belleza .cuerpo {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
}

#lp-especial-belleza .columnas .ofertas {
    margin-bottom: 1rem;
    padding: 15px;
}

#lp-especial-belleza .columnas:last-child .ofertas:last-child {
    margin-bottom: 0;
}

#lp-especial-belleza .ofertas .box-oferta {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 10px;
}

#lp-especial-belleza .ofertas .box-oferta.borde-verde {
    box-shadow: 5px 5px 0px #B9DB08;
    background-color: #FAFCEE;
}

#lp-especial-belleza .ofertas .box-oferta.borde-magenta {
    box-shadow: 5px 5px 0px var(--primary-color);
    background-color: #FDF3F7;
}

#lp-especial-belleza .ofertas .box-oferta.borde-naranjo {
    box-shadow: 5px 5px 0px #EF8A0D;
    background-color: #FEF7EE;
}

#lp-especial-belleza .ofertas .box-oferta.borde-azul {
    box-shadow: 5px 5px 0px #1E41C2;
    background-color: #EFF2FB;
}

#lp-especial-belleza .ofertas .box-oferta .title-card {
    background-color: var(--black);
    color: var(--white);
    font-family: var(--font-frutiger-light);
    font-size: 1.2rem;
    width: 90%;
    max-width: max-content;
    margin: 0 auto;
    padding: .3rem 1.2rem;
    border-radius: 50px;
    text-align: center;
}

#lp-especial-belleza .ofertas .box-oferta .title-card b {
    font-family: var(--font-frutiger-bold);
    font-size: 100%;
}

#lp-especial-belleza .compra-aqui {
    font-family: var(--font-montserrat-bold);
    width: 80%;
    max-width: 150px;
    font-size: .9rem;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: var(--white);
    padding: .2rem 1rem;
    text-align: center;
    border-radius: 40px;
    transition: all .5s;
    margin: 0 auto;
    margin-top: .5rem;
}

#lp-especial-belleza .box-oferta.borde-verde .compra-aqui:hover {
    border: 2px solid #B9DB08;
    color: #B9DB08;
    background: var(--no-bg);
}

#lp-especial-belleza .box-oferta.borde-magenta .compra-aqui:hover {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    background: var(--no-bg);
}

#lp-especial-belleza .box-oferta.borde-naranjo .compra-aqui:hover {
    border: 2px solid #EF8A0D;
    color: #EF8A0D;
    background: var(--no-bg);
}

#lp-especial-belleza .box-oferta.borde-azul .compra-aqui:hover {
    border: 2px solid #1E41C2;
    color: #1E41C2;
    background: var(--no-bg);
}

#lp-especial-belleza .box-oferta.borde-white .compra-aqui:hover {
    border: 2px solid var(--white);
    color: var(--white);
    background: var(--no-bg);
}

@media (min-width: 991px) {
    #lp-especial-belleza .cuerpo {
        max-width: 900px;
    }

    #lp-especial-belleza .columnas .ofertas {
        margin-bottom: 0;
    }

    #lp-especial-belleza .ofertas .box-oferta .title-card {
        font-size: .8rem;
    }

    #lp-especial-belleza .compra-aqui {
        max-width: 180px;
        font-size: .8rem;
    }
}

@media (min-width: 1200px) {
    #lp-especial-belleza .cuerpo {
        max-width: 1100px;
    }

    #lp-especial-belleza .ofertas .box-oferta .title-card {
        font-size: 1rem;
    }

    #lp-especial-belleza .compra-aqui {
        max-width: 150px;
    }
}

@media (min-width: 1400px) {
    #lp-especial-belleza .cuerpo {
        max-width: 1300px;
    }

    #lp-especial-belleza .ofertas .box-oferta .title-card {
        font-size: 1rem;
    }
}

/* === LP ESPECIAL BELLEZA === */