/* === ESTILOS CYBER === */ /* #maincontent .home-main.homepage{background-color:rgba(246, 143, 114, .2);} #maincontent .home-main.homepage{background:#14061D;} .barra-botonera-cyber {background: transparent;border: 2px solid #f795ca;box-shadow: 0px 0px 8px 5px #e2007a;} .homepage-section-title, .carousel-title {color: #ffffff;text-shadow: 0px 0px 3px #fff;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;} .online-shop-subtitle, .online-shop-title {color: #ffffff;} .buttonIconHome__link p {color: #0074d9;font-family:Frutiger Bold !important;background-color:#fff;border-radius:100px;white-space: normal;padding: 5px 10px 3px;} #botonera-promo-push .botonPromoPush {background-color:#09085a !important;border-radius: 10px 0px 10px 10px !important;border:2px solid #fff;color: #01e2ff;padding: 10px !important;box-shadow: 0px 0px 8px 3px #9b9b9b,inset 0px 0px 8px 3px #9b9b9b;} #botonera-promo-push .linkPromoPush {display:block !important;padding:2px 0 0px !important;font-family:Frutiger Bold !important;color:#01e2ff !important;background-color:#09085a !important;border:0px !important;max-width:100% !important;} div[style="background-color: cyber"] { background: #14061D;; } .cintillo-cyber { color: #01e2ff; font-size: 17px !important; padding: 10px; font-family: Frutiger Roman; } .cintillo-cyber b { font-weight: 800; font-family: Frutiger Bold; } .cintillo-cyber .btn-cintillo { background-color: #09085a; border: 2px solid #fff; font-size: 14px; color: #fff; padding: 7px 18px 4px; border-radius: 100px; box-shadow: 0px 0px 8px 3px #9b9b9b, inset 0px 0px 8px 3px #9b9b9b; margin-left: 10px; white-space: nowrap; } @media (min-width:768px){ #maincontent .home-main.homepage{background-color: transparent;background-image: url(https://staging-na01-difarma.demandware.net/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw54a0e758/images/homepage/bg-cyber-general.png);background-position: center;background-repeat: none;background-size: cover;background-attachment: fixed;} }*/ /* === ESTILOS CYBER === */ /* === ESTILOS BARRA SWITCHING === */ html,body { scroll-behavior: smooth; } #barra-padre { background: linear-gradient(120deg, #C60979 95%, #fff 5%); } .switching-title { text-align: center; margin: 0 1rem; color: #FFFFFF; font-family: Montserrat Bold,Arial,sans-serif; font-size: 1.1rem; } .fermodyl-switching-button { font-family: Frutiger Bold; font-size: .9rem; background: transparent; color: #FFF; padding: .5rem 1rem; text-align: center; width: 160px; margin: 0 1rem; border-radius: 5px; display: block; border: 1px solid #FFFFFF; } .fermodyl-switching-button:hover { background: #FFFFFF; color: #000; } .asepxia-switching .seccion-izq { background-color: #b2d1d6; width: 100%; height: 100%; } .asepxia-switching .seccion-der { background-color: #041a71; width: 100%; height: 100%; } .asepxia-switching .cintillo-asepxia { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw0e110621/images/navigation/asepxia-switching-fondo-lg.png); background-position: center; background-size: cover; background-repeat: no-repeat; width: 849px; background-color: #FFFFFF; } .asepxia-switching .separador-asepxia { width: 17px; margin-right: 0; } .asepxia-switching .cintillo-asepxia .img-switching { margin-right: 10px; } .asepxia-switching .separados-cuadros { display: none; } /* SWITCHING SERUM PESTAÑAS */ .serum-pestanias-switching .seccion-izq { background-color: #eb8f94; width: 100%; height: 100%; } .serum-pestanias-switching .seccion-der { background-color: #eb8f94; width: 100%; height: 100%; } .serum-pestanias-switching h5 { font-family: Frutiger Light Italic; font-size: .9rem; margin: 1rem 0; padding: 0 1rem; font-weight: 800; text-align: center; } .serum-pestanias-switching .btn-switching { font-family: Montserrat Bold,Arial,sans-serif; width: 100%; max-width: 180px; background: #e6007e; border: 2px solid #e6007e; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; font-size: .7rem; } .serum-pestanias-switching .btn-switching:hover { background: transparent; border: 2px solid #e6007e; color: #e6007e; } .img-switching { margin: 0 auto; } @media(min-width: 544px) { .serum-pestanias-switching h5 { margin: 0; font-size: .8rem; padding: 0 .5rem; } .serum-pestanias-switching .btn-switching { font-size: .6rem; padding: .2rem .5rem; } .img-switching { height: 60px; } } @media (min-width: 701px) { .serum-pestanias-switching h5 { font-size: .9rem; white-space: nowrap; } .img-switching { height: 80px; } } @media (min-width: 991px) { .serum-pestanias-switching h5 { font-size: 1.1rem; padding: 0 1rem; } .serum-pestanias-switching .btn-switching { padding: .2rem 1rem; font-size: .7rem; } .img-switching { height: auto; } } /* SWITCHING SERUM PESTAÑAS */ @media(min-width: 544px) and (max-width:700px) { .asepxia-switching .separados-cuadros { display: block; width: 100%; } } @media(max-width: 990px) { #barra-padre { background: #C60979; padding: .5rem 0; } .switching-title { font-size: 1rem; } .fermodyl-switching-button { padding: .5rem .6rem; max-width: 130px; font-size: .8rem; } .asepxia-switching .cintillo-asepxia { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw49dc3607/images/navigation/asepxia-switching-fondo-sm.png); background-position: center; background-size: cover; background-repeat: no-repeat; max-width: 900px; width: 100%; background-color: #FFFFFF; } .asepxia-switching .separador-asepxia { width: 28px; } } @media (max-width: 700px) { .asepxia-switching .separador-asepxia { display: none; } } /* === ESTILOS BARRA SWITCHING === */ /* === ESTILOS SLIDER PERSONALIZADO === */ .center_y { position: relative; display: none; align-items: center; } .center_x { position: relative; display: none; align-items: center; justify-content: center; } .slider-container { width: 100%; height: auto; position: relative; overflow: hidden; } .slides { height: 100%; width: 100%; padding: 0 5px; margin: 0 auto; position: relative; z-index: 1; display: none; } .slides.active-slide { display: block !important; } .slides.slide_banners { padding: 0 !important; } .slides .contain { width: 100%; } .slider-arrow { position: absolute; display: flex; flex-direction: row; align-items: center; width: 30px; height: 100%; cursor: pointer; left: 5px; top: 0; z-index: 10; } .slider-arrow.with-dots { height: calc(100% - 49px) !important; } .slider-arrow:last-child { left: unset; right: 5px; } .fadeOut { animation-name: fadeOut; animation-duration: .5s; } #dots-wrapper { width: auto; margin: 1rem auto; display: none; } .dot-nav { width: 15px; height: 15px; border-radius: 100%; cursor: pointer; margin: 0 8px; border: 1px solid #707070; display: none; } .dot-nav:hover { background-color: #C60079; } .active-dot { background-color: #C60079; border: 1px solid #C60079; } @keyframes fadeOut { from { opacity: .4 } to { opacity: 1 } } @media (min-width:991px){ .center_x, .center_y { display: flex !important; } .slides { padding: 0 40px; } } /* === ESTILOS SLIDER PERSONALIZADO === */ /* === CARRUSEL PRODUCTOS === */ #carrusel .container-products { position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #carrusel .slider-container-skus { max-width: 990px; position: relative; display: flex; flex-wrap: nowrap; } #carrusel .slides-skus { display: inline-block; flex: 0 0 auto; width: auto; position: relative } #carrusel .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; font-size: .8rem; } #carrusel .compra-aqui:hover { border: 2px solid #FA0A7E; color: #FA0A7E; background: transparent; } #carrusel .container-skus { display: flex; flex-direction: row; } #carrusel .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; } #carrusel .container-skus img { padding-bottom: 1rem; margin: 0 auto; display: block; } #carrusel .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #carrusel .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #carrusel .secciones.carrusel { position: relative; } #carrusel .secciones.carrusel .boton-ver-todos { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; writing-mode: vertical-lr; color: #FFF; text-align: center; height: 120px; padding: 0 15px; font-family: Montserrat Bold,Arial,sans-serif; border-radius: 12px 0 0 12px; transition: all .5s; background-color: #f18cb8; border: 2px solid #f18cb8; z-index: 2; } #carrusel .secciones.carrusel .boton-ver-todos:hover { padding: 0 20px; background-color: #FFF; color: #f18cb8; border: 2px solid #f18cb8; } @media (min-width: 544px) { #carrusel .container-skus .skus-boxes { width: 250px; } } @media (min-width: 991px) { #carrusel .container-products { max-width: unset; overflow-x: hidden; } #carrusel .slider-container-skus { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; max-width: unset; display: block; flex-wrap: unset; } #carrusel .slides-skus { height: 100%; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; z-index: 1; display: block; max-width: unset; flex: none; } #carrusel .slides-skus .contain { width: 100%; } #carrusel .container-skus .skus-boxes { max-width: 300px; flex: auto; } #carrusel .container-skus .link-categoria { font-size: .8rem; } #carrusel .container-skus .link-nombre { font-size: .8rem; } #carrusel .container-skus .compra-aqui { font-size: .7rem; padding: .2rem .5rem; } } @media (min-width: 1200px) { #carrusel .container-skus .compra-aqui { font-size:.8rem; padding: .2rem 1rem; } #carrusel .container-skus .link-categoria { font-size: 1rem; } #carrusel .container-skus .link-nombre { font-size: 1rem; } } /* === CARRUSEL PRODUCTOS === */ /* === 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: #C60979; text-align: center; } .buttonIconHome__link p { margin-bottom: 0; margin-top: 1.5rem; font-family: Frutiger Roman; font-size: large; } #botonera-promo-push .botonPromoPush { background-color: #e2007a; 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: Frutiger Bold !important; color: #fff; border: 2px solid #fff; max-width: max-content; padding: 8px 10px 5px; border-radius: 100px; } #botonera-promo-push .botonPromoPush.central .linkPromoPush { background-color: #C40079; border: 2px solid #C40079 } #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; } /* === ESTILOS HOME === */ /* ESTILOS BOTONERA */ #banner-interno-botonera { margin-top: 1px; } #banner-interno-botonera .botones { border: 1px solid #fb017f; background-color: #fff; border-radius: 10px; 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: #5a5b5c; } #banner-interno-botonera .botones:last-child { border-right: 0px !important; } #banner-interno-botonera .botones.activo { background-color: #fb017f !important; } #banner-interno-botonera .botones.activo h6 { color: #fff !important; } #banner-interno-botonera .botones.principal { background-color: #fedc00 !important; } #banner-interno-botonera .botones.principal h6 { color: #009639; font-family: DIN Pro Black,Arial,sans-serif; } #banner-interno-botonera .h6, #banner-interno-botonera h6 { font-size: 0.80rem; } @media(max-width: 990px) { #banner-interno-botonera .botones { border:0.5px solid #fb017f; } #banner-interno-botonera { margin-top: 5px; } } /* ESTILOS BOTONERA */ /* === LP VENTAS NOCTURNAS === */ #venta-nocturna .header { border-bottom: 6px solid #e2007a; } #venta-nocturna .ofertas { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3358b903/images/static-pages/minisitios/bg-cielo-maicao-venta-nocturna-sm.jpg); 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 #FFDB10; border-radius: 20px; } #venta-nocturna .box-dscto.borde-neon { box-shadow: 0 0 5px #FFDB10, 0 0 7px #FFDB10, inset 0 0 5px #FFDB10, inset 0 0 7px #FFDB10; } #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: Montserrat Bold,Arial,sans-serif; color: #FFFFFF; font-size: 1.4rem; margin: 0; text-align: center; } #venta-nocturna .box-dscto .box-text p { font-family: Frutiger Light; margin: 0 auto 1rem; width: 95%; font-size: 1rem; text-align: center; color: #FFFFFF; text-align: center; } #venta-nocturna .compra-aqui { font-family: Frutiger Bold; width: 90%; max-width: 230px; font-size: 1rem; background: #C60079; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 50px; margin: 0 auto; border: 2px solid #C60079; transition: all .5s; } #venta-nocturna .compra-aqui:hover { background: transparent; border: 2px solid #FFDB10; box-shadow: 0 0 5px #FFDB10, 0 0 7px #FFDB10, inset 0 0 5px #FFDB10, inset 0 0 7px #FFDB10; } #venta-nocturna .ofertas .contenedor { max-width: 700px; width: 95%; margin: 0 auto; } @media (min-width: 991px) { #venta-nocturna .ofertas { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw21e4a1e5/images/static-pages/minisitios/bg-cielo-maicao-venta-nocturna-lg.jpg); 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 === */ /* === LP HITO BELLEZA === */ #hito-belleza .header { border-bottom: 6px solid #e2007a; } #hito-belleza .ofertas { background: #FF9800; padding: 2rem 0; } #hito-belleza .ofertas-a-mil { background: #fff; padding: 2rem 0; } #hito-belleza .ofertas-a-mil h4 { color: #e2007a; text-align: center; font-weight: 700; font-family: Frutiger Bold; font-size: 1.2rem; } #hito-belleza .compra-aqui { font-family: Frutiger Bold; width: 90%; max-width: 230px; font-size: 1rem; background: #C60079; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 50px; margin: 1.5rem auto 0; border: 2px solid #C60079; transition: all .5s; } #hito-belleza .ofertas .compra-aqui:hover { background: transparent; border: 2px solid #FFDB10; box-shadow: 0 0 5px #FFDB10, 0 0 7px #FFDB10, inset 0 0 5px #FFDB10, inset 0 0 7px #FFDB10; } #hito-belleza .ofertas-a-mil .compra-aqui:hover { background: transparent; color: #C60079; border: 2px solid #C60079; box-shadow: 0 0 5px #C60079, 0 0 7px #C60079, inset 0 0 5px #C60079, inset 0 0 7px #C60079; } #hito-belleza .ofertas .contenedor, #hito-belleza .ofertas-a-mil .contenedor { max-width: 700px; width: 95%; margin: 0 auto; } @media (min-width: 991px) { #hito-belleza .ofertas, #hito-belleza .ofertas-a-mil { padding: 3rem 0; } #hito-belleza .ofertas .contenedor, #hito-belleza .ofertas-a-mil .contenedor { max-width: 1200px; } } /* === LP HITO BELLEZA === */ /* === LP CYBER === */ #cyber .header { border-bottom: 6px solid #e2007a; text-align: center; background: #14061D;; } #cyber .ofertas { background: #14061D;; padding: 2rem 0; } #cyber .img-dcto { border:1px solid #fff; border-radius: 20px; margin-bottom: 5px; } #cyber .title-cyber { color: #ffff; font-family: Frutiger Bold; font-weight: 800; padding: 1.5rem 0; font-size: 1.6rem; text-align: center; text-transform: uppercase; } #cyber .ofertas .box { border-radius: 20px; padding:30px 0 0; margin-bottom: 1rem; height: 100%; } #cyber .ofertas .box .bodegon { border-radius:20px 20px 0 0; } #cyber .ofertas .box .fondo_aparte { background-color: #E6007E; border-radius: 0 0 20px 20px; padding: 0 15px 1px; } #cyber .ofertas .box .fondo_aparte img { max-width: 70%; } #cyber .ofertas .box h2 { width:90%; max-width:max-content; padding:10px 30px; border-radius:100px; text-align:center; background-color: #FFE700; color:#E6007E; font-family: Montserrat Bold,Arial,sans-serif; font-weight:400; font-size:20px; position: relative; z-index: 10; margin: -15px auto 10px; text-transform: uppercase; } #cyber .ofertas .box p { color:#fff; text-align: center; font-family: Frutiger Roman; font-size:16px; } p.legal { color: #fff; font-size: .7rem; text-align: center; margin-bottom: 20px; } #cyber .compra-aqui { font-family: Frutiger Bold; width: 90%; max-width: 200px; font-size: 1rem; background: #E6007E; color: #FFF; padding: .5rem 1.5rem .3rem; text-align: center; border-radius: 50px; margin: 0 auto; border: 2px solid #C60079; transition: all .5s; } #cyber .compra-aqui:hover { background: #040951; border: 2px solid #fff; box-shadow: 0 0 5px #fff, 0 0 7px #fff, inset 0 0 5px #fff, inset 0 0 7px #fff; } #cyber .ofertas .contenedor { max-width: 700px; width: 95%; margin: 0 auto; } @media (min-width: 991px) { #cyber .ofertas .contenedor { max-width: 1200px; } #cyber .grupo-oferta { padding: inherit !important; } #cyber .grupo-oferta .card-header { margin-top: -20px; margin-bottom: 0px; } } /* === LP CYBER === */ /* === LP POST CYBER === */ #presentacion-postcyber { background-color: #000; width: 100%; } #presentacion-postcyber .header { border-bottom: 6px solid #e2007a; } #presentacion-postcyber .cuerpo { background-color: #14061D; 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 #ffffff; border-radius: 20px; } #presentacion-postcyber .box-dscto.borde-neon { box-shadow: 0 0 5px #C60079, 0 0 7px #C60079, inset 0 0 5px #C60079, inset 0 0 7px #C60079; } #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: Montserrat Bold,Arial,sans-serif; color: #FFFFFF; font-size: 1.4rem; text-shadow: 2px -3px 0px #C60079; } #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: #FFFFFF; } #presentacion-postcyber .compra-aqui { font-family: Frutiger Bold; width: 90%; max-width: 230px; font-size: 1rem; background: #C60079; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 50px; margin: 0 auto; border: 2px solid #C60079; transition: all .5s; } #presentacion-postcyber .compra-aqui:hover { background: transparent; border: 2px solid #ffffff; box-shadow: 0 0 5px #C60079, 0 0 7px #C60079, inset 0 0 5px #C60079, inset 0 0 7px #C60079; } #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 === */ /* === LP PIERO GUTTI === */ #minisitio-piero-butti p { font-family: Frutiger Roman; } #minisitio-piero-butti .header { border-bottom: 6px solid #e2007a; } #minisitio-piero-butti .bg-piero-butti { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwe0e8018a/images/static-pages/minisitios/bg-il-capo-piero-butti-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #minisitio-piero-butti .piero-butti-body { max-width: 1100px; width: 97%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } #minisitio-piero-butti .columna-01 { width: 380px; } #minisitio-piero-butti .columna-01 h2 { color: #ffffff; font-family: Frutiger Light; text-align: center; font-size: 2.2rem; margin-bottom: 1.5rem; padding-right: 14%; } #minisitio-piero-butti .columna-01 .texto-descriptivo { background-color: #343a40; border-radius: 7px; margin-top: 2rem; margin-bottom: 2rem; margin-right: 14%; padding: 1rem; } #minisitio-piero-butti .columna-01 .texto-descriptivo p { font-size: .9rem; color: #FFFFFF; } #minisitio-piero-butti .columna-01 .texto-descriptivo p:last-child { margin-bottom: 0; } #minisitio-piero-butti .columna-02 { width: 390px; } #minisitio-piero-butti .columna-02 .box-context { background-color: #000000; border-radius: 20px; box-shadow: 5px 5px 0px #DA0A80; padding: 1rem 1.5rem; padding-bottom: 5rem; } #minisitio-piero-butti .columna-02 .box-context img { margin-bottom: 1rem; } #minisitio-piero-butti .columna-02 .box-context p { color: #ffffff; font-size: .9rem; } #minisitio-piero-butti .columna-02 .texto-caracteristicas { display: flex; flex-direction: row; justify-content: center; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p { font-size: .8rem; border-right: 2px solid #1E1E1F; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p:nth-of-type(1) { width: 100px; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p:nth-of-type(2) { width: 125px; padding: 0px 10px; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p:nth-of-type(3) { width: 100px; border-right: 0px; padding-left: 10px; } #minisitio-piero-butti .columna-02 .comprar-bodegon { margin-top: -4rem; } #minisitio-piero-butti .columna-02 .texto-caracteristicas .badge { display: block; margin: 0 auto; width: max-content; padding: 5px 10px; } #minisitio-piero-butti .inscribete-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 170px; font-size: 1rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .3rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin-left: 20%; } #minisitio-piero-butti .inscribete-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #minisitio-piero-butti .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 150px; font-size: .9rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 0 auto; margin-top: 1rem; } #minisitio-piero-butti .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } @media (max-width: 991px) { #minisitio-piero-butti .bg-piero-butti { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw1f78c557/images/static-pages/minisitios/bg-il-capo-piero-butti-sm.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } #minisitio-piero-butti .piero-butti-body { flex-direction: column; width: 100%; justify-content: center; align-items: center; } #minisitio-piero-butti .columna-01 { width: 90%; } #minisitio-piero-butti .columna-02 { width: 90%; margin-top: 1rem; } #minisitio-piero-butti .columna-01 h2 { padding-right: 0; } #minisitio-piero-butti .columna-01 .texto-descriptivo { margin-right: 0; } #minisitio-piero-butti .columna-01 img { max-width: 800px; width: 90%; margin: 0 auto; display: block; } #minisitio-piero-butti .inscribete-aqui { margin: 0 auto; } #minisitio-piero-butti .columna-02 .box-context { padding-bottom: 12rem; } #minisitio-piero-butti .columna-02 .box-context img { margin: 0 auto 2rem; display: block; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p { width: 33% !important; } #minisitio-piero-butti .columna-02 .comprar-bodegon { max-width: 500px !important; margin: 0 auto; margin-top: -10rem !important; margin-bottom: 1030px !important; } } @media (max-width: 444px) { #minisitio-piero-butti .columna-02 .texto-caracteristicas { flex-direction: column; align-items: center; } #minisitio-piero-butti .columna-02 .texto-caracteristicas p { width: 135px !important; border-right: 0px; padding-left: 10px !important; padding-right: 0px !important; } #minisitio-piero-butti .columna-02 .texto-caracteristicas .badge { display: inline-block; margin-bottom: 1rem; } } /* === LP PIERO GUTTI === */ /* === BANNER HOME CARRUSEL === */ .slick-dots { bottom: -1.5625rem !important; } .product-detail .carousel-nav { background-color: #f5f5f5 !important; } .slick-dots li button { background: #d2d2d2 !important; } .slick-dots li.slick-active button { background: #e2007a !important; } /* === BANNER HOME CARRUSEL === */ /* === CARRUSEL DE PRODUCTOS === */ .products-carousel .slick-next { right: -40px !important; } .products-carousel .slick-prev { left: -40px !important; } /* === CARRUSEL DE PRODUCTOS === */ /* === HEADER === */ .navbar-nav .dropdown-items hr { border-color: #e2007a !important; } .navbar-nav { background-color: #e2007a !important; } .nav-item { background-color: #e2007a !important; } .navigation-icon { filter: unset !important; -webkit-filter: unset !important; } .nav-bottom-links .nav-item { background-color: transparent !important; } @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-container.background-white.d-flex.justify-content-around.align-items-center.w-100.shadow-sm.px-lg-5 { background-color: #e2007a !important; } .header-cart-number { background-color: #ffffff !important; color: #e2007a; } /* === TEXTOS === */ .category-simple-title { color: #C40079 !important; } .btn-primary:not(.disabled):not(:disabled), .btn.btn-secondary:not(.disabled):not(:disabled) { background-color: #C40079; border: 2px solid #C40079; } /* === TEXTOS === */ /* === FOOTER === */ .footer { border-top: 4px solid #50267F !important; background-color: #C40079 !important; } .footer .footer-links .footer-links-list-item { color: #ffffff !important; } .footer .footer-links .footer-links-list-item a { color: #ffffff !important; } .bottom-bar { display: none !important; } .footer .footer-copyright { background-color: #50267F !important; color: #ffffff !important; margin-top: 42px !important; } .footer .footer-links .checkmark-content { color: #fff !important; } .footer .footer-links .footer-links-title { color: #fff !important; } .footer .container { padding-bottom: 42px; } @media (min-width: 991px) { .footer .footer-links .footer-links-title { color: #ffffff !important; } } /* === FOOTER === */ .background-pink { background-color: #C40079 !important; } /* .product-tile-shipping { display: none!important; } */ .checkout-login-column .subscribe-button { background-color: #C40079 !important; color: #fff !important; border: 2px solid #C40079 !important; } .checkout-login-column .subscribe-button:hover { background-color: #f161b3 !important; color: #fff !important; border: 2px solid #f161b3 !important; } @media (max-width: 991px) { .checkout-login-column .subscribe-button { font-size: 1.125rem !important; } .checkout-login-column .subscribe-button:hover { font-size: 1.125rem !important; } } .checkout-login-column .checkout-as-guest { background-color: transparent !important; color: #e2007a !important; border: 2px solid #e2007a !important; font-size: .875rem !important; } .checkout-login-column .checkout-as-guest:hover { background-color: #fff !important; color: #e2007a !important; border: 2px solid #e2007a !important; font-size: .875rem !important; } .checkout-login-column .checkout-as-guest #solid #path-1 { fill: #e2007a; } .nav-item .nav-link { color: #fff; padding-right: 15px; padding-left: 15px; font-size: 0.9999rem; font-family: Montserrat,Arial,sans-serif; text-transform: uppercase; outline: none; } /* .btn.btn-block.btn-secondary.mb-3.checkout-as-guest.my-lg-5 { display: none!important; } */ .footer .footer-copyright { margin-top: 0px !important; } .border-image { border: 1px solid #dbdbdb; } /* === PÃÂGINA DE DOCUMENTOS === */ .legal-document { max-width: 50%; } @media (min-width: 991px) { .legal-document { max-width: 250px; width: 18%; margin: 30px; } } /* === PÃÂGINA DE DOCUMENTOS === */ /* === SERVICIO AL CLIENTE === */ .titulo-pagina { min-height: 200px; } #header_banner { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw23f0f03f/images/static-pages/placeholder-large-breakpoint.jpg); background-position: center; background-size: cover; } .body-text { background-color: #f5f5f5; width: 100%; } .body-text p { color: #555555; font-family: Frutiger Light,Arial,sans-serif; } .body-text ul { color: #555555; font-family: Frutiger Light,Arial,sans-serif; } .titulo { font-family: Montserrat Bold,Arial,sans-serif; color: #e2007a; font-size: 2.1875rem; } .subtitulo { font-family: Frutiger Light Italic,Arial,sans-serif; color: #5c5c5c; } .nombrePag { font-size: 1.5625rem; color: #e2007a; } .menuStaticPage { background: #fff; padding: 2rem; border-radius: 12px; } .menuStaticPage .list-group-item { font-family: Montserrat Bold,Arial,sans-serif; 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: #e2007a; font-family: Montserrat Bold,Arial,sans-serif; } .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: Montserrat Bold,Arial,sans-serif; font-size: 1.3rem; } .title-costos h3 { font-size: 1rem; font-family: Montserrat Bold,Arial,sans-serif; } .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: #ffffff; border-bottom: 0px; } .titleFaq { border-bottom: 0px; transition: transform .2s ease-in-out; background-color: #f5f5f5; border-radius: 15px; } .content-checkmark { font-size: 1rem; transform: rotate(-180deg); color: #E5097C; } .collapsed .content-checkmark { transform: rotate(0deg); color: #E5097C; } .collapsed .card-header { border-bottom: 0px; } .collapsed.titleFaq { border-bottom: 0px; } .content-collapse-title { font-family: Montserrat Bold,Arial,sans-serif; font-size: .9rem; color: #495057; } .text-magento { color: #e2007a; } .p-6 { padding: 2rem; } #seleccion .card-body ul { font-family: Frutiger Light,Arial,sans-serif; } .cuadro-tabla { background-color: #f5f5f5; border-radius: 15px; padding: 1.5rem; } .cuadro-tabla table { font-family: Frutiger Light,Arial,sans-serif; 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: #f5f5f5; } .cuadro-tabla .table-striped tbody tr:nth-of-type(2n) { background-color: #ffffff; } .bold-frutiller { font-family: Frutiger Bold; } .badge-magento { background-color: #e2007a; color: #ffffff; } .listas { font-family: Frutiger Light,Arial,sans-serif; } .listas .list-group-item { border: 0px; color: #555555; } @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: Frutiger Light,Arial,sans-serif; } .claim-work-us p { font-family: Frutiger Light,Arial,sans-serif; color: #555555; } .claim-work-us p b { font-family: Frutiger Bold,Arial,sans-serif; } .claim-work-us img { max-width: 300px; display: block; margin: 0 auto; } .mco-farma { margin-bottom: 3rem; } .mco-farma h5 { color: #00C4FF; font-family: Frutiger Bold,Arial,sans-serif; } .mco-farma .postular { background-color: #00C4FF !important; border: 2px solid #00C4FF !important; display: block; margin: 0 auto; max-width: max-content; } .mco-farma .postular:hover { background-color: #FFF !important; color: #00C4FF !important; } .mco-bycp h5 { color: #E5007C; font-family: Frutiger Bold,Arial,sans-serif; } .mco-bycp .postular { background-color: #E5007C !important; border: 2px solid #E5007C !important; display: block; margin: 0 auto; max-width: max-content; } .mco-bycp .postular:hover { background-color: #FFF !important; color: #E5007C !important; } .claim-separador { font-family: Frutiger Light,Arial,sans-serif; color: #555555; margin: 1.5rem 0; text-align: center; } .cargos { margin-bottom: 1.5rem; background-color: #F5F5F5; border-radius: 8px; padding: 1rem 1.5rem; } .cargos:last-child { margin-bottom: 0; } .cargos.farma h4 { font-family: Montserrat Bold,Arial,sans-serif; background-color: #00C4FF; border-radius: 50px; max-width: max-content; padding: .5rem 2rem; color: #FFF; font-size: 1.2rem; text-align: center; } .cargos.farma p, .cargos.bycp p { font-family: Frutiger Bold,Arial,sans-serif; color: #555555; } .cargos.farma p span { color: #00C4FF; } .cargos.bycp h4 { font-family: Montserrat Bold,Arial,sans-serif; background-color: #E5007C; border-radius: 50px; max-width: max-content; padding: .5rem 2rem; color: #FFF; font-size: 1.2rem; text-align: center; } .cargos.bycp p span { color: #E5007C; } @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 === */ /* === DEFAULT === */ .ico-redirect { opacity: .6; width: 17px; } a:hover > .ico-redirect { opacity: 1; } /* === MOMENTÃÂNEO === */ /* .pickup-in-store-title{ display:none !important; } */ /* === DEFAULT === */ /* === LP MARVEL === */ #lp-marvel .header__bajada { margin-top: 1rem; } #lp-marvel .header__bajada h3 { background-color: #C60079; color: #fff; text-align: center; padding: .5rem 1.5rem; max-width: 1120px; width: 100%; margin: 0 auto; display: block; font-size: 1.2rem; border-radius: 40px; font-family: Montserrat Bold,Arial,sans-serif; } #lp-marvel .presentacion { margin: 3rem 0; } #lp-marvel .presentacion h3 { color: #D8006B; font-size: 1.2rem; text-align: left; margin-bottom: 2rem; font-family: Montserrat Bold,Arial,sans-serif; } #lp-marvel .presentacion .presentacion__box { width: max-content; margin: 0 auto; display: block; } #lp-marvel .presentacion .presentacion__icon { width: 110px; display: block; margin: 0 auto; } #lp-marvel .presentacion .presentacion__title { margin-bottom: 5px; font-size: .9rem; text-align: center; } #lp-marvel .presentacion .presentacion__title.box-01 { color: #01335E; } #lp-marvel .presentacion .presentacion__title.box-02 { color: #E80929; } #lp-marvel .presentacion .presentacion__title.box-03 { color: #D6B32E; } #lp-marvel .presentacion .presentacion__title.box-04 { color: #C60823; } #lp-marvel .presentacion .presentacion__title.box-05 { color: #58297F; } #lp-marvel .presentacion .presentacion__btn { text-align: right; margin: 0; color: #C60079; font-size: .7rem; } #lp-marvel .tooltipMarvel { position: relative; display: inline-block; } #lp-marvel .tooltipMarvel .tiptext { visibility: hidden; min-width: 340px; background-color: #EAEDF2; color: #707070; text-align: left; border-radius: 20px; padding: 1.5rem; position: absolute; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-left: -60px; top: 110%; } #lp-marvel .tooltipMarvel .tiptext p { font-size: .75rem; } #lp-marvel .tooltipMarvel .tiptext p:last-child { margin-bottom: 0; } #lp-marvel .tooltipMarvel .tiptext::after { content: ""; position: absolute; border-width: 5px; border-style: solid; border-color: transparent transparent #EAEDF2 transparent; margin-left: -5px; bottom: 100%; } #lp-marvel .tooltipMarvel:hover .tiptext { visibility: visible; } #lp-marvel .tooltipMarvel.left .tiptext { left: 25%; } #lp-marvel .tooltipMarvel.left .tiptext::after { left: 25%; } #lp-marvel .tooltipMarvel.center-center-right .tiptext { left: -25%; } #lp-marvel .tooltipMarvel.center-center-right .tiptext::after { right: 50%; } #lp-marvel .tooltipMarvel.center-right-left .tiptext { left: 0%; } #lp-marvel .tooltipMarvel.center-right-left .tiptext::after { right: 50%; } #lp-marvel .tooltipMarvel.center-left .tiptext { left: 0; } #lp-marvel .tooltipMarvel.center-left .tiptext::after { right: 50%; } #lp-marvel .tooltipMarvel.right .tiptext { right: -25%; } #lp-marvel .tooltipMarvel.right .tiptext::after { right: 25%; } #lp-marvel .products-marvel { margin: 2rem 0; } #lp-marvel .products-marvel__title { position: relative; max-width: 400px; width: 100%; margin-bottom: 2rem; } #lp-marvel .products-marvel__title h3 { background: #C60079; padding: .5rem 4rem .5rem 2rem; font-size: 1.2rem; text-align: center; color: #fff; margin-bottom: 0; display: block; border-radius: 0px 40px 40px 0; font-family: Montserrat Bold,Arial,sans-serif; } #lp-marvel .products-marvel__title .products-marvel__image { position: absolute; z-index: 0; height: 100%; top: 0; right: 0; } #lp-marvel .product .product__body { border-left: 6px solid #50267F; padding: .5rem 2.5rem; } #lp-marvel .product .product__body .product__claim { color: #C60079; font-size: 1.2rem; margin-bottom: 2rem; font-family: Montserrat Bold,Arial,sans-serif; } #lp-marvel .product .product__body .product__textos { color: #555555; font-size: .9rem; } #lp-marvel .product .product__body .product__textos b { color: #50267F; } #lp-marvel .product .product__body .product__textos:last-child { margin-bottom: 0; } #lp-marvel .compra-aqui { width: 100%; max-width: 200px; font-size: 1rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 40px; transition: all .5s; } #lp-marvel .compra-aqui:hover { background: #ffffff; border: 2px solid #C60079; color: #C60079; } #lp-marvel .all-collection { background-color: #0B070E; margin-bottom: 4rem; position: relative; margin-top: 3rem; } #lp-marvel .all-collection--colossal { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwc50178eb/images/static-pages/minisitios/bg-bodegon-productos-colossal-marvel.png); background-position: center; background-size: cover; background-repeat: no-repeat; } #lp-marvel .all-collection .all-collection__container { max-width: 930px; margin: auto; display: block; position: absolute; overflow: auto; top: 0; left: -5%; right: 0; bottom: 0; height: 52px; } #lp-marvel .all-collection--colossal .all-collection__container { z-index: 0; } #lp-marvel .all-collection--eraser .all-collection__container { z-index: 1; } #lp-marvel .all-collection--colossal .all-collection__container .all-collection__title { font-family: Montserrat Bold,Arial,sans-serif; margin: 0; font-size: 1.1rem; background: #C60079; border-radius: 50px 0 0 50px; padding: .6rem 0 .7rem 2.5rem; color: #FFF; width: 600px; float: left; } #lp-marvel .all-collection--eraser .all-collection__container .all-collection__title { font-family: Montserrat Bold,Arial,sans-serif; margin: 0; font-size: 1.1rem; background: #C60079; border-radius: 50px 0 0 50px; padding: .6rem 0 .7rem 2.5rem; color: #FFF; width: 405px; float: left; } #lp-marvel .compra-aqui-productos { width: 80%; max-width: 200px; font-size: 1rem; float: right; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .5rem 2rem; text-align: center; border-radius: 40px; margin: 4px 0; transition: all .5s; } #lp-marvel .compra-aqui-productos:hover { background: transparent; border: 2px solid #C60079; color: #C60079; } #lp-marvel .all-collection .all-collection__container-image { width: 350px; display: block; margin: 0 auto; position: relative; } #lp-marvel .all-collection--colossal .all-collection__container-image { z-index: 1; } #lp-marvel .all-collection--eraser .all-collection__container-image { z-index: 0; } @media (min-width: 401px) and (max-width:690px) { #eraser-marvel .relleno-slide-marvel { height: 990px; } #matte-ink-marvel .relleno-slide-marvel { height: 960px; } } @media (max-width: 400px) { #eraser-marvel .relleno-slide-marvel { height: 1040px; } #matte-ink-marvel .relleno-slide-marvel { height: 1040px; } } @media (max-width: 990px) { #lp-marvel .presentacion { margin: 0 0 3rem; } #lp-marvel .presentacion h3 { text-align: center; padding: 2rem 0 0; line-height: 1; border-radius: 100px; } #lp-marvel .presentacion .container { padding: 0; } #lp-marvel .presentacion .presentacion__box { width: 95%; max-width: max-content; } #lp-marvel .presentacion .presentacion__title { text-align: center; } #lp-marvel .tooltipMarvel:focus .tiptext { visibility: visible; } #lp-marvel .compra-aqui { width: 90%; margin: 2rem auto 0; } #lp-marvel .all-collection { margin-top: 75px; margin-bottom: 8rem; } #lp-marvel .all-collection .all-collection__container { position: relative; top: -45px; left: unset; right: unset; bottom: unset; height: auto; margin: 0; max-width: 450px; width: 90%; } #lp-marvel .all-collection .all-collection__container .all-collection__title { width: 100%; padding: .9rem 2rem .7rem 3rem; text-align: center; border-radius: 0 50px 50px 0; } #lp-marvel .all-collection .all-collection__container-image { max-width: 500px; } #lp-marvel .compra-aqui-productos { float: none; margin: 2rem auto 0; position: absolute; left: 0; right: 0; } #lp-marvel .all-collection--colossal { padding-bottom: 2rem; } #lp-marvel .all-collection--colossal .compra-aqui-productos { bottom: -19%; } #lp-marvel .all-collection--colossal .all-collection__container-image { width: 90%; margin-top: 0px; } #lp-marvel .all-collection--eraser { padding-bottom: 0rem; } #lp-marvel .all-collection--eraser .compra-aqui-productos { bottom: -30%; } #lp-marvel .all-collection--eraser .all-collection__container-image { width: 100%; margin-top: -48px; } #lp-marvel .compra-aqui-productos:hover { background: #FFF; border: 2px solid #C60079; color: #C60079; } } @media (min-width: 544px) and (max-width:990px) { #lp-marvel .tooltipMarvel.left .tiptext { left: 40%; } /*LISTO*/ #lp-marvel .tooltipMarvel.center-right-left .tiptext { right: 5%; left: unset; } #lp-marvel .tooltipMarvel.center-right-left .tiptext::after { right: 20%; } /*LISTO*/ #lp-marvel .tooltipMarvel.center-left .tiptext { left: 15%; } #lp-marvel .tooltipMarvel.center-left .tiptext::after { right: 65%; } /*LISTO*/ } @media (max-width: 543px) { #lp-marvel .tooltipMarvel.center-center-right .tiptext { left: unset; right: -10%; } #lp-marvel .tooltipMarvel.center-center-right .tiptext::after { right: 25%; } /*LISTO*/ #lp-marvel .tooltipMarvel.center-right-left .tiptext { left: 25%; } #lp-marvel .tooltipMarvel.center-right-left .tiptext::after { right: unset; left: 40%; } /*LISTO*/ #lp-marvel .tooltipMarvel.center-left .tiptext { left: unset; right: 0; } #lp-marvel .tooltipMarvel.center-left .tiptext::after { right: 20%; } #lp-marvel .tooltipMarvel.right .tiptext { right: -50%; } #lp-marvel .tooltipMarvel.right .tiptext::after { right: 50%; } #lp-marvel .tooltipMarvel .tiptext { min-width: unset; width: 200%; max-width: 265px; } } /* === LP MARVEL === */ /* === LP GARNIER SKIN ACTIVE === */ #lp-garnier .green-beauty { max-width: 1100px; margin: 0 auto; padding: 1rem 0; } #lp-garnier .green-beauty .box-01 { display: flex; flex-direction: row; justify-content: space-around; align-items: center; } #lp-garnier .green-beauty .box-01 .circulo-garnier { width: 300px; } #lp-garnier .green-beauty .box-01 .commitment { width: 150px; } #lp-garnier .green-beauty .box-01 .commitment h3 { font-family: Montserrat Bold,Arial,sans-serif; color: #5D2580; font-size: 5rem; margin: 0; line-height: 70px; } #lp-garnier .green-beauty .box-01 .commitment p { color: #5D2580; margin: 0; } #lp-garnier .green-beauty .box-02 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #lp-garnier .green-beauty .box-02 .commitment { width: 50%; } #lp-garnier .green-beauty .box-02 .commitment h3 { font-family: Montserrat Bold,Arial,sans-serif; color: #5D2580; font-size: 3rem; margin: 0; line-height: 50px; } #lp-garnier .green-beauty .box-02 .commitment p { color: #5D2580; margin: 0; font-size: .9rem; } #lp-garnier .compra-aqui { width: 100%; max-width: 200px; font-size: 1rem; background: #DA007B; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 25px; } /* SLIDE PRESENTACION 1 */ #lp-garnier .slides-presentacion .producto-serum__box-01 { width: 30%; } #lp-garnier .slides-presentacion .producto-serum__box-01 img { display: block; margin: 0 auto; width: 120px; } #lp-garnier .slides-presentacion #claim01 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwc766863e/images/static-pages/minisitios/bg-slide-01-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; } #lp-garnier .slides-presentacion #claim01 .bg-claim01 { width: 100%; margin: 0 auto; position: relative; } #lp-garnier .slides-presentacion .claim01 { display: flex; max-width: 991px; margin: 0 auto; flex-direction: row; justify-content: center; align-items: center; } #lp-garnier .slides-presentacion #claim01 .claim01__box-02 { width: 70%; } #lp-garnier .slides-presentacion #claim01 .claim01__box-02 p { color: #5D2580; margin: 0; } /* SLIDE PRESENTACION 2 */ #lp-garnier .slides-presentacion #claim02 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwec222000/images/static-pages/minisitios/bg-slide-02-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; } #lp-garnier .slides-presentacion #claim02 .bg-claim02 { width: 100%; margin: 0 auto; position: relative; height: 100%; } #lp-garnier .slides-presentacion .claim02 { display: flex; max-width: 991px; margin: 0 auto; flex-direction: row; align-items: center; } #lp-garnier .slides-presentacion #claim02 .claim02__box-02 { width: 345px; } #lp-garnier .slides-presentacion #claim02 .claim02__box-02 img { width: 80%; display: block; margin: 0 auto; } /* SLIDE PRESENTACION 3 */ #lp-garnier .slides-presentacion #claim03 { background-color: #fff; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-presentacion #claim03 .bg-claim03 { width: 100%; margin: 0 auto; position: relative; height: 100%; } #lp-garnier .slides-presentacion .claim03 .relleno-serum-anti-manchas { width: 120px; } #lp-garnier .slides-presentacion .claim03__box-01 { display: flex; max-width: 700px; flex-direction: column; justify-content: flex-start; align-items: center; margin: auto; } #lp-garnier .slides-presentacion .claim03 { position: relative; height: 100%; } #lp-garnier .slides-presentacion .claim03__box-01 h3 { font-family: Montserrat Bold,Arial,sans-serif; background-color: #DA007B; color: #FFFFFF; margin-bottom: 4rem; padding: 0 20px; text-align: center; } #lp-garnier .slides-presentacion .claim03__box-01 .cuadro-pasos { display: flex; flex-direction: row; justify-content: space-around; border: 2px solid #5D2580; border-radius: 150px; padding: .5rem; width: 100%; margin-bottom: 4rem; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion { display: flex; flex-direction: row; justify-content: center; align-items: center; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-01 { width: 160px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-02 { width: 315px; padding-right: 85px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-03 { width: 205px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion .pasos { background-color: #DA007B; color: #FFF; width: 35px; height: 35px; font-size: 1.4rem; border-radius: 50px; text-align: center; margin-right: 10px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion p { font-size: .8rem; width: 60%; margin: 0; line-height: 1; color: #5D2580; } #lp-garnier .slides-presentacion #claim03 .imagen-fondo-ico-01 { position: absolute; bottom: 0; left: 0; height: 80%; } #lp-garnier .slides-presentacion #claim03 .imagen-fondo-ico-02 { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 80%; } #lp-garnier .slides-presentacion #claim03 .imagen-fondo-ico-03 { position: absolute; bottom: 0; right: 0; height: 80%; } #lp-garnier .slides-presentacion #claim01 .claim01 .claim01__box-02 .flecha-garnier-listado { width: 90px; margin-right: 10px; } #lp-garnier .slides-productos { overflow-x: hidden; } #lp-garnier .slides-productos .slides .title { max-width: 560px; position: absolute; top: 0; left: 0; right: 0; margin: auto; } #lp-garnier .slides-productos .slides .title h3 { font-family: Montserrat Bold,Arial,sans-serif; color: #FFFFFF; width: 100%; margin: 0 auto; text-align: center; } #lp-garnier .slides-productos .slides .title h3 span { background-color: #DA007B; padding: 0 15px; } /* SLIDE PRODUCTOS 1 */ #lp-garnier .slides-productos #productos01 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw5cd9d248/images/static-pages/minisitios/bg-slide-03-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-productos #productos01 .bg-productos01 { width: 100%; margin: 0 auto; position: relative; } #lp-garnier .slides-productos .bg-productos01 .productos01 { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } #lp-garnier .slides-productos .bg-productos01 .productos01 .box-01 { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; width: 100%; margin-top: 1rem; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt { width: 130px; display: flex; flex-direction: row; justify-content: center; align-items: center; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt.conFlecha { flex-direction: column; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt.conFlecha p { width: max-content; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt p { font-size: .6rem; color: #DA007B; line-height: 1; margin: 0; padding-top: 2px; width: calc(100% - 45px); } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt p b { color: #5D2580; } #lp-garnier .slides-productos .pasos { background-color: #DA007B; color: #FFF; width: 35px; height: 35px; font-size: 1.4rem; border-radius: 50px; text-align: center; margin-right: 10px; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img { padding: 0 .3rem; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-01 { width: 130px; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-02 { width: 90px; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-03 { width: 180px; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-04 { width: 220px; } #lp-garnier .slides-productos .img-mobile-prod-totales { display: none; } /* SLIDE PRODUCTOS 2 */ #lp-garnier .slides-productos #productos02 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw528ad51e/images/static-pages/minisitios/bg-slide-04-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-productos #productos02 .bg-productos02 { width: 100%; margin: 0 auto; position: relative; height: 100%; } #lp-garnier .slides-productos .bg-productos02 .productos02 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; } /* SLIDE PRODUCTOS 3 */ #lp-garnier .slides-productos #productos03 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw528ad51e/images/static-pages/minisitios/bg-slide-04-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-productos #productos03 .bg-productos03 { width: 100%; margin: 0 auto; position: relative; height: 100%; } #lp-garnier .slides-productos .bg-productos03 .productos03 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; } /* SLIDE PRODUCTOS 4 */ #lp-garnier .slides-productos #productos04 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwc766863e/images/static-pages/minisitios/bg-slide-01-garnier-skin-active-lg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-productos #productos04 .bg-productos04 { width: 100%; margin: 0 auto; position: relative; height: 100%; } #lp-garnier .slides-productos .bg-productos04 .productos04 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; height: 100%; } #lp-garnier .slides-productos .slides .producto-destacado { max-width: 300px; } #lp-garnier .slides-productos .slides .producto-destacado img { width: 65%; display: block; margin: 0 auto; } #lp-garnier .slides-productos .slides .producto-descripcion { max-width: 500px; width: 100%; text-align: center; } #lp-garnier .slides-productos .slides .title-description { max-width: 480px; position: relative; margin: 0 auto; margin-bottom: 3rem; } #lp-garnier .slides-productos .slides .title-description h3 { font-family: Montserrat Bold,Arial,sans-serif; color: #FFFFFF; width: 100%; margin: 0 auto; text-align: center; } #lp-garnier .slides-productos .slides .title-description h3 span { background-color: #DA007B; padding: 0 15px; } #lp-garnier .banner-serum-anti-manchas { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw1980d797/images/static-pages/minisitios/banner-serum-anti-manchas-garnier-lg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-garnier .banner-serum-anti-manchas .contain-video { max-width: 712px; width: 90%; margin: 0 auto; } #lp-garnier .banner-serum-anti-manchas .contain-video iframe { height: 400px; } @media (min-width: 991px) and (max-width: 1150px) { #lp-garnier .green-beauty { max-width: 980px; } #lp-garnier .green-beauty .box-01 .commitment p { font-size: .95rem; } #lp-garnier .green-beauty .box-02 .commitment p { font-size: .8rem; } } @media (max-width: 700px) { #lp-garnier .slides-productos .bg-productos01 .productos01 .box-01 { display: none; } #lp-garnier .slides-productos .img-mobile-prod-totales { display: block; } } @media (max-width: 990px) { #lp-garnier .green-beauty { padding: 2rem 0; } #lp-garnier .green-beauty .box-01 { max-width: 600px; margin: 0 auto; } #lp-garnier .green-beauty .box-02 { max-width: 450px; margin: 0 auto; } #lp-garnier .compra-aqui { margin-top: 2rem; } #lp-garnier .slides-presentacion #claim01 .claim01 .claim01__box-02 .flecha-garnier-listado { width: 50px; margin-right: 10px; } #lp-garnier .slides-presentacion #claim01 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw15af9641/images/static-pages/minisitios/bg-slide-01-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 5rem 2.5rem; } #lp-garnier .slides-presentacion .claim01 { max-width: 500px; width: 100%; padding-top: 2rem; padding-bottom: 2rem; } #lp-garnier .slides-presentacion #claim01 .claim01__box-02 { width: 100%; } #lp-garnier .slides-presentacion #claim02 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw6e80e3d3/images/static-pages/minisitios/bg-slide-02-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 2rem 2.5rem; height: 100%; } #lp-garnier .slides-presentacion .claim02 { max-width: 500px; width: 100%; height: 100%; } #lp-garnier .slides-presentacion #claim02 .claim02__box-02 { width: 100%; } #lp-garnier .slides-presentacion #claim02 .claim02__box-02 img { max-width: 385px; width: 100%; } #lp-garnier .slides-presentacion .claim03__box-01 .cuadro-pasos { border-radius: 0px; border: 0px; box-shadow: unset; flex-direction: column; margin-bottom: 3rem; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion { margin-bottom: 15px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion:last-child { margin-bottom: 0px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-01 { width: 100%; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-02 { width: 100%; padding-right: 0; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion.paso-03 { width: 100%; } #lp-garnier .slides-presentacion .claim03__box-01 h3 { margin-bottom: 2rem; margin-top: 3rem; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion .img-aplicacion { width: 15%; max-width: 105px; min-width: 80px; margin-right: 10px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion .pasos { width: 50px; height: 50px; font-size: 1.8rem; line-height: 1.7; } #lp-garnier .slides-presentacion .claim03__box-01 { justify-content: center; } #lp-garnier .slides-productos #productos01 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw8e80a935/images/static-pages/minisitios/bg-slide-03-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; } #lp-garnier .slides-productos .bg-productos01 .productos01 .title { position: relative; } #lp-garnier .slides-productos .bg-productos01 .productos01 .box-01 { flex-wrap: wrap; align-items: center; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img { padding: 0 .5rem; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-01 { width: 14%; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-02 { width: 12%; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-03 { width: 20%; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-img-04 { width: 20%; } #lp-garnier .slides-productos .bg-productos01 .productos01 .boxes-txt.conFlecha { width: 110px; } #lp-garnier .slides-productos #productos02 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw9e4f0af8/images/static-pages/minisitios/bg-slide-04-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #lp-garnier .slides-productos .bg-productos02 .productos02 { flex-direction: column-reverse; } #lp-garnier .slides-productos #productos03 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw9e4f0af8/images/static-pages/minisitios/bg-slide-04-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } #lp-garnier .slides-productos .bg-productos03 .productos03 { flex-direction: column-reverse; } #lp-garnier .slides-productos #productos04 { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw15af9641/images/static-pages/minisitios/bg-slide-01-garnier-skin-active-sm.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 1rem 2.5rem; height: 100%; } #lp-garnier .slides-productos .bg-productos04 .productos04 { flex-direction: column-reverse; } #lp-garnier .slides-productos .slides .producto-destacado { width: 50%; } #lp-garnier .slides-productos .slides .producto-destacado img { width: 65%; display: block; margin: 0 auto; } #lp-garnier .slides-productos .slides .title-description { margin-bottom: 1.5rem; } #lp-garnier .slides-productos .slides .title { margin-bottom: 1.5rem; } #lp-garnier .banner-serum-anti-manchas { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwdfd8a735/images/static-pages/minisitios/banner-serum-anti-manchas-garnier-sm.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; } } @media (max-width: 543px) { #lp-garnier .green-beauty .box-01 { flex-direction: column; justify-content: center; } #lp-garnier .green-beauty .box-01 .commitment { width: 90%; max-width: 200px; margin-bottom: 1rem; } #lp-garnier .green-beauty .box-01 .commitment p { font-size: .9rem; } #lp-garnier .green-beauty .box-02 { flex-direction: column; align-items: center; } #lp-garnier .green-beauty .box-02 .commitment { width: 90%; max-width: 200px; margin-bottom: 1rem; } #lp-garnier .green-beauty .box-02 .commitment h3 { font-size: 5rem; line-height: 70px; padding-top: 12px; } #lp-garnier .slides-presentacion .claim03__box-01 .separacion .pasos { width: 35px; height: 35px; font-size: 1.3rem; } #lp-garnier .slides-productos .slides .title h3 { font-size: 1.5rem } #lp-garnier .slides-productos .slides .title-description h3 { font-size: 1.3rem } #lp-garnier .slides-productos .slides .producto-descripcion p { font-size: .8rem; } #lp-garnier .banner-serum-anti-manchas .contain-video iframe { height: 270px; } } /* === LP GARNIER SKIN ACTIVE === */ /* === LP CALZON NOCTURNO === */ #minisitio-calzon-nocturno .main { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw6d3356df/images/static-pages/minisitios/bg-calzon-nocturno-lg.png); background-attachment: fixed; background-position: center; background-size: 100%; background-repeat: repeat-y; padding: 1rem; } #minisitio-calzon-nocturno .main h1 { font-family: Montserrat Bold; color: #ffffff; font-size: 1.6rem; } #minisitio-calzon-nocturno .main p { color: #ffffff; } #minisitio-calzon-nocturno .main .title-main { width: 320px; margin-bottom: 2rem; text-align: center; } #minisitio-calzon-nocturno .main .title-main h3 { font-family: Montserrat Bold; color: #ffffff; margin: 0; font-size: 1.4rem; } #minisitio-calzon-nocturno .main .title-main h2 { font-family: Montserrat Bold; color: #E5007C; text-decoration: underline; margin: 0; font-size: 1.8rem; } #minisitio-calzon-nocturno .main .box-tip-top { position: relative; max-width: max-content; background-color: #E5007C; border-radius: 20px; text-align: center; margin: 0 auto; padding: 0 1.5rem; } #minisitio-calzon-nocturno .main .box-tip-top::after { content: ""; border-width: 10px; border-style: solid; border-color: #E5007C transparent transparent transparent; bottom: -20px; position: absolute; left: 0; right: 0; margin: auto; width: 10px; } #minisitio-calzon-nocturno .main .box-tip-top p { color: #ffffff; margin: 0; font-size: 1.8rem; font-family: Montserrat Bold; } #minisitio-calzon-nocturno .main .box-tip-bottom { position: relative; max-width: max-content; background-color: transparent; border-radius: 20px; padding: .3rem 1rem; border: 2px solid #fff; margin: 0 auto; } #minisitio-calzon-nocturno .main .box-tip-bottom::before { content: ""; border-width: 5px; border-style: solid; border-color: transparent transparent #ffffff transparent; position: absolute; left: 0; right: 0; margin: auto; width: 5px; top: -12px } #minisitio-calzon-nocturno .main .box-tip-bottom p { color: #ffffff; margin: 0; font-size: .8rem; text-align: center; } #minisitio-calzon-nocturno .main .sistema-proteccion { width: 280px; padding: .5rem 0; } #minisitio-calzon-nocturno .beneficios { padding: 1rem 0; } #minisitio-calzon-nocturno .beneficios .bodegon-calzones { width: 350px; margin-top: -3rem; margin-bottom: 3rem; } #minisitio-calzon-nocturno .beneficios .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 150px; font-size: .9rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 0 auto; margin-top: 1rem; } #minisitio-calzon-nocturno .beneficios h4 { color: #C60079; font-family: Montserrat; margin-bottom: 1rem; text-align: center; font-size: 1.2rem; } #minisitio-calzon-nocturno .beneficios .box-benefits { display: flex; flex-direction: row; justify-content: center; } #minisitio-calzon-nocturno .beneficios .box-benefits .benefits { width: calc(100%/3); padding: 0 .5rem; } #minisitio-calzon-nocturno .beneficios .box-benefits .benefits .ico-beneficios { display: block; width: 80px; margin: 0 auto; margin-bottom: 20px; } #minisitio-calzon-nocturno .beneficios .caja-descriptiva { background-color: #EDEDED; border-radius: 20px; padding: 1rem; height: calc(100% - 100px); text-align: center; } #minisitio-calzon-nocturno .beneficios .caja-descriptiva .title { color: #C60079; font-family: Frutiger Roman; text-align: center; font-size: 1rem; } #minisitio-calzon-nocturno .beneficios .caja-descriptiva p { color: #707070; font-size: .9rem; } @media (max-width: 990px) { #minisitio-calzon-nocturno .main { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw0b32e3d1/images/static-pages/minisitios/bg-calzon-nocturno-sm.png); padding: 3rem 1rem 8rem; background-position: bottom center; } #minisitio-calzon-nocturno .main .title-main { margin: 0 auto; margin-bottom: 2rem; } #minisitio-calzon-nocturno .main .sistema-proteccion { width: 320px; margin: 0 auto; display: block; } #minisitio-calzon-nocturno .beneficios .bodegon-calzones { width: 90%; margin: 0 auto; margin-top: -4rem; display: block; } #minisitio-calzon-nocturno .beneficios .compra-aqui { margin-bottom: 2rem; } } @media (max-width: 700px) { #minisitio-calzon-nocturno .beneficios .box-benefits { flex-direction: column; align-items: center; } #minisitio-calzon-nocturno .beneficios .box-benefits .benefits { width: 90%; margin-bottom: 2rem; } #minisitio-calzon-nocturno .beneficios .box-benefits .benefits:last-child { margin-bottom: 0rem; } #minisitio-calzon-nocturno .main .title-main { max-width: 320px; width: 90%; } } @media (min-width: 991px) and (max-width: 1200px) { #minisitio-calzon-nocturno .main p { font-size: .9rem; } } /* === LP CALZON NOCTURNO === */ /* === LP SHAKIRA MINI === */ #minisitio-shakira .contenido-shakira { max-width: 1400px; margin: 0 auto; width: 97%; } #minisitio-shakira p { font-size: .9rem; } #minisitio-shakira .header { margin-bottom: .5rem; } #minisitio-shakira .imagen-ppal-shakira { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw7b2360a6/images/static-pages/minisitios/bg-ppal-shakira-mini.jpg); background-position: center right; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } #minisitio-shakira .column-derecha { padding-left: .5rem; } #minisitio-shakira .bloques { background: #F3E0C0; padding: .5rem; margin-bottom: .5rem; position: relative; } #minisitio-shakira .bloques:last-child { margin-bottom: 0; } #minisitio-shakira .bloques .row { position: relative; z-index: 1; } #minisitio-shakira .contiene-titulo { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: .5rem; } #minisitio-shakira .contiene-titulo img { width: 130px; } #minisitio-shakira .contiene-titulo h1 { margin: 0 1rem; font-family: Montserrat Bold,Arial,sans-serif; color: #E40E7E; } #minisitio-shakira .marcado { color: #CF337D; } #minisitio-shakira h3 { color: #000000; font-family: Montserrat Bold,Arial,sans-serif; font-size: 1.4rem; } #minisitio-shakira .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 150px; font-size: .9rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 0 auto; margin-top: 1rem; } #minisitio-shakira .corazon-01-shakira { position: absolute; z-index: 0; display: block; top: 0; left: 0; height: 100%; } #minisitio-shakira .corazon-02-shakira { position: absolute; z-index: 0; display: block; top: 0; left: 0; width: 20%; } #minisitio-shakira .corazon-03-shakira { position: absolute; z-index: 0; display: block; bottom: 0; right: 0; height: 90%; } #minisitio-shakira .corazon-04-shakira { position: absolute; z-index: 0; display: none; } #minisitio-shakira .corazon-05-shakira { position: absolute; z-index: 0; display: none; } @media (max-width: 990px) { #minisitio-shakira h3 { text-align: center; } #minisitio-shakira p { text-align: center; } #minisitio-shakira .bloques:last-child { margin-bottom: .5rem; } #minisitio-shakira .column-derecha { padding-left: 0; } #minisitio-shakira .contiene-titulo { flex-wrap: wrap; } #minisitio-shakira .corazon-01-shakira { display: none; } #minisitio-shakira .corazon-02-shakira { display: none; } #minisitio-shakira .corazon-03-shakira { display: none; } #minisitio-shakira .corazon-04-shakira { display: block; top: 10%; left: 0; width: 25%; } #minisitio-shakira .corazon-05-shakira { display: block; bottom: -10%; right: 0; width: 25%; } } @media (min-width: 991px) and (max-width:1130px) { #minisitio-shakira .corazon-02-shakira { width: 23%; } } /* === LP SHAKIRA MINI === */ /* === LP ESPECIAL COLORACION === */ #minisitio-coloracion .cuerpo { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw4328cb73/images/static-pages/minisitios/bg-fondo-especial-coloracion-sm.png); background-position: center; background-size: 100%; background-repeat: repeat-y; } #minisitio-coloracion .contenedor { margin: 0 auto; width: 95%; max-width: 700px; } #minisitio-coloracion .title-section { font-family: Frutiger Bold; font-weight: 800; color: #50267F; text-align: center; padding: 1.5rem 0; margin: 0; font-size: 1.8rem; } #minisitio-coloracion .bajada-title { margin: 0 0 2rem; text-align: center; color: #50267F; font-family: Frutiger Light,Arial,sans-serif; font-size: 1rem } #minisitio-coloracion .contenedor .box-bodegones { border-radius: 10px; background-color: #F6F3FA; padding: 1rem; margin: 0 auto; width: 90%; height: auto; } #minisitio-coloracion .contenedor .box-bodegones.primero { margin-top: 4rem; height: auto; } #minisitio-coloracion .box-bodegones .btn-title { font-family: Frutiger Roman; background-color: #000000; color: #FFFFFF; border-radius: 50px; width: 90%; max-width: max-content; margin: -45px auto 1rem; font-size: 1.1rem; padding: .5rem 2rem; text-align: center; } #minisitio-coloracion .box-bodegones .btn-title b { font-family: Frutiger Bold; } #minisitio-coloracion .contenedor .box-bodegones p { color: #000000; font-family: Frutiger Roman; font-size: .9rem; } #minisitio-coloracion .contenedor .box-bodegones p b { font-family: Frutiger Bold; } #minisitio-coloracion .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 150px; font-size: .9rem; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 0 auto; margin-top: 1rem; } #minisitio-coloracion .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #minisitio-coloracion .coloracion-faqs { padding: 1.5rem 0; position: relative; max-width: 800px; margin: 0 auto; } #minisitio-coloracion #faqs_especial_coloracion .card { border-radius: 0px; background-color: transparent; } #minisitio-coloracion #faqs_especial_coloracion .card-header { background-color: transparent; border-bottom: 0px; } #faqs_especial_coloracion .titleFaqColoracion { border-bottom: 0px; transition: transform .2s ease-in-out; background-color: #f5f5f5; border-radius: 15px; } #minisitio-coloracion .listas li { list-style: none !important; } #minisitio-coloracion .listas li::before { display: none; } @media (min-width: 991px) { #minisitio-coloracion .cuerpo { background: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwda278e69/images/static-pages/minisitios/bg-fondo-especial-coloracion-lg.png); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #minisitio-solares .bajada-title { font-size: 1.1rem } #minisitio-coloracion .contenedor { max-width: 1200px; width: 100%; } #minisitio-coloracion .box-bodegones .btn-title { font-size: 1rem; } #minisitio-coloracion .contenedor .box-bodegones { height: 100%; } } @media (min-width: 1200px) { #minisitio-coloracion .box-bodegones .btn-title { font-size: 1.1rem !important; } } /* === LP ESPECIAL COLORACION === */ /* === LP UÑAS KISS === */ #unas-kiss .cuerpo { max-width: 700px; margin: 0 auto; } #unas-kiss #slider-container-destacados-mobile { margin: 0 auto; max-width: 100%; display: block; } #unas-kiss #slider-container-destacados { display: none; margin: 0 auto; } #unas-kiss .beneficios { padding: 2rem 1rem; } #unas-kiss .destacados { background-color: #FBFBFB; } #unas-kiss .categorias, #unas-kiss .destacados { padding: 2rem 0; } #unas-kiss .title { font-family: Montserrat Bold,Arial,sans-serif; text-align: center; color: #C60979; } #unas-kiss #beneficios-unias-kiss .content-collapse-title { display: flex; align-items: center; justify-content: flex-start; } #unas-kiss .beneficios .benefits__box { width: 140px; margin: 0 auto; display: block; padding: 0 10px; } #unas-kiss .beneficios .benefits__icons { width: 50px; display: block; } #unas-kiss .beneficios .benefits__title { font-size: .8rem; text-align: center; color: #767676; margin-left: 10px; margin-bottom: 0px; } #unas-kiss .tooltipKiss { position: relative; display: inline-block; } #unas-kiss .tooltipKiss .tiptext { visibility: hidden; min-width: 340px; background-color: #EAEDF2; color: #707070; text-align: left; border-radius: 20px; padding: 1.5rem; position: absolute; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-left: -60px; top: 110%; } #unas-kiss .tooltipKiss .tiptext p { font-size: .75rem; } #unas-kiss .tooltipKiss .tiptext p:last-child { margin-bottom: 0; } #unas-kiss .tooltipKiss .tiptext::after { content: ""; position: absolute; border-width: 5px; border-style: solid; border-color: transparent transparent #EAEDF2 transparent; margin-left: -5px; bottom: 100%; } #unas-kiss .tooltipKiss:hover .tiptext { visibility: visible; } #unas-kiss .tooltipKiss.left .tiptext { left: 25%; } #unas-kiss .tooltipKiss.left .tiptext::after { left: 25%; } #unas-kiss .tooltipKiss.center .tiptext { left: -65%; margin-left: 0; } #unas-kiss .tooltipKiss.center .tiptext::after { left: 50%; } #unas-kiss .tooltipKiss.right .tiptext { right: 25%; margin-left: 0; margin-right: -60px; } #unas-kiss .tooltipKiss.right .tiptext::after { right: 25%; } #unas-kiss .categorias .autoadherentes { margin-bottom: 1rem; } #unas-kiss .categorias .pegamento { margin-bottom: 3rem; } #unas-kiss .categorias .accesorios { margin-bottom: 1.5rem; } #unas-kiss .categorias .imagen { position: relative; } #unas-kiss .categorias .title-category { position: relative; top: 1rem; left: 0; background-color: #532E83; font-family: Montserrat Bold,Arial,sans-serif; width: 90%; max-width: 260px; padding: .5rem .7rem; color: #FFFFFF; border-radius: 0 50px 50px 0; font-size: 1.1rem; text-align: center; } #unas-kiss .compra-aqui-float, #unas-kiss .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 0 auto; margin-top: 1rem; } #unas-kiss .compra-aqui { font-size: .8rem; position: absolute; bottom: 1rem; left: 0; right: 0; margin: auto; } #unas-kiss .compra-aqui-float { font-size: .9rem; } #unas-kiss .compra-aqui-float:hover, #unas-kiss .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #unas-kiss .link-ver-mas { display: block; font-family: Montserrat Bold,Arial,sans-serif; color: #C60079; max-width: max-content; text-align: right; font-size: 1.2rem; line-height: 1; margin: 2rem 0; } #unas-kiss .link-ver-mas small { font-family: Frutiger Light; } #unas-kiss #ejemploAplicacion { padding: 0 1rem; } #unas-kiss #ejemploAplicacion h4 { font-family: Montserrat Bold,Arial,sans-serif; color: #C60079; text-align: center; margin-bottom: 1rem; } #unas-kiss #ejemploAplicacion .logo-impress { max-width: 300px; width: 90%; margin: 0 auto 2rem; display: block; } #unas-kiss #ejemploAplicacion .paso { font-family: Montserrat Bold,Arial,sans-serif; width: 40px; height: 40px; border-radius: 50px; border: 1px solid #C60079; color: #C60079; text-align: center; font-size: 1.3rem; display: flex; justify-content: center; align-items: center; } #unas-kiss #ejemploAplicacion p { text-align: center; color: #231F20; font-size: .9rem; margin-top: 1rem; } #unas-kiss #ejemploAplicacion .recomendaciones { display: flex; justify-content: center; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; } #unas-kiss #ejemploAplicacion .recomendaciones .toques-finales { padding: 3rem 3.5rem 0; } #unas-kiss #beneficios-unias-kiss .card { border-radius: 0px; } #unas-kiss #beneficios-unias-kiss .card-header { background-color: #ffffff; border-bottom: 0px; } #unas-kiss #slider-container-destacados, #unas-kiss #slider-container-destacados-mobile { margin-top: 1rem; } #unas-kiss .destacados .producto { border-radius: 10px; background-color: #FFFFFF; padding: .8rem; height: 100%; } #unas-kiss .destacados .img-ppal-producto { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid #C60079; } #unas-kiss .destacados .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; } #unas-kiss .destacados .link-nombre { font-family: Frutiger Bold,Arial,sans-serif; color: #555; text-align: center; margin-bottom: 3rem; } .noShow { display: block; } @media (min-width: 540px) { #unas-kiss #ejemploAplicacion .recomendaciones { flex-direction: row; } #unas-kiss #ejemploAplicacion .recomendaciones .toques-finales { padding: 2rem 2rem 0; } } @media (min-width: 740px) { #unas-kiss #slider-container-destacados-mobile { display: none !important; } #unas-kiss #slider-container-destacados { display: block !important; } } @media (min-width: 991px) { #unas-kiss .beneficios { padding: 2rem 0; } #unas-kiss .cuerpo, #unas-kiss #slider-container-destacados { max-width: 991px; } #unas-kiss #beneficios-unias-kiss .content-collapse-title { display: block; } #unas-kiss .beneficios .benefits__box { width: 140px; } #unas-kiss .beneficios .benefits__icons { width: 80px; margin: 0 auto; } #unas-kiss .beneficios .benefits__title { margin-bottom: 5px; margin-top: 10px; margin-left: 0px; } #unas-kiss .categorias .title-category { position: absolute; top: 1rem; max-width: 260px; font-size: 1.2rem; z-index: 3; } #unas-kiss .compra-aqui-float { position: absolute; bottom: 1rem; right: 1rem; max-width: 180px; font-size: 1rem; margin-top: 0; } #unas-kiss .compra-aqui { max-width: 180px; font-size: .9rem; margin-top: 0; } #unas-kiss .link-ver-mas { margin: 0; } #unas-kiss #ejemploAplicacion { padding: 0; } #unas-kiss #ejemploAplicacion .logo-impress { margin: 0 auto; } #unas-kiss #ejemploAplicacion .recomendaciones .toques-finales { padding: 3rem 3rem 0; } } @media (min-width: 1200px) { #unas-kiss .cuerpo, #unas-kiss #slider-container-destacados { max-width: 1200px !important; } #unas-kiss .beneficios .benefits__box { width: 170px; padding: 0 20px; } #unas-kiss .beneficios .benefits__icons { width: 110px; } #unas-kiss .compra-aqui { font-size: 1rem !important; } } /* === LP UÑAS KISS === */ /* === 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 #E55587; 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: #000; color: #fff; font-family: 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: Frutiger Bold; font-size: 100%; } #lp-especial-belleza .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 150px; font-size: .9rem; background: #C60079; border: 2px solid #C60079; color: #FFF; 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: transparent; } #lp-especial-belleza .box-oferta.borde-magenta .compra-aqui:hover { border: 2px solid #E55587; color: #E55587; background: transparent; } #lp-especial-belleza .box-oferta.borde-naranjo .compra-aqui:hover { border: 2px solid #EF8A0D; color: #EF8A0D; background: transparent; } #lp-especial-belleza .box-oferta.borde-azul .compra-aqui:hover { border: 2px solid #1E41C2; color: #1E41C2; background: transparent; } #lp-especial-belleza .box-oferta.borde-white .compra-aqui:hover { border: 2px solid #fff; color: #fff; background: transparent; } @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 === */ /* === LP BELLEZA COREANA === */ #lp-belleza-coreana .header h2 { font-family: Frutiger Bold; font-weight: 800; color: #50267F; 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: #575757; font-size: .8rem; margin: 0 auto; } #lp-belleza-coreana .titleSection { color: #50267F; font-size: 1.2rem; text-align: center; font-family: Frutiger Bold; text-transform: uppercase; } #lp-belleza-coreana .textClaim { color: #575757; font-size: 1rem; text-align: center; margin-bottom: 2rem; } #lp-belleza-coreana .container-image { position: relative; } #lp-belleza-coreana .borderTitle { position: absolute; font-family: Frutiger Light; background-color: #512680; border-radius: 0px 50px 50px 0px; padding: .8rem 2rem; color: #fff; margin: 0; font-size: 1.1rem; top: 2%; } #lp-belleza-coreana .ver-rutina-float { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 1rem auto; } #lp-belleza-coreana .ver-rutina-float:hover { background: transparent; color: #C60079; border: 2px solid #C60079; } #lp-belleza-coreana .ver-todo-ppal { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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: #C60079; border: 2px solid #C60079; } #lp-belleza-coreana .titleRutina { color: #50267F; font-size: 1.2rem; text-align: center; font-family: Frutiger Bold; margin-bottom: 2rem; } #lp-belleza-coreana .subtitleRutina { color: #50267F; font-size: 1.4rem; font-family: Frutiger Light; margin-top: 1rem; text-transform: uppercase; } #lp-belleza-coreana .textRutina { color: #575757; font-size: .9rem; } #lp-belleza-coreana .textRutina b { color: #E30D7F; } #lp-belleza-coreana #rutina { padding-top: 2rem; width: 95%; max-width: 800px; margin: 0 auto; } #lp-belleza-coreana .ver-menos { color: #E30D7F; font-family: 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: Frutiger Light; background-color: #512680; border-radius: 0px 50px 50px 0px; padding: .4rem 2rem; color: #fff; margin: 0; font-size: 1rem; top: 0; left: 0; } #lp-belleza-coreana .bodegon__info { font-family: Montserrat Bold,Arial,sans-serif; width: 90%; max-width: 200px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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 #C60079; color: #C60079; } #lp-belleza-coreana .tooltipKbeauty { width: 90%; max-width: max-content; background-color: #EAEDF2; color: #707070; 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 .carrusel-productos { max-width: 800px; margin: 0 auto; } #lp-belleza-coreana #slider-container-destacados-mobile { margin: 0 auto; max-width: 100%; display: block; } #lp-belleza-coreana #slider-container-destacados { display: none; margin: 0 auto; } #lp-belleza-coreana #slider-container-destacados, #lp-belleza-coreana #slider-container-destacados-mobile { margin-top: 1rem; } #lp-belleza-coreana .carrusel-productos .producto { border-radius: 10px; background-color: #FFFFFF; padding: .8rem; height: 100%; } #lp-belleza-coreana .carrusel-productos .img-ppal-producto { padding-bottom: 1rem; margin: 0 auto; display: block; } #lp-belleza-coreana .carrusel-productos .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; } #lp-belleza-coreana .carrusel-productos .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; margin-bottom: 1.5rem; } #lp-belleza-coreana .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 1rem auto; font-size: .8rem; } #lp-belleza-coreana .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #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: Frutiger Bold,Arial,sans-serif; 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: Frutiger Light,Arial,sans-serif; color: #000; font-size: .6rem; margin: 0; } #lp-belleza-coreana .textDatos { color: #575757; 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: #E30D7F; } #lp-belleza-coreana .textDatos b { color: #E30D7F; } #lp-belleza-coreana #cosmeticaCoreanaMyTab { flex-wrap: nowrap; border: 0px !important; } #lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-item { background-color: transparent !important; } #lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-link { background-color: rgba(197,110,144,.3); color: #50267F; 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: #50267F !important; color: #ffffff !important; border-color: #50267F !important; } #lp-belleza-coreana #cosmeticaCoreanaMyTab .nav-item:last-child { padding-bottom: 0px !important; } #lp-belleza-coreana #cosmeticaCoreanaMyTabContent { background-color: #50267F; color: #ffffff; border-radius: 0 0 20px 20px; } #lp-belleza-coreana #mobileTabsCosmeticaCoreana .card-header { background-color: rgba(197,110,144,.3); color: #50267F; } @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: 740px) { #lp-belleza-coreana #slider-container-destacados-mobile { display: none !important; } #lp-belleza-coreana #slider-container-destacados { display: block !important; } } @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 .carrusel-productos { max-width: 1330px; } #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 CONTENIDOS INFLUENCERS === */ #lp-contenidos-influencers .header h1 { font-family: Frutiger Bold; font-weight: 800; color: #50267F; text-align: center; padding: 1.5rem 0; margin: 0; font-size: 1.8rem; } #lp-contenidos-influencers .header p { font-family: Frutiger Light,Arial,sans-serif; color: #575757; text-align: center; padding: 1rem; margin: 0; } #lp-contenidos-influencers .navigation { background-color: rgba(228, 228, 228, .28); padding: 1rem 0; margin-bottom: 2rem; } #lp-contenidos-influencers .navigation .container { height: auto; white-space: nowrap; overflow-y: hidden; overflow-x: auto; display: flex; flex-wrap: nowrap; justify-content: flex-start; } #lp-contenidos-influencers .subtitulo { font-family: Frutiger Light Italic,Arial,sans-serif; color: #5c5c5c; font-size: large; } #lp-contenidos-influencers .navigation .navigation__box { max-width: 120px; display: inline-block; flex-shrink: 0; } #lp-contenidos-influencers .navigation .navigation__box img { width: 90%; margin: 0 auto; display: block; } #lp-contenidos-influencers .navigation .navigation__box p { font-family: Frutiger Light,Arial,sans-serif; color: #08090D; font-size: .9rem; text-align: center; margin-bottom: 0px; margin-top: 1rem; } #lp-contenidos-influencers .section-sku { position: relative; } #lp-contenidos-influencers .section-sku .boton-ver-todos { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; writing-mode: vertical-lr; color: #FFF; text-align: center; height: 120px; padding: 0 15px; font-family: Montserrat Bold,Arial,sans-serif; border-radius: 12px 0 0 12px; transition: all .5s; } #lp-contenidos-influencers .section-sku .boton-ver-todos:hover { padding: 0 20px; background-color: #FFF; } #lp-contenidos-influencers #etienne .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwfd1ec38b/images/static-pages/minisitios/bg-labiales-matte-belleza-maquillaje-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #etienne .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw571dd8f1/images/static-pages/minisitios/fondo-skus-labiales-matte-belleza-maquillaje-lg.png); background-position: top left; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #etienne .container-cols { z-index: 2; } #lp-contenidos-influencers #etienne .float-accesorios-01 { position: absolute; z-index: 1; width: 25%; right: 11%; bottom: 5%; } #lp-contenidos-influencers #etienne .float-accesorios-02 { position: absolute; z-index: 3; width: 23%; right: 15%; bottom: 0 } #lp-contenidos-influencers #etienne #video-etienne { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw9212bb4c/images/static-pages/minisitios/fondo-video-labiales-matte-belleza-maquillaje.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #etienne .section-sku .boton-ver-todos { background-color: #9b0a89; border: 2px solid #9b0a89; } #lp-contenidos-influencers #etienne .section-sku .boton-ver-todos:hover { color: #9b0a89; border: 2px solid #9b0a89; background-color: #FFF; } #lp-contenidos-influencers #creightons .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw626bb54c/images/static-pages/minisitios/bg-creightons-belleza-maquillaje-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #creightons .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw7ee5de36/images/static-pages/minisitios/fondo-skus-creightons-belleza-maquillaje-lg.png); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #creightons .float-accesorios-01 { position: absolute; z-index: 6; width: 55%; left: 60%; bottom: 0; } #lp-contenidos-influencers #creightons #video-creightons { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwa2515d9e/images/static-pages/minisitios/fondo-video-creightons-belleza-maquillaje.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #creightons .section-sku .boton-ver-todos { background-color: #500b9a; border: 2px solid #500b9a; } #lp-contenidos-influencers #creightons .section-sku .boton-ver-todos:hover { color: #500b9a; border: 2px solid #500b9a; background-color: #FFF; } #lp-contenidos-influencers #kiss .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw21c4e767/images/static-pages/minisitios/bg-unias-postizas-kiss-belleza-maquillaje-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #kiss .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3bd60884/images/static-pages/minisitios/fondo-skus-unias-postizas-kiss-belleza-maquillaje-lg.png); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #kiss .float-accesorios-01 { position: absolute; z-index: 6; width: 40%; right: 0; bottom: -10%; } #lp-contenidos-influencers #kiss #video-unias-postizas-kiss { background-image: url(hhttps://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw6df6faeb/images/static-pages/minisitios/fondo-video-unias-postizas-kiss-belleza-maquillaje.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #kiss .section-sku .boton-ver-todos { background-color: #279dcd; border: 2px solid #279dcd; } #lp-contenidos-influencers #kiss .section-sku .boton-ver-todos:hover { color: #279dcd; border: 2px solid #279dcd; background-color: #FFF; } #lp-contenidos-influencers #revitalift .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwd175e937/images/static-pages/minisitios/bg-cuidado-de-la-piel-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #revitalift .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw5d87767b/images/static-pages/minisitios/fondo-skus-cuidado-de-la-piel-influencers-lg.jpg); background-position: top left; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #revitalift .float-accesorios-01 { display: none; } #lp-contenidos-influencers #revitalift .float-accesorios-02 { position: absolute; z-index: 6; width: 40%; right: -10%; bottom: 2%; } #lp-contenidos-influencers #revitalift #video-revitalift { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwff667d5a/images/static-pages/minisitios/fondo-video-cuidado-de-la-piel-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #revitalift .section-sku .boton-ver-todos { background-color: #30c1b4; border: 2px solid #30c1b4; } #lp-contenidos-influencers #revitalift .section-sku .boton-ver-todos:hover { color: #30c1b4; border: 2px solid #30c1b4; background-color: #FFF; } #lp-contenidos-influencers #nivea .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw17d4d079/images/static-pages/minisitios/bg-nivea-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #nivea .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw42cf3021/images/static-pages/minisitios/fondo-skus-nivea-influencers-lg.jpgg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #nivea .float-accesorios-01 { position: absolute; z-index: 6; width: 32%; right: 0; bottom: 0; } #lp-contenidos-influencers #nivea #video-nivea { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw83200f45/images/static-pages/minisitios/fondo-video-nivea-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #nivea .section-sku .boton-ver-todos { background-color: #a6c4f8; border: 2px solid #a6c4f8; } #lp-contenidos-influencers #nivea .section-sku .boton-ver-todos:hover { color: #a6c4f8; border: 2px solid #a6c4f8; background-color: #FFF; } #lp-contenidos-influencers #ilicit .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw421d0f86/images/static-pages/minisitios/bg-ilicit-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #ilicit .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dweb6efadf/images/static-pages/minisitios/fondo-skus-ilicit-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #ilicit .float-accesorios-01 { position: absolute; z-index: 6; width: 55%; right: 0; bottom: 0; } #lp-contenidos-influencers #ilicit #video-ilicit { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw5817d08f/images/static-pages/minisitios/fondo-video-ilicit-influencers.jpg); background-position: center right; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #ilicit .section-sku .boton-ver-todos { background-color: #9ce4b9; border: 2px solid #9ce4b9; } #lp-contenidos-influencers #ilicit .section-sku .boton-ver-todos:hover { color: #9ce4b9; border: 2px solid #9ce4b9; background-color: #FFF; } #lp-contenidos-influencers #hawaiian-tropic .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw8000420d/images/static-pages/minisitios/bg-hawaiian-tropic-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #hawaiian-tropic .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwb9934a92/images/static-pages/minisitios/fondo-skus-hawaiian-tropic-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #hawaiian-tropic .float-accesorios-01 { position: absolute; z-index: 1; width: 50%; right: 0; bottom: -25%; } #lp-contenidos-influencers #hawaiian-tropic #video-hawaiian-tropic { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw49d64f98/images/static-pages/minisitios/fondo-video-hawaiian-tropic-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #hawaiian-tropic .section-sku .boton-ver-todos { background-color: #ffab5a; border: 2px solid #ffab5a; } #lp-contenidos-influencers #hawaiian-tropic .section-sku .boton-ver-todos:hover { color: #ffab5a; border: 2px solid #ffab5a; background-color: #FFF; } #lp-contenidos-influencers #maybelline .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw09716f82/images/static-pages/minisitios/bg-maybelline-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #maybelline .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw7e79f6db/images/static-pages/minisitios/fondo-skus-maybelline-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #maybelline .float-accesorios-01 { position: absolute; z-index: 1; width: 50%; right: -13%; bottom: -25%; } #lp-contenidos-influencers #maybelline #video-maybelline { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwba07c825/images/static-pages/minisitios/fondo-video-maybelline-influencers.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #maybelline .section-sku .boton-ver-todos { background-color: #b661c6; border: 2px solid #b661c6; } #lp-contenidos-influencers #maybelline .section-sku .boton-ver-todos:hover { color: #b661c6; border: 2px solid #b661c6; background-color: #FFF; } #lp-contenidos-influencers #lubriderm .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw5ef46afe/images/static-pages/minisitios/bg-lubriderm-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #lubriderm .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw407d8337/images/static-pages/minisitios/fondo-skus-lubriderm-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #lubriderm .float-accesorios-01 { position: absolute; z-index: 6; width: 23%; right: 10%; bottom: 2%; } #lp-contenidos-influencers #lubriderm #video-lubriderm { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3de33037/images/static-pages/minisitios/fondo-video-lubriderm-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #lubriderm .section-sku .boton-ver-todos { background-color: #f18cb8; border: 2px solid #f18cb8; } #lp-contenidos-influencers #lubriderm .section-sku .boton-ver-todos:hover { color: #f18cb8; border: 2px solid #f18cb8; background-color: #FFF; } #lp-contenidos-influencers #petrizzio .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw548bd164/images/static-pages/minisitios/bg-petrizzio-influencers-sm.png); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #petrizzio .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw9eb35428/images/static-pages/minisitios/fondo-skus-petrizzio-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #petrizzio .float-accesorios-01 { position: absolute; z-index: 6; width: 40%; right: -10%; bottom: 2%; } #lp-contenidos-influencers #petrizzio #video-petrizzio { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw62b5de0d/images/static-pages/minisitios/fondo-video-petrizzio-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #petrizzio .section-sku .boton-ver-todos { background-color: #a064d5; border: 2px solid #a064d5; } #lp-contenidos-influencers #petrizzio .section-sku .boton-ver-todos:hover { color: #a064d5; border: 2px solid #a064d5; background-color: #FFF; } #lp-contenidos-influencers #original-remedies .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw186a17a7/images/static-pages/minisitios/bg-original-remedies-influencers-sm.png); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #original-remedies .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw01dd5cd8/images/static-pages/minisitios/fondo-skus-original-remedies-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #original-remedies .float-accesorios-01 { position: absolute; z-index: 6; width: 30%; right: 5%; bottom: 2%; } #lp-contenidos-influencers #original-remedies #video-original-remedies { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwd7eb0dfa/images/static-pages/minisitios/foto-video-original-remedies-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #original-remedies .section-sku .boton-ver-todos { background-color: #d35cc2; border: 2px solid #d35cc2; } #lp-contenidos-influencers #original-remedies .section-sku .boton-ver-todos:hover { color: #d35cc2; border: 2px solid #d35cc2; background-color: #FFF; } #lp-contenidos-influencers #mia .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwe5b38c3b/images/static-pages/minisitios/bg-mia-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #mia .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw01dd5cd8/images/static-pages/minisitios/fondo-skus-original-remedies-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #mia .float-accesorios-01 { position: absolute; z-index: 6; width: 30%; right: 5%; bottom: 2%; } #lp-contenidos-influencers #mia #video-mia { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwd7eb0dfa/images/static-pages/minisitios/foto-video-original-remedies-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #mia .section-sku .boton-ver-todos { background-color: #01e2c0; border: 2px solid #01e2c0; } #lp-contenidos-influencers #mia .section-sku .boton-ver-todos:hover { color: #01e2c0; border: 2px solid #01e2c0; background-color: #FFF; } #lp-contenidos-influencers #petrizzio-bronceante .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw59a15288/images/static-pages/minisitios/bg-petrizzio-bronceante-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #petrizzio-bronceante .section-sku { background-image: url(hhttps://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw452f49c8/images/static-pages/minisitios/fondo-skus-petrizzio-bronceante-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #petrizzio-bronceante .float-accesorios-01 { position: absolute; z-index: 6; width: 40%; right: -5%; bottom: 0%; } #lp-contenidos-influencers #petrizzio-bronceante #video-petrizzio-bronceante { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw9123c772/images/static-pages/minisitios/fondo-video-petrizzio-bronceante-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #petrizzio-bronceante .section-sku .boton-ver-todos { background-color: #795dd9; border: 2px solid #795dd9; } #lp-contenidos-influencers #petrizzio-bronceante .section-sku .boton-ver-todos:hover { color: #795dd9; border: 2px solid #795dd9; background-color: #FFF; } #lp-contenidos-influencers #nutrisse .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw4184b96f/images/static-pages/minisitios/bg-nutrisse-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #nutrisse .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwd3db0201/images/static-pages/minisitios/fondo-skus-nutrisse-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #nutrisse .float-accesorios-01 { position: absolute; z-index: 6; width: 40%; right: -5%; bottom: 0%; } #lp-contenidos-influencers #nutrisse #video-nutrisse { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw5817d08f/images/static-pages/minisitios/fondo-video-ilicit-influencers.jpg); background-position: center right; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #nutrisse .section-sku .boton-ver-todos { background-color: #25c3cc; border: 2px solid #25c3cc; } #lp-contenidos-influencers #nutrisse .section-sku .boton-ver-todos:hover { color: #25c3cc; border: 2px solid #25c3cc; background-color: #FFF; } #lp-contenidos-influencers #nivea-rostro .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwf6ad0259/images/static-pages/minisitios/bg-nivea-rostro-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #nivea-rostro .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw407d8337/images/static-pages/minisitios/fondo-skus-lubriderm-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #nivea-rostro .float-accesorios-01 { position: absolute; z-index: 6; width: 23%; right: 10%; bottom: 2%; } #lp-contenidos-influencers #nivea-rostro #video-nivea-rostro { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3de33037/images/static-pages/minisitios/fondo-video-lubriderm-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #nivea-rostro .section-sku .boton-ver-todos { background-color: #f18cb8; border: 2px solid #f18cb8; } #lp-contenidos-influencers #nivea-rostro .section-sku .boton-ver-todos:hover { color: #f18cb8; border: 2px solid #f18cb8; background-color: #FFF; } #lp-contenidos-influencers #pamela-diaz .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwf1afd873/images/static-pages/minisitios/bg-pamela-diaz-influencers-sm.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; } #lp-contenidos-influencers #pamela-diaz .section-sku { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/es_CL/v1684184684599/images/static-pages/minisitios/fondo-skus-pamela-diaz-influencers-lg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; } #lp-contenidos-influencers #pamela-diaz .float-accesorios-01 { position: absolute; z-index: 6; width: 23%; right: 10%; bottom: 2%; } #lp-contenidos-influencers #pamela-diaz #video-pamela-diaz { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwe1122fca/images/static-pages/minisitios/fondo-video-pamela-diaz-influencers.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 2rem 0; } #lp-contenidos-influencers #pamela-diaz .section-sku .boton-ver-todos { background-color: #8600a3; border: 2px solid #8600a3; } #lp-contenidos-influencers #pamela-diaz .section-sku .boton-ver-todos:hover { color: #8600a3; border: 2px solid #8600a3; background-color: #FFF; } #lp-contenidos-influencers .claim-mobile { padding: 3rem 0; } #lp-contenidos-influencers .contain-video { max-width: 712px; width: 90%; margin: 0 auto; } #lp-contenidos-influencers .contain-video iframe { height: 270px; } #lp-contenidos-influencers .container-cols { width: 100%; padding: 1.5rem 1.5rem 4rem 2rem; position: relative; z-index: 2; } #lp-contenidos-influencers .box-section-video { width: 90%; margin: 0 auto; } #lp-contenidos-influencers .box-section-video .title-section-video { color: #50267F; font-size: 1.2rem; font-family: Frutiger Bold; text-transform: uppercase; margin-bottom: 1.5rem; } #lp-contenidos-influencers .box-section-video .text-section-video { font-family: Frutiger Light,Arial,sans-serif; color: #575757; margin: 0; } #lp-contenidos-influencers .box-section-video .text-section-video b { color: #C60079; font-family: Frutiger Bold; } #lp-contenidos-influencers .ver-video-float { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 2rem auto 0; font-size: .8rem; } #lp-contenidos-influencers .ver-video-float:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #lp-contenidos-influencers .container-skus { width: 100%; max-width: 990px; height: auto; padding: 10px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; display: flex; flex-wrap: nowrap; margin: 0 auto; padding: 3rem 0; } #lp-contenidos-influencers .container-skus .skus-boxes { width: 247px; height: auto; padding: 10px; display: inline-block; flex-shrink: 0; } #lp-contenidos-influencers .container-skus img { padding-bottom: 1rem; margin: 0 auto; display: block; } #lp-contenidos-influencers .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #lp-contenidos-influencers .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #lp-contenidos-influencers .container-skus .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 1rem auto; font-size: .8rem; } #lp-contenidos-influencers .container-skus .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #lp-contenidos-influencers #back-to-top { position: fixed; bottom: 3%; right: 2%; border-radius: 100px; background-color: #C60079; z-index: 999; } #lp-contenidos-influencers #back-to-top .back-to-top-icon { transform: rotate(-90deg); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } #lp-contenidos-influencers .back-to-top-icon svg path { stroke: #fff; } @media (min-width: 544px) { #lp-contenidos-influencers .contain-video iframe { height: 400px; } #lp-contenidos-influencers #petrizzio .float-accesorios-01 { width: 35%; } } @media (min-width: 991px) { #lp-contenidos-influencers .navigation .container { white-space: wrap; overflow-y: hidden; overflow-x: hidden; flex-wrap: wrap; justify-content: space-around; } #lp-contenidos-influencers .navigation .navigation__box { max-width: 100px; } #lp-contenidos-influencers .container-skus { overflow-x: hidden; justify-content: center; } #lp-contenidos-influencers .container-skus .skus-boxes { width: 220px; } #lp-contenidos-influencers .container-cols { max-width: 990px; padding: 1.5rem 0 1.5rem 2rem; } #lp-contenidos-influencers #etienne .container-cols { z-index: 5; } #lp-contenidos-influencers #etienne .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw571914ea/images/static-pages/minisitios/bg-labiales-matte-belleza-maquillaje-lg.png); } #lp-contenidos-influencers #creightons .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwb0a7eee8/images/static-pages/minisitios/bg-creightons-belleza-maquillaje-lg.jpg); } #lp-contenidos-influencers #kiss .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwc3121707/images/static-pages/minisitios/bg-unias-postizas-kiss-belleza-maquillaje-lg.jpg); } #lp-contenidos-influencers #revitalift .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw1ed6f314/images/static-pages/minisitios/bg-cuidado-de-la-piel-influencers-lg.jpg); } #lp-contenidos-influencers #nivea .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw57f539ec/images/static-pages/minisitios/bg-nivea-influencers-lg.jpg); } #lp-contenidos-influencers #ilicit .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwcefa4660/images/static-pages/minisitios/bg-ilicit-influencers-lg.jpg); } #lp-contenidos-influencers #hawaiian-tropic .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw6b5f0ef8/images/static-pages/minisitios/bg-hawaiian-tropic-influencers-lg.jpg); } #lp-contenidos-influencers #maybelline .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwed42ea2e/images/static-pages/minisitios/bg-maybelline-influencers-lg.jpg); } #lp-contenidos-influencers #lubriderm .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwd08f72db/images/static-pages/minisitios/bg-lubriderm-influencers-lg.jpg); } #lp-contenidos-influencers #petrizzio .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw3b45b709/images/static-pages/minisitios/bg-petrizzio-influencers-lg.jpg); } #lp-contenidos-influencers #original-remedies .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw2d2e3a3b/images/static-pages/minisitios/bg-original-remedies-influencers-lg.jpg); } #lp-contenidos-influencers #mia .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwdcb74b7f/images/static-pages/minisitios/bg-mia-influencers-lg.jpg); } #lp-contenidos-influencers #petrizzio-bronceante .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwa1e38aa1/images/static-pages/minisitios/bg-petrizzio-bronceante-influencers-lg.jpg); } #lp-contenidos-influencers #nutrisse .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwe2ec7775/images/static-pages/minisitios/bg-nutrisse-influencers-lg.jpg); } #lp-contenidos-influencers #nivea-rostro .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw0cba0100/images/static-pages/minisitios/bg-nivea-rostro-influencers-lg.jpg); } #lp-contenidos-influencers #pamela-diaz .section-banner { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw6d409c72/images/static-pages/minisitios/bg-pamela-diaz-influencers-lg.jpg); } #lp-contenidos-influencers #etienne .float-accesorios-01 { z-index: 1; width: 15%; right: -5.5%; bottom: 35%; } #lp-contenidos-influencers #etienne .float-accesorios-02 { z-index: 2; width: 13%; right: 0; bottom: 0 } #lp-contenidos-influencers #creightons .float-accesorios-01 { width: 40%; left: 35%; } #lp-contenidos-influencers #kiss .float-accesorios-01 { width: 20%; right: -2%; } #lp-contenidos-influencers #revitalift .float-accesorios-01 { display: block; position: absolute; z-index: 6; width: 5%; right: 5%; top: 5%; } #lp-contenidos-influencers #revitalift .float-accesorios-02 { width: 20%; right: -3%; bottom: 5%; } #lp-contenidos-influencers #nivea .float-accesorios-01 { width: 15%; right: -2%; } #lp-contenidos-influencers #ilicit .float-accesorios-01 { width: 40%; left: 35%; right: unset; } #lp-contenidos-influencers #hawaiian-tropic .float-accesorios-01 { z-index: 6; width: 18%; right: -2%; bottom: 2%; } #lp-contenidos-influencers #maybelline .float-accesorios-01 { z-index: 6; width: 22%; right: -9%; bottom: -15%; } #lp-contenidos-influencers #lubriderm .float-accesorios-01 { z-index: 6; width: 10%; right: 5%; bottom: 5%; } #lp-contenidos-influencers #petrizzio .float-accesorios-01 { width: 25%; right: -10%; } #lp-contenidos-influencers #original-remedies .float-accesorios-01 { width: 12%; right: 2%; } #lp-contenidos-influencers #mia .float-accesorios-01 { width: 12%; right: 2%; } #lp-contenidos-influencers #petrizzio-bronceante .float-accesorios-01 { width: 22%; right: -10%; bottom: unset; top: 2%; } #lp-contenidos-influencers #nutrisse .float-accesorios-01 { width: 12%; right: 0; } #lp-contenidos-influencers #nivea-rostro .float-accesorios-01 { z-index: 6; width: 10%; right: 5%; bottom: 5%; } #lp-contenidos-influencers #pamela-diaz .float-accesorios-01 { z-index: 6; width: 10%; right: 5%; bottom: 5%; } #lp-contenidos-influencers .claim-mobile { padding: 0; } #lp-contenidos-influencers .box-section-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 70%; display: flex; justify-content: center; align-items: center; flex-direction: column; } #lp-contenidos-influencers .box-section-video .title-section-video { font-size: 1.1rem; margin-bottom: 1rem; text-align: center; } #lp-contenidos-influencers .box-section-video .text-section-video { font-size: .9rem; text-align: center; } #lp-contenidos-influencers .ver-video-float { margin: 1.5rem auto 0; } #lp-contenidos-influencers #back-to-top { bottom: 5%; } #lp-contenidos-influencers #back-to-top .back-to-top-icon { width: 50px; height: 50px; } } @media (min-width: 1100px) { #lp-contenidos-influencers .container-skus { max-width: 1000px; justify-content: space-around } #lp-contenidos-influencers .container-skus .skus-boxes { width: 250px; } #lp-contenidos-influencers .container-cols { max-width: 1100px; } #lp-contenidos-influencers .box-section-video .title-section-video { font-size: 1.2rem; } #lp-contenidos-influencers .box-section-video .text-section-video { font-size: 1rem; } #lp-contenidos-influencers .ver-video-float { margin: 2rem auto 0; } #lp-contenidos-influencers .navigation .navigation__box { max-width: 120px; } #lp-contenidos-influencers #nivea .float-accesorios-01 { width: 14%; right: -1%; } #lp-contenidos-influencers #kiss .float-accesorios-01 { width: 20%; right: -2%; } #lp-contenidos-influencers #maybelline .float-accesorios-01 { bottom: -17%; right: -8%; } } @media (min-width: 1250px) { #lp-contenidos-influencers .container-cols { max-width: 1250px; } #lp-contenidos-influencers .navigation .navigation__box { max-width: 130px; } #lp-contenidos-influencers #nivea .float-accesorios-01 { width: 16%; } #lp-contenidos-influencers #petrizzio-bronceante .float-accesorios-01 { width: 20%; right: -6%; } } @media (min-width: 1400px) { #lp-contenidos-influencers .container-skus { max-width: 1330px; justify-content: space-around; } #lp-contenidos-influencers .container-skus .skus-boxes { width: 300px; } #lp-contenidos-influencers .container-cols { max-width: 1390px; } #lp-contenidos-influencers #creightons .float-accesorios-01 { width: 37%; left: 35%; } #lp-contenidos-influencers #nivea .float-accesorios-01 { width: 16%; } #lp-contenidos-influencers #kiss .float-accesorios-01 { width: 18%; right: 0; } #lp-contenidos-influencers #petrizzio-bronceante .float-accesorios-01 { right: -10%; } } /* === LP CONTENIDOS INFLUENCERS === */ /* === LP CLUB MAICAO === */ #club-maicao { overflow-x: hidden; } #club-maicao .header { text-align: center; } #club-maicao p { font-family: Frutiger Light; font-size: 1rem; color: #707070; text-align: center; } #club-maicao p b { font-family: Frutiger Bold; } #club-maicao .title-ppal { font-family: Montserrat Bold,Arial,sans-serif; 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: Montserrat Bold,Arial,sans-serif; color: #422e68; text-align: center; font-size: 1.4rem; margin: 0; } #club-maicao .title-dscto { text-align: center; font-family: Frutiger Roman; color: #707070; font-size: 1.1rem; } #club-maicao .text-dscto { font-size: .8rem; } #club-maicao .revisa-aqui { width: 100%; max-width: 150px; font-size: .8rem; background: #C60979; color: #FFF; padding: .3rem 1.2rem; text-align: center; border-radius: 25px; border: 2px solid #C60979; transition: all .5s; margin: 1rem auto; } #club-maicao .revisa-aqui:hover { background: transparent; color: #C60979; border: 2px solid #C60979; } #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: #fff; } #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: #422e68; font-family: 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: #fff; 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: #E30D7F; font-family: 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: Frutiger Bold; font-weight: 800; } #aniversario-maicao .categorias h3 { background-color: #DE6545; border-radius: 0px 25px 25px 25px; color: #ffffff; font-family: 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 .carrusel { position: relative; background-color: #ffffff; padding: 4rem 0; } #aniversario-maicao .section-marcada { position: relative; background-color: #e0f6fa; padding: 4rem 0; } #aniversario-maicao .carrusel .boton-ver-todos { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; writing-mode: vertical-lr; color: #FFF; text-align: center; height: 120px; padding: 0 15px; font-family: Montserrat Bold,Arial,sans-serif; border-radius: 12px 0 0 12px; transition: all .5s; background-color: #f18cb8; border: 2px solid #f18cb8; z-index: 2; } #aniversario-maicao .carrusel .boton-ver-todos:hover { padding: 0 20px; background-color: #FFF; color: #f18cb8; border: 2px solid #f18cb8; } #aniversario-maicao .container-products { position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #aniversario-maicao .slider-container-pdc { max-width: 990px; position: relative; display: flex; flex-wrap: nowrap; } #aniversario-maicao .slides-pdc { display: inline-block; flex: 0 0 auto; width: auto; position: relative } #aniversario-maicao .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; 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 #C60079; color: #C60079; background: transparent; } #aniversario-maicao .container-skus { display: flex; flex-direction: row; } #aniversario-maicao .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; } #aniversario-maicao .container-skus img { padding-bottom: 1rem; margin: 0 auto; display: block; } #aniversario-maicao .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #aniversario-maicao .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } .tabla-ganadores .listado-ganadores { border-width: 1px; border-style: solid; border-color: #DDDDDD; border-bottom: 0px; } .tabla-ganadores .cabecera-ganadores { background-color: #cd2e79; border-radius: 15px 15px 0 0; } #aniversario-maicao h5 { color: #707070; font-family: Frutiger Bold; text-align: left; padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; } .tabla-ganadores h2 { color: #E6007E; font-family: Montserrat Bold; padding: 4rem 0 3rem; font-size: 1.8rem; text-align: center; } .tabla-ganadores h5 { color: #7F52AF; font-family: 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: #707070; } .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: 544px) { #aniversario-maicao .container-skus .skus-boxes { width: 250px; } } @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: #fff; text-align: center; font-size: 1rem; padding: .8rem 1rem; } #aniversario-maicao .container-products { max-width: unset; overflow-x: hidden; } #aniversario-maicao .slider-container-pdc { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; max-width: unset; display: block; flex-wrap: unset; } #aniversario-maicao .slides-pdc { height: 100%; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; z-index: 1; display: block; max-width: unset; flex: none; } #aniversario-maicao .slides-pdc .contain { width: 100%; } #aniversario-maicao .container-skus .skus-boxes { max-width: 300px; flex: auto; } #aniversario-maicao .container-skus .link-categoria { font-size: .8rem; } #aniversario-maicao .container-skus .link-nombre { font-size: .8rem; } #aniversario-maicao .container-skus .compra-aqui { font-size: .7rem; padding: .2rem .5rem; } } @media (min-width: 1200px) { #aniversario-maicao .container-skus .compra-aqui { font-size:.8rem; padding: .2rem 1rem; } #aniversario-maicao .container-skus .link-categoria { font-size: 1rem; } #aniversario-maicao .container-skus .link-nombre { font-size: 1rem; } } @media (min-width: 1400px) { .columna-central { max-width: 1330px; } } /* === LP ANIVERSARIO MAICAO === */ /* === LP NAVIDAD === */ #navidad { background-color: rgba(250, 234, 214, 0.2); } #navidad .header { text-align: center; margin-top: 2rem; } #navidad .radius-navidad { border-radius: 30px; } #navidad .regalos-para-todos, #navidad .regalos-en-precios, #navidad .navidad-productos { padding: 2rem 0; } #navidad .compra-aqui { width: 100%; max-width: 200px; font-size: .8rem; background: #C60979; color: #FFF; padding: .3rem 1.2rem; text-align: center; border-radius: 25px; border: 2px solid #C60979; transition: all .5s; margin: 1rem auto; } #navidad .compra-aqui:hover { background: transparent; color: #C60979; border: 2px solid #C60979; } #navidad .titulos-secciones { color: #E2097A; font-family: DIN Pro Black,Arial,sans-serif; margin-bottom: 1.5rem; font-size: 1.4rem; text-align: center; font-weight: bold; } #navidad .container-products { position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #navidad .slider-container-pdc { max-width: 990px; position: relative; display: flex; flex-wrap: nowrap; } #navidad .slides-pdc { display: inline-block; flex: 0 0 auto; width: auto; position: relative } #navidad .container-regalos .compra-aqui { margin: 0 auto; } #navidad .container-skus, #navidad .container-regalos { display: flex; flex-direction: row; } #navidad .container-skus .skus-boxes, #navidad .container-regalos .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; } #navidad .container-skus img { margin: 0 auto 1rem; display: block; border: 1px solid #F5DCB9; } #navidad .container-regalos img { margin: 0 auto; display: block; } #navidad .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #navidad .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #navidad .secciones.carrusel { position: relative; } @media (min-width: 544px) { #navidad .container-skus .skus-boxes, #navidad .container-regalos .skus-boxes { width: 250px; } } @media (min-width: 991px) { #navidad .regalos-para-todos, #navidad .regalos-en-precios { padding: 3rem 0; } #navidad .titulos-secciones { font-size: 1.5rem; } #navidad .container-products { max-width: unset; overflow-x: hidden; } #navidad .slider-container-pdc { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; max-width: unset; display: block; flex-wrap: unset; } #navidad .slides-pdc { height: 100%; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; z-index: 1; display: block; max-width: unset; flex: none; } #navidad .container-regalos { max-width: unset; flex-wrap: wrap; } #navidad .slides-pdc .contain { width: 100%; } #navidad .container-skus .skus-boxes { max-width: 300px; flex: auto; } #navidad .container-regalos .skus-boxes { flex: 0 0 50%; max-width: 50%; } #navidad .container-skus .link-categoria { font-size: .8rem; } #navidad .container-skus .link-nombre { font-size: .8rem; } #navidad .container-skus .compra-aqui { font-size: .7rem; padding: .2rem .5rem; } } @media (min-width: 1200px) { #navidad .container-skus .compra-aqui { font-size:.8rem; padding: .2rem 1rem; } #navidad .container-skus .link-categoria { font-size: 1rem; } #navidad .container-skus .link-nombre { font-size: 1rem; } } /* === LP NAVIDAD === */ /* === 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: Frutiger Bold; font-weight: 800; color: #E2097A; text-align: center; padding: 1.5rem 0; margin: 0; font-size: 1.8rem; } #lp-belleza .descriptor-imagen { text-align: center; font-family: Frutiger Roman,Arial,sans-serif; font-size: 1rem; margin-top: 1rem; } #lp-belleza .belleza-carrusel-skus .container-skus { width: 100%; max-width: 990px; height: auto; padding: 10px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; display: flex; flex-wrap: nowrap; margin: 0 auto; padding: 0 0 3rem; } #lp-belleza .belleza-carrusel-skus .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-block; flex-shrink: 0; } #lp-belleza .slider-container img { padding-bottom: 1rem; margin: 0 auto; display: block; } #lp-belleza .slider-container .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #lp-belleza .slider-container .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #lp-belleza .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #000000; border: 2px solid #000000; color: #FFF; 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 #C60079; color: #C60079; background: transparent; } #lp-belleza .compra-aqui-black:hover { border: 2px solid #000000; color: #000000; background: transparent; } #lp-belleza .belleza-tendencias .ver-productos { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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: #ffffff; border-bottom: 0px; } .titleFaqBelleza { border-bottom: 0px; transition: transform .2s ease-in-out; background-color: #f5f5f5; border-radius: 15px; } #lp-belleza .listas li { list-style: none !important; } #lp-belleza .listas li::before { display: none; } @media (min-width: 544px) { #lp-belleza .belleza-carrusel-skus .container-skus .skus-boxes { width: 250px; } } @media (min-width: 991px) { #lp-belleza .belleza-categorias, #lp-belleza .belleza-branding, #lp-belleza .belleza-tendencias { max-width: unset; margin: unset; } #lp-belleza .belleza-carrusel-skus .container-skus { max-width: 1400px; justify-content: space-around; overflow-x: hidden; } #lp-belleza .belleza-carrusel-skus .container-skus .skus-boxes { max-width: 230px; flex: auto; } #lp-belleza .slider-container .link-categoria { font-size: .8rem; } #lp-belleza .slider-container .link-nombre { font-size: .8rem; } #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 .slider-container .link-categoria { font-size: 1rem; } #lp-belleza .slider-container .link-nombre { font-size: 1rem; } } /* === LP BELLEZA ES TODO === */ /* === MINISITIO BASE TRUE MATCH LOREAL === */ #base-true-match .header { padding: 0 1.5rem; } #base-true-match .titulos { color: #340D60; font-size: 1.8rem; text-align: center; font-family: Frutiger Light,Arial,sans-serif; margin-bottom: 2rem; text-transform: uppercase; } #base-true-match .titulos b { font-family: Frutiger Bold; } #base-true-match p { color: #3B3B3B; font-family: Frutiger Light,Arial,sans-serif; max-width: 700px; margin: 0 auto; } #base-true-match h4 { color: #3B3B3B; font-family: Frutiger Bold; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; max-width: 700px; } .descubre-true-match, .carrusel-true-match { background-color: #fff; padding: 2rem 0; } .preguntas-true-match { background-color: #F8F8F8; padding: 2rem 0; } .descubre-true-match img { margin-bottom: 2.5rem; } .preguntas-true-match img { border-radius: 10px; margin-bottom: 2.5rem; } #base-true-match .carrusel-true-match .container-skus { width: 100%; max-width: 990px; height: auto; padding: 10px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; display: flex; flex-wrap: nowrap; margin: 0 auto; padding: 0 0 3rem; } #base-true-match .carrusel-true-match .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-block; flex-shrink: 0; } #base-true-match .carrusel-true-match .container-skus img { padding-bottom: 1rem; margin: 0 auto; display: block; } #base-true-match .carrusel-true-match .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #base-true-match .carrusel-true-match .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #base-true-match .carrusel-true-match .container-skus .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 1rem auto; font-size: .8rem; } #base-true-match .carrusel-true-match .container-skus .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } @media (min-width: 544px) { #base-true-match .carrusel-true-match .container-skus .skus-boxes { width: 250px; } } @media (min-width: 991px) { #base-true-match p { max-width: unset; } #base-true-match h4 { max-width: unset; margin-left: unset; margin-right: unset; } .descubre-true-match img { margin-bottom: unset; } #base-true-match .header { padding: 0 3rem; } #base-true-match .carrusel-true-match .container-skus { max-width: 1330px; justify-content: space-around; overflow-x: hidden; } #base-true-match .carrusel-true-match .container-skus .skus-boxes { max-width: 300px; flex: auto; } #base-true-match .carrusel-true-match .container-skus .link-categoria { font-size: .8rem; } #base-true-match .carrusel-true-match .container-skus .link-nombre { font-size: .8rem; } #base-true-match .carrusel-true-match .container-skus .compra-aqui { font-size: .7rem; padding: .2rem .5rem; } } @media (min-width: 1200px) { #base-true-match .carrusel-true-match .container-skus .compra-aqui { font-size:.8rem; padding: .2rem 1rem; } #base-true-match .carrusel-true-match .container-skus .link-categoria { font-size: 1rem; } #base-true-match .carrusel-true-match .container-skus .link-nombre { font-size: 1rem; } } /* === MINISITIO BASE TRUE MATCH LOREAL === */ /* === MINISITIO RETIRO EN TIENDA === */ #lp-retiro-en-tienda .header { border-bottom: 6px solid #E2097A; } #lp-retiro-en-tienda .cuerpo { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw80e0911b/images/badges/fondo-patron-RET-2.png); background-repeat: repeat; padding: 3rem 0; } #lp-retiro-en-tienda .first-title { text-align: center; color: #646464; font-family: Frutiger Bold; font-size: 1.2rem; margin-bottom: 3rem; } #lp-retiro-en-tienda .second-title { font-family: Frutiger Bold; color: #340D60; 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: #E2097B; color: #FFF; font-size: 1.5rem; text-align: center; } #lp-retiro-en-tienda .text-step { font-family: Frutiger Light,Arial,sans-serif; font-size: 1rem; color: #340D60; text-align: center; } #lp-retiro-en-tienda .text-step b { font-family: Frutiger Bold; } #lp-retiro-en-tienda .text-SLA { font-family: Frutiger Light,Arial,sans-serif; font-size: 1rem; color: #707070; text-align: center; } #lp-retiro-en-tienda .text-SLA b { font-family: Frutiger Bold; color: #340D60; } #selectRegionRetiro { color: #340D60; background: #D0D0D0 url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dwa60ad3ec/images/badges/chevron-purple.png) no-repeat right 15px center/25px 28px } #selectRegionRetiro option { background: #f5f5f5; } #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: #E2097B; } .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: transparent; } .tab-pane .filasZonasRET:nth-child(2n+1) { background-color: #f5f5f5; } .footerRET { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw7c3775c8/images/static-pages/minisitios/barra-retiro-en-tienda.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .footerRET p { color: #ffffff; text-align: center; } .footerRET .compra-aqui-RET { width: 90%; max-width: 200px; font-size: 1rem; background: #E2097B; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 50px; display: block; margin: 1rem auto 1rem; border: 2px solid #E2097B; transition: all .5s; } .footerRET .compra-aqui-RET:hover { background: transparent; border: 2px solid #E2097B; color: #E2097B; } @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: transparent } } /* === 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: Frutiger Bold; font-weight: 800; color: #50267F; text-align: center; padding: 1.5rem 0; margin: 0; font-size: 1.8rem; } #minisitio-solares .bajada-title { margin: 2rem 0 0; text-align: center; color: #868686; font-family: Frutiger Light,Arial,sans-serif; font-size: 1rem } #minisitio-solares .container-banners { position: relative; max-width: 600px; margin: 0 auto; } #minisitio-solares .container-banners h4 { color: #50267F; font-size: 1.3rem; text-transform: capitalize; font-family: Frutiger Bold; margin: 0 0 10px; } #minisitio-solares .container-banners img { border-radius: 20px; } #minisitio-solares .container-banners .ver-productos { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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 #C60079; color: #C60079; background: transparent; } #minisitio-solares .container-products { position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #minisitio-solares .slider-container-solares { max-width: 990px; position: relative; display: flex; flex-wrap: nowrap; } #minisitio-solares .slides-solares { display: inline-block; flex: 0 0 auto; width: auto; } #minisitio-solares .container-skus { display: flex; flex-direction: row; } #minisitio-solares .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-block; flex-shrink: 0; } #minisitio-solares .container-skus img { padding-bottom: 1rem; margin: 0 auto; display: block; } #minisitio-solares .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #minisitio-solares .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #minisitio-solares .container-skus .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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 #C60079; color: #C60079; background: transparent; } @media (min-width: 544px) { #minisitio-solares .container-skus .skus-boxes { width: 250px; } } @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-products { max-width: unset; overflow-x: hidden; } #minisitio-solares .slider-container-solares { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; max-width: unset; display: block; flex-wrap: unset; } #minisitio-solares .slides-solares { height: 100%; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; z-index: 1; display: block; max-width: unset; flex: none; } #minisitio-solares .slides-solares .contain { width: 100%; } #minisitio-solares .container-skus .skus-boxes { max-width: 300px; flex: auto; } #minisitio-solares .container-skus .link-categoria { font-size: .8rem; } #minisitio-solares .container-skus .link-nombre { font-size: .8rem; } #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 .container-skus .link-categoria { font-size: 1rem; } #minisitio-solares .container-skus .link-nombre { font-size: 1rem; } } /* === MINISITIO SOLARES === */ /* === MINISITIO AGATHA RUIZ DE LA PRADA === */ #agatha-ruiz .header { background-color: #C60079; padding: .5rem 1rem; } #agatha-ruiz p { font-family: Frutiger Roman,Arial,sans-serif; margin: 0 0 2rem; } #agatha-ruiz p b { font-family: Frutiger Bold; } #agatha-ruiz p.texto-look { color: #C60079; } #agatha-ruiz p.texto-cosima { color: #fff; } #agatha-ruiz .look-gold, #agatha-ruiz .universo-look { padding: 4rem 0; max-width: 700px; width: 100%; margin: 0 auto; } #agatha-ruiz .btn-agatha-ruiz { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 200px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; margin: 2.5rem auto 0; font-size: .8rem; } #agatha-ruiz .btn-agatha-ruiz:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #agatha-ruiz .logo-look-gold { width: 80%; max-width: 300px; display: block; margin: 0 auto 1.5rem; } #agatha-ruiz .cards-notas { background-color: #fcdc00; padding: 3rem 0; position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #agatha-ruiz .cards-notas .row { flex-wrap: nowrap; } #agatha-ruiz .cards-notas .row .col-auto { display: inline-block; } #agatha-ruiz .cards-notas .card-nota { background-color: #FFF; border-radius: 20px; padding: 2rem 1.5rem; display: flex; flex-direction: column; width: 300px; height: 100%; } #agatha-ruiz .cards-notas .card-nota img { max-width: 160px; margin-bottom: 2rem } #agatha-ruiz .cards-notas .card-nota h5 { margin: 0; font-family: Frutiger Roman,Arial,sans-serif; font-weight: 600; color: #C60079; text-align: center; font-size: 1.2rem } #agatha-ruiz .cosima-y-agatha { background-color: #C60079; position: relative; width: 100%; margin: 0 auto; padding: 2rem 0 0; } #agatha-ruiz .cosima-y-agatha .container { max-width: 700px; } #agatha-ruiz .title-universo-look { max-width: 300px; width: 80%; } #agatha-ruiz .logo-agatha-y-cosima { width: 80%; max-width: 300px; margin: 0 0 1.5rem; } #agatha-ruiz .grilla-rrss { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 1rem; width: 200px; } #agatha-ruiz .grilla-rrss .agatha-ruiz-rrss { width: 90px; } @media (min-width: 991px) { #agatha-ruiz .look-gold, #agatha-ruiz .universo-look { max-width: unset; } #agatha-ruiz .cosima-y-agatha { max-width: unset; } #agatha-ruiz .cosima-y-agatha .container { max-width: initial; } #agatha-ruiz p { margin: 0; } #agatha-ruiz .btn-agatha-ruiz { font-size: 1rem; padding: .2rem .5rem; margin: 1.8rem 0 0; } #agatha-ruiz .logo-look-gold { max-width: 400px; margin: 0 0 1.5rem; } #agatha-ruiz .cards-notas { max-width: unset; overflow-x: hidden; } } /* === MINISITIO AGATHA RUIZ DE LA PRADA === */ /* === PLANTILLA PÃÂGINA DE CONTENIDOS === */ .bg-farma { background-color: #009ee3; } .bg-farma .title-col, .bg-farma .info-col { color: #ffffff } #pagina-contenidos .header { background-color: #fff; 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: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 300px; background: #C60079; border: 2px solid #C60079; color: #FFF; 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 #C60079; color: #C60079; background: transparent; } #pagina-contenidos p b, #pagina-contenidos li b { font-family: Frutiger Bold; } #pagina-contenidos p a, #pagina-contenidos li a { text-decoration: underline; color: #cd2e79; } #pagina-contenidos li { color: #cd2e79; 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: #422e68; font-family: 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: #cd2e79; font-size: 1.2rem; text-transform: uppercase; font-family: Frutiger Bold; padding: 1rem 0; } #pagina-contenidos .subtitle-section-remarked { color: #fff; background-color: #422e68; font-size: 1.8rem; text-align: center; width: 90%; max-width: max-content; font-family: Frutiger Bold; padding: 1rem 2rem .8rem; border-radius:100px; margin: 0 auto 3rem; } #pagina-contenidos .subtitle-pdc-lila { color: #422e68; font-family: Montserrat Bold,Arial,sans-serif; text-align:center; } #pagina-contenidos .title-section-pdc { color: #422e68; font-family: 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: #f5f5f5; padding: 4rem 0; } #pagina-contenidos .cuerpo .secciones:nth-child(2n) { background-color: #ffffff; padding: 4rem 0; } #pagina-contenidos .cuerpo .seccion-unica { background-color: #ffffff; 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 .container-slide { padding: 1.5rem 0; position: relative; max-width: max-content; margin:0 auto; overflow-y: hidden; overflow-x: auto; } #pagina-contenidos .container-slide .row { flex-wrap: nowrap; } #pagina-contenidos .container-slide .row .col-auto { display: inline-block; } #pagina-contenidos .container-slide .row .col-auto p { color:#4d4d4d; text-align:center; font-family: Montserrat Bold,Arial,sans-serif; margin-top:20px; } #pagina-contenidos .container-products { position: relative; max-width: 990px; overflow-y: hidden; overflow-x: auto; } #pagina-contenidos .slider-container-pdc { max-width: 990px; position: relative; display: flex; flex-wrap: nowrap; } #pagina-contenidos .slides-pdc, #pagina-contenidos .slides-pdc-more { display: inline-block; flex: 0 0 auto; width: auto; position: relative } #pagina-contenidos .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #C60079; border: 2px solid #C60079; color: #FFF; padding: .2rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; font-size: .8rem; } #pagina-contenidos .compra-aqui:hover { border: 2px solid #C60079; color: #C60079; background: transparent; } #pagina-contenidos .container-skus { display: flex; flex-direction: row; } #pagina-contenidos .container-skus .skus-boxes { width: 200px; height: auto; padding: 10px; display: inline-flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; } #pagina-contenidos .container-skus img { margin: 0 auto 1rem; display: block; } #pagina-contenidos .container-skus .link-categoria { font-family: Frutiger Light Italic,Arial,sans-serif; font-weight: 100; color: #888; text-align: center; text-transform: uppercase; } #pagina-contenidos .container-skus .link-nombre { font-family: Frutiger Light,Arial,sans-serif; color: #555; text-align: center; white-space: normal; } #pagina-contenidos .secciones.carrusel { position: relative; } #pagina-contenidos .secciones.carrusel .boton-ver-todos { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; writing-mode: vertical-lr; color: #FFF; text-align: center; height: 120px; padding: 0 15px; font-family: Montserrat Bold,Arial,sans-serif; border-radius: 12px 0 0 12px; transition: all .5s; background-color: #f18cb8; border: 2px solid #f18cb8; z-index: 2; } #pagina-contenidos .secciones.carrusel .boton-ver-todos:hover { padding: 0 20px; background-color: #FFF; color: #f18cb8; border: 2px solid #f18cb8; } @media (min-width: 544px) { #pagina-contenidos .container-skus .skus-boxes { width: 250px; } } @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; } #pagina-contenidos .container-slide { padding: 1.5rem 1rem; max-width: unset; overflow-x: hidden; } #pagina-contenidos .container-slide .row .col-auto { display: block; } #pagina-contenidos .container-products { max-width: unset; overflow-x: hidden; } #pagina-contenidos .slider-container-pdc { width: 100%; height: auto; overflow-y: hidden; overflow-x: auto; max-width: unset; display: block; flex-wrap: unset; } #pagina-contenidos .slides-pdc { height: 100%; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; z-index: 1; display: block; max-width: unset; flex: none; } #pagina-contenidos .slides-pdc .contain { width: 100%; } #pagina-contenidos .container-skus .skus-boxes { max-width: 300px; flex: auto; } #pagina-contenidos .container-skus .link-categoria { font-size: .8rem; } #pagina-contenidos .container-skus .link-nombre { font-size: .8rem; } #pagina-contenidos .container-skus .compra-aqui { font-size: .7rem; padding: .2rem .5rem; } } @media (min-width: 1200px) { #pagina-contenidos .container-skus .compra-aqui { font-size:.8rem; padding: .2rem 1rem; } #pagina-contenidos .container-skus .link-categoria { font-size: 1rem; } #pagina-contenidos .container-skus .link-nombre { font-size: 1rem; } #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 PÃÂGINA DE CONTENIDOS === */ /* === ESTILOS COUNTDOWN VENTAS NOCTURNAS === */ .V-N-counter-back { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw05cf8ca7/images/static-pages/minisitios/bg-cyber-counter-04octubre-sm.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; border-radius: 12px; } .V-N-segunda-fila { padding: 1rem !important; } .V-N-container-counter { background-color: #1d1d1b; border-radius: 15px; padding: 1rem 0; width: 210px; margin: 0 auto 1rem; } .V-N-counter-dscto { display: block; margin: 0 auto; } .btn-buy-counter-V-N { width: 90%; max-width: 180px; font-size: .8rem; background: #d9007b; color: #FFF; padding: .3rem 1rem; text-align: center; border-radius: 50px; margin: auto; border: 2px solid #d9007b; transition: all .5s; } .btn-buy-counter-V-N:hover { border: 2px solid #d9007b; color: #d9007b; background: transparent; } .V-N-title-counter { font-family: Montserrat Bold,Arial,sans-serif; color: #ffffff; font-size: 1rem; text-align: center; margin: 0 0 1rem; } .V-N-content-box-counter { width: 210px; margin: 0 auto; display: flex; overflow: hidden; justify-content: center; margin-bottom: 5px; padding: 5px 0; } .V-N-content-box-counter:last-child { padding: 0; } /* .V-N-box-time-counter {width: 50px;height: 50px;float:left;border: 2px solid #d9007b;border-radius: 5px;box-shadow: 0 0 5px rgba(217, 0, 123,1), inset 0 0px 5px rgba(217, 0, 123,1);} */ .V-N-box-time-counter { width: 50px; height: 50px; float: left; border: 2px solid #d9007b; box-shadow: 0 0 5px rgba(255,60,171,.6), 0 0 7px rgba(255,60,171,.6), inset 0 0 5px rgba(255,60,171,.6), inset 0 0 7px rgba(255,60,171,.6); border-radius: 5px; background-color: transparent; } .V-N-box-time-counter h4 { font-family: Montserrat Bold,Arial,sans-serif; font-size: 26px; padding-top: 10px; color: #FFFFFF; margin: 0; line-height: 1; } .V-N-box-separator-counter { font-family: Montserrat Bold,Arial,sans-serif; color: #ffffff; width: 20px; height: 50px; font-size: 26px; padding: 4px 0; float: left; } .V-N-box-name-counter { width: 50px; margin-right: 20px; float: left; background-color: transparent; } .V-N-box-name-counter:last-child { margin-right: 0px; } .V-N-box-name-counter p { font-family: Montserrat Bold,Arial,sans-serif; color: #ffffff; margin: 0; font-size: 9px; } .V-N-counter-text-legal { position: relative; color: #fff; margin: 0; font-size: .6rem; margin-top: 1rem; text-align: center; padding: 0 1rem; } .V-N-texto-cintillo { background-color: #d9007b; padding: .5rem 0; border-radius: 12px 12px 0 0; } .V-N-texto-cintillo img { margin: 0 auto; display: block; max-width: 400px !important; width: 90% !important; } .V-N-counter-logo { width: 80% !important; margin: 0 auto 2rem; display: block; max-width: 400px !important; } @media (min-width: 544px) { .V-N-counter-back { background-image: url(https://www.maicao.cl/on/demandware.static/-/Sites-MaicaoChile-Library/default/dw05cf8ca7/images/static-pages/minisitios/bg-cyber-counter-04octubre-sm.png); background-position: center; } .V-N-title-counter { font-size: 1.1rem; margin: 0 0 .5rem; } .V-N-content-box-counter { width: 230px; } .V-N-box-name-counter { width: 60px; } .V-N-box-name-counter p { font-size: 10px; } .V-N-box-time-counter { width: 60px; height: 60px; } .V-N-box-time-counter h4 { font-size: 35px; padding-top: 13px; } .V-N-box-separator-counter { height: 60px; font-size: 35px; padding: 4px 0; } .V-N-container-counter { width: 300px; } .btn-buy-counter-V-N { max-width: 200px; font-size: .8rem; padding: .3rem 1rem; } } @media (min-width: 991px) { .V-N-segunda-fila { padding: 0 1.5rem !important; } .V-N-counter-bodegon { padding: 10% 5%; } .V-N-counter-dscto { margin-bottom: 3rem; } .V-N-counter-text-legal { position: absolute; left: 35%; bottom: 5%; font-size: .6rem; text-align: center; padding: 0; } .V-N-title-counter { font-size: 1.1rem; margin: 0 0 .5rem; } .V-N-content-box-counter { width: 250px; } .V-N-box-name-counter { width: 65px; } .V-N-box-name-counter p { font-size: 12px; } .V-N-box-time-counter { width: 65px; height: 65px; } .V-N-box-time-counter h4 { font-size: 35px; padding-top: 13px; } .V-N-box-separator-counter { height: 65px; font-size: 35px; padding: 4px 0; } .V-N-container-counter { width: auto; margin: unset; } .btn-buy-counter-V-N { max-width: 230px; font-size: .9rem; padding: .5rem 1.5rem; } } @media (min-width: 1200px) { .V-N-title-counter { font-size: 1.2rem; margin: 0 0 1rem; } .V-N-content-box-counter { width: 290px; } .V-N-box-name-counter { width: 76px; } .V-N-box-name-counter p { font-size: 14px; } .V-N-box-time-counter { width: 76px; height: 80px; } .V-N-box-time-counter h4 { font-size: 40px; padding-top: 18px; } .V-N-box-separator-counter { height: 80px; font-size: 40px; padding: 7px 0; } } @media (min-width: 1400px) { .V-N-counter-dscto { max-width: 300px; } .V-N-title-counter { font-size: 1.5rem; } .V-N-content-box-counter { margin: 0 auto; } .V-N-box-name-counter { width: 80px; } .V-N-box-name-counter p { font-size: 15px; } .V-N-box-time-counter { width: 80px; height: 84px; } .V-N-box-time-counter h4 { font-size: 42px; padding-top: 20px; } .V-N-box-separator-counter { height: 84px; font-size: 42px; } } /* === ESTILOS COUNTDOWN VENTAS NOCTURNAS === */ /* === LP VERANO === */ #lp-verano .cuerpo { background-color: #EEE; } #lp-verano .compra-aqui { width: 100%; max-width: 200px; font-size: .8rem; background: #C60979; color: #FFF; padding: .3rem 1.2rem; text-align: center; border-radius: 25px; border: 2px solid #C60979; transition: all .5s; margin: 1rem auto; } #lp-verano .compra-aqui:hover { background: transparent; color: #C60979; border: 2px solid #C60979; } #lp-verano .regalos-para-todos, #lp-verano .regalos-en-precios, #lp-verano .verano-productos { padding: 2rem 0; } #lp-verano .regalos-para-todos img { border-radius: 33px; border: 1px solid #dbdbdb; } #slider-verano-productos-desktop { display: none; } #slider-verano-productos-mobile { display: block; } @media (min-width: 700px) and (max-width: 990px) { #lp-verano .verano-productos .link-categoria { font-size: .8rem; } #lp-verano .verano-productos .link-nombre { font-size: .8rem; } #lp-verano .compra-aqui { font-size: .9rem !important; padding: .3rem !important; } } @media (min-width: 700px) { #slider-verano-productos-desktop { display: block; } #slider-verano-productos-mobile { display: none; } } @media (max-width: 699px) { #lp-verano .verano-productos .slider-container { max-width: 300px; margin: 0 auto; } } @media (min-width: 544px) { #lp-verano .compra-aqui { font-size: 1rem; padding: .5rem 1.5rem; } } @media (min-width: 1400px) { #lp-verano .verano-productos .slider-container { max-width: 1330px; } } /* === LP VERANO === */ /* === LP PAGAR CON DÉBITO === */ #pago-debito .header picture img { margin: 0 auto; display: block; } #pago-debito p { margin-bottom: 20px; text-align: center; } #pago-debito p:last-child { margin-bottom: 0px; } #pago-debito .primary-color { color: #CF2D79 !important; } #pago-debito .title-section { color: #3E3E3E; font-size: 25px; margin-bottom: 30px; text-align: center; font-family: Montserrat Bold,Arial,sans-serif; } #pago-debito .title-benefits { color: #3E3E3E; text-align: center; font-size: 18px; font-weight: 800; margin-bottom: 20px; font-family: Frutiger Bold; } #pago-debito .text-benefits { font-size: 14px; text-align: center; } #pago-debito .grid-benefits { gap: 30px; } #pago-debito .box-benefits { border: 1px solid #707070; max-width: 300px; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #pago-debito .grid-validation { gap: 40px; } #pago-debito .box-validation { border: 1px solid #707070; max-width: 400px; border-radius: 20px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 100%; } #pago-debito .box-validation img, #pago-debito .box-benefits img { margin-bottom: 20px; } #pago-debito .final-text { text-align: center !important; font-weight: 700; } #pago-debito .img-metodo { max-width: 700px; width: 100%; } @media (min-width: 991px) { #pago-debito .title-section { text-align: left; } #pago-debito p { text-align: left; } #pago-debito .img-metodo { max-width: 900px } } /* === LP PAGAR CON DÉBITO === */ /* === 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: #CF2D79; font-size: 25px; margin-bottom: 30px; text-align: center; font-family: Montserrat Bold,Arial,sans-serif; } #locales-farma .subtitle-section { color: #3E3E3E; font-size: 18px; margin-bottom: 20px; text-align: center; font-family: 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: #fff; font-family: Frutiger Bold; text-align: center; border-radius: 20px 20px 0 0; padding: 10px 10px 5px; border: 10px solid #fff; 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: #D90073; } #locales-farma .table-content .table td { border: 10px solid #fff; 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 PERFUMES SHAKIRA === */ #perfumes-shakira .cuerpo { padding: 3rem 0 5rem; } #perfumes-shakira .cuerpo .contenedor { max-width: 700px; width: 95%; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } #perfumes-shakira .title-ppal { color: #e2007a; font-family: Montserrat Bold,Arial,sans-serif; text-align: center; font-size: 2rem; } #perfumes-shakira .collection { background-color: #E4E4E4; border-radius: 20px; padding: 30px; } #perfumes-shakira .bodegon-perfume { width: 100%; border-radius: 20px; margin-bottom: 30px; } #perfumes-shakira .title-perfum { color: #e2007a; font-family: Frutiger Bold; font-weight: 700; font-size: 1.4rem; margin-bottom: 10px; } #perfumes-shakira p { color: #7E7E7E; font-size: .9rem; margin-bottom: 30px; } #perfumes-shakira ul { padding: 0; list-style: none; font-size: 0.8rem; color: #7E7E7E; } #perfumes-shakira .notas-perfume { width: 200px; } #perfumes-shakira .compra-aqui { width: 100%; max-width: 200px; font-size: 1rem; background: #C60979; color: #FFF; padding: .3rem 1.2rem .2rem; text-align: center; border-radius: 25px; border: 2px solid #C60979; transition: all .5s; margin: 0 auto; } #perfumes-shakira .compra-aqui:hover { background: transparent; color: #C60979; border: 2px solid #C60979; } #perfumes-shakira .grilla-notas { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 991px) { #perfumes-shakira .cuerpo .contenedor { max-width: 1300px; } #perfumes-shakira .bodegon-perfume { width: 350px; margin-bottom: 0; } #perfumes-shakira .title-perfum { margin-bottom: 20px; } #perfumes-shakira .collection { padding: 20px 30px; } #perfumes-shakira .compra-aqui { margin: 0; } } @media (min-width: 1200px) { #perfumes-shakira .bodegon-perfume { width: 450px; } } /* === LP PERFUMES SHAKIRA === */ /* === LP DATOS OFERTAS === */ #dato-ofertas { background-position: top center; background-repeat: repeat-y; background-size: contain; } #dato-ofertas .ofertas-maicao, #dato-ofertas .precyber { background-color: #fff; padding-top: 3rem; } #dato-ofertas .header { padding-top: 3rem; text-align: center; margin-bottom: 5rem; } #dato-ofertas h1 { color: #e2007a; font-family: Frutiger Bold; font-weight: 800; padding: 0 0 1.5rem; font-size: 1.6rem; text-align: center; text-transform: capitalize; } .black-friday-ooff h1 { color: #020202 !important; } #dato-ofertas .compra-aqui { font-family: Montserrat Bold,Arial,sans-serif; width: 80%; max-width: 180px; background: #e2007a; border: 2px solid #e2007a; color: #FFF; padding: .5rem 1rem; text-align: center; border-radius: 40px; transition: all .5s; font-size: .8rem; margin: 0 auto; } #dato-ofertas .compra-aqui:hover { border: 2px solid #fff; color: #fff; background: transparent; } #dato-ofertas .black-friday .compra-aqui:hover, #dato-ofertas .black-friday-ooff .compra-aqui:hover { border: 2px solid #e2007a; color: #e2007a; background: transparent; } #dato-ofertas .contenedor { max-width: 700px; width: 95%; margin: 0 auto; padding-bottom: 5rem; } .ofertas .box { border-radius: 30px; border: 8px solid #fff; padding: 30px 15px; margin-bottom: 1rem; height: 100%; background-color: #6AA645; } .black-friday .box { border-radius: 30px; margin-bottom: 1rem; background-color: #000; } .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; background-color: #C21C1C; border:2px solid #fff; color:#fff; box-shadow: 0 3px 6px rgba(0,0,0,.16); font-family: Montserrat Bold,Arial,sans-serif; font-weight:400; font-size:20px; margin: 20px auto 10px; } .black-friday .box h2 { width: 90%; max-width:max-content; padding:10px 30px; border-radius:100px; text-align:center; background-color: #e2007a; border:2px solid #e2007a; color:#fff; font-family: Montserrat Bold,Arial,sans-serif; 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:100px; text-align:center; background-color: #020202; border:2px solid #020202; color:#fff; font-family: Montserrat Bold,Arial,sans-serif; 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%; } .ofertas .box h2 small, .black-friday .box h2 small { color:#fff; font-size:60%; } .ofertas .box p, .black-friday .box p, .precyber .box p { color:#fff; text-align: center; font-family: Frutiger Roman; font-size:16px; } .precyber .box { border-radius: 20px; padding:30px 0 0; margin-bottom: 1rem; height: 100%; } .precyber .box .bodegon, .black-friday .box .bodegon { border-radius:30px 30px 0 0; } .black-friday .box .fondo-aparte { background-color: transparent; position: relative; border-radius: 0 0 20px 20px; padding: 0px 15px 1px; margin: -15px 0 0; } .precyber .box .fondo_aparte { background-color: #00A079; border-radius: 0 0 20px 20px; padding: 0 15px 1px; } .precyber .box h2 { width:90%; max-width:max-content; padding:10px 30px; border-radius:100px; text-align:center; background-color: #D3277C; color:#ffffff; font-family: Montserrat Bold,Arial,sans-serif; font-weight:400; font-size:20px; position: relative; z-index: 10; margin: 10px auto 10px; } @media (min-width: 544px){ .black-friday-ooff .box { height: calc(100% - 40px); } } @media (min-width: 991px) { #dato-ofertas { 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 DOVE === */ /* #landing-dove */ .bg-white { background-color: #ffffff; } .bg-light-gray { background-color:#E4E4E4; } #landing-dove p { font-family: Frutiger Roman; color: #707070; text-align: center; font-size: 14px; } #landing-dove ul li { font-family: Frutiger Roman; color: #707070; font-size: 14px; } #landing-dove h1 { margin: 0 0 2rem; font-family: Montserrat,Arial,sans-serif; color: #E40E7E; text-align: center; } #landing-dove h1 b { font-family: Montserrat Bold,Arial,sans-serif; } #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: Frutiger Roman; background-color: #F6A518; color: #fff; 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: Frutiger Bold; } #landing-dove .compra-aqui { font-family: Frutiger Bold; width: 90%; max-width: 230px; font-size: 1rem; background: #C60079; color: #FFF; padding: .5rem 1.5rem; text-align: center; border-radius: 50px; margin: 1.5rem auto 0; border: 2px solid #C60079; transition: all .5s; } #landing-dove .compra-aqui:hover { color:#C60079; background: transparent; border: 2px solid #C60079; } @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 === */ /* === CASHBACK 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: Montserrat Bold,Arial,sans-serif;color:#3F3F3F;font-size:26px;} #spin-cashback .titulo-seccion span {color:#FF6600;} #spin-cashback .que-cashback .titulo-seccion {margin-bottom:2rem;} #spin-cashback .box-como-obtener {position:relative;background-color:#fff;width:97%;margin:0 auto;border-radius:16px;height: 100%;padding: 25px;overflow: hidden;display:flex;flex-direction: column;gap:20px;} #spin-cashback .box-como-obtener::before {content:"";width:280px;height:280px;position:absolute;right:-25%;top:-70%;background-color:rgba(220, 209, 244,.4);border-radius:200px;} #spin-cashback .box-como-obtener img {width: 70px;} #spin-cashback h3 {font-family: Montserrat,Arial,sans-serif;color: #531BC8;font-size: 20px;margin: 0;} #spin-cashback p {font-family: Montserrat,Arial,sans-serif;color:#1C1C1C;font-size: 14px;} #spin-cashback .que-cashback {padding: 0 1rem;} #spin-cashback .que-cashback .box-cashback {background-color: #fff;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: #531BC8;text-align: center;width: 100%;padding: 16px;border-radius: 16px;font-family: Montserrat,Arial,sans-serif;font-size: 18px;} #spin-cashback .badge-acumulable b {font-family: Montserrat Bold,Arial,sans-serif;} #spin-cashback .solicitar-tarjeta {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: #FF8533;display:block;width:100%;color:#fff;font-family: Montserrat Bold,Arial,sans-serif;font-size: 16px;border-radius: 50px;padding:10px 20px;text-align: center;border:2px solid #FF8533;transition: .5s all;} #spin-cashback .btn-spin:hover {background-color: transparent;border:2px solid #FF8533;color:#FF8533;} #spin-cashback .legal-final {background-color: #7549D3;padding: 0 1rem 4rem;} #spin-cashback .legal-final p {margin: 0;color:#fff;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 {font-size: 19px;padding:15px 40px;} } @media (min-width: 991px) { #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 .titulo-seccion {max-width:600px;} #spin-cashback .como-obtener .row {gap: 0px;} #spin-cashback .legal-final {padding: 0 0 6rem;} } /* === CASHBACK TARJETA SPIN === */