/** Shopify CDN: Minification failed Line 707:4 All "@import" rules must come first **/ @import url(https://fonts.googleapis.com/css2?family=Almarai:wght@700&display=swap); @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Nunito:wght@400;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{ --bg:#F5CFDC;--cream:#FDF0F4;--blush:#F5CFDC;--rose:#E8A4B8; --wine:#7D2535;--wine-deep:#5A1A26;--wine-light:#A33A4A; --text:#2A0D15;--muted:#9E7A83;--white:#fff; } body{font-family:'Nunito',sans-serif;background:#FFFFFF;color:var(--text);overflow-x:hidden} .announce{background:var(--wine);color:white;text-align:center;font-size:.9rem;font-weight:500;padding:8px 1rem;letter-spacing:.05em} .announce span{opacity:.7;margin:0 1rem} nav{background:#FFFFFF;border-bottom:2px solid #e8b4c8;position:sticky;top:0;z-index:100;padding:0 3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:80px} .nav-logo{display:flex;align-items:center;gap:10px} .nav-logo a{display:flex;align-items:center;gap:8px;text-decoration:none;} .nav-cat{display:inline;font-size:1.3rem;margin-right:4px;vertical-align:middle} .nav-logo-text{font-family:'Nunito',sans-serif;font-weight:800;font-size:1.35rem !important;color:var(--wine);letter-spacing:-.01em;display:inline;line-height:1} .nav-logo-text span{color:var(--wine);font-weight:700;font-style:normal;font-size:1.35rem !important;letter-spacing:-.01em} .nav-links{display:flex;gap:2.5rem;list-style:none;justify-content:center} .nav-links a{text-decoration:none;font-size:.9rem;font-weight:600;color:var(--wine);transition:opacity .2s;letter-spacing:.01em} .nav-links a:hover{opacity:.65} .btn-nav{background:var(--wine);color:white;border:none;border-radius:50px;padding:9px 22px;font-family:'Nunito',sans-serif;font-size:.8rem;font-weight:700;cursor:pointer} /* HERO */ .hero{display:grid;grid-template-columns:1fr 1fr;min-height:440px;overflow:hidden} .hero-left{padding:2.5rem 3rem 2.5rem 3.5rem;display:flex;flex-direction:column;justify-content:center;background:#FFFFFF} .hero-tag{display:inline-flex;align-items:center;gap:6px;background:#F5CFDC;color:var(--wine);font-size:.78rem;font-weight:800;padding:7px 16px;letter-spacing:.09em;text-transform:uppercase;border-radius:50px;margin-bottom:1.5rem;letter-spacing:.08em;text-transform:uppercase;width:fit-content} .hero-headline{font-family:'Cormorant Garamond',serif;font-size:3.8rem;line-height:1.05;color:var(--wine-deep);font-weight:600;margin-bottom:1.2rem} .hero-headline em{font-style:italic;color:var(--wine-light)} .hero-sub{font-size:1rem;color:var(--muted);line-height:1.7;margin-bottom:2rem;max-width:380px} .hero-btns{display:flex;gap:1rem;align-items:center} .btn-primary{background:var(--wine);color:white;border:none;border-radius:50px;padding:14px 32px;font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s} .btn-primary:hover{background:var(--wine-deep);transform:translateY(-1px)} .btn-outline{background:transparent;color:var(--wine);border:2px solid var(--wine);border-radius:50px;padding:12px 28px;font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s} .btn-outline:hover{background:var(--wine);color:white} .hero-badges{display:flex;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap} .hero-badge{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--muted);font-weight:500} .hero-badge .dot{width:6px;height:6px;background:var(--rose);border-radius:50%} /* hero right con imagen real */ .hero-right{position:relative;overflow:hidden;background:#FFFFFF} .hero-right img.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block} .hero-cat-badge{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:50px;padding:10px 20px;box-shadow:0 4px 24px rgba(125,37,53,.15)} .hero-cat-badge img{width:36px;height:36px;object-fit:contain;mix-blend-mode:multiply} .hero-cat-badge span{font-size:.82rem;font-weight:700;color:var(--wine)} /* MARQUEE */ .marquee-strip{background:var(--wine);padding:10px 0;overflow:hidden;white-space:nowrap} .marquee-content{display:inline-flex;animation:marquee 22s linear infinite} .marquee-item{color:rgba(255,255,255,.9);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 2.5rem} @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* SECCIONES */ .sec-header{text-align:center;margin-bottom:3rem} .sec-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wine-light);margin-bottom:.75rem} .sec-title{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:600;color:var(--wine-deep);line-height:1.1} .sec-title em{font-style:italic} .sec-sub{font-size:.95rem;color:var(--muted);margin-top:.75rem} /* WHY */ .why-section{padding:5rem 3.5rem;background:#FFFFFF} .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem} .why-card{background:var(--white);border-radius:20px;padding:2rem 1.5rem;text-align:center;border:1px solid #F5CFDC;transition:transform .2s,box-shadow .2s} .why-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(125,37,53,.1)} .why-icon{width:56px;height:56px;background:#F5CFDC;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.6rem} .why-card h3{font-size:.95rem;font-weight:700;color:var(--wine-deep);margin-bottom:.5rem} .why-card p{font-size:.82rem;color:var(--muted);line-height:1.6} /* PRODUCTS */ .products-section{padding:5rem 3.5rem;background:var(--white)} .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem} .product-card{border-radius:20px;overflow:hidden;background:#FFFBFC;border:1px solid #F5CFDC;transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative} .product-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(125,37,53,.13)} .product-badge{position:absolute;top:12px;left:12px;background:var(--wine);color:white;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:50px;text-transform:uppercase;z-index:2} .product-badge.pink{background:#C06A7A} .product-img{height:190px;display:flex;align-items:center;justify-content:center;font-size:3.5rem} .bg1{background:#F5CFDC} .bg2{background:#EEE0F5} .bg3{background:#E0EFF5} .bg4{background:#F5F0E0} .product-info{padding:1.2rem 1.2rem 1.4rem} .product-brand{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wine-light);margin-bottom:4px} .product-name{font-size:.9rem;font-weight:600;color:var(--wine-deep);margin-bottom:6px;line-height:1.3} .product-desc{font-size:.78rem;color:var(--muted);line-height:1.5;margin-bottom:1rem} .product-footer{display:flex;align-items:center;justify-content:space-between} .product-price{font-size:1.05rem;font-weight:700;color:var(--wine)} .old-price{font-size:.78rem;color:var(--muted);text-decoration:line-through;font-weight:400;margin-left:6px} .btn-add{width:36px;height:36px;border-radius:50%;background:var(--wine);color:white;border:none;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s} .btn-add:hover{background:var(--wine-deep);transform:scale(1.1)} /* BANNER CON IMAGEN 3 */ .promo-banner{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#FFFFFF} .promo-banner-img{width:100%;height:420px;object-fit:cover;object-position:center top;display:block} .promo-banner-text{display:flex;flex-direction:column;justify-content:center;padding:3.5rem 3.5rem} .promo-banner-text .sec-tag{text-align:left} .promo-banner-text h2{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:600;color:var(--wine-deep);line-height:1.1;margin-bottom:1rem} .promo-banner-text h2 em{font-style:italic} .promo-banner-text p{font-size:.95rem;color:var(--muted);line-height:1.75;margin-bottom:2rem} /* ABOUT con imagen 2 */ .about-strip{padding:5rem 3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;background:#FFFFFF} .about-visual{border-radius:28px;height:420px;overflow:hidden} .about-visual img{width:100%;height:100%;object-fit:cover;object-position:center top} .about-text .sec-header{text-align:left;margin-bottom:1.5rem} .about-text p{font-size:.95rem;color:var(--muted);line-height:1.75;margin-bottom:1.5rem} .about-stats{display:flex;gap:2rem;margin-top:2rem} .about-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:600;color:var(--wine);line-height:1} .about-stat span{font-size:.8rem;color:var(--muted);font-weight:500} /* REVIEWS */ .reviews-section{padding:5rem 3.5rem;background:#FFFFFF} .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .review-card{background:var(--white);border-radius:20px;padding:1.8rem;border:1px solid #e8b4c8} .review-stars{color:var(--wine-light);font-size:1rem;margin-bottom:1rem;letter-spacing:2px} .review-text{font-size:.88rem;line-height:1.7;color:var(--text);margin-bottom:1.2rem;font-style:italic} .review-author{display:flex;align-items:center;gap:10px} .review-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--wine);background:#F5CFDC;border:1px solid #e8b4c8} .review-author-info strong{display:block;font-size:.82rem;font-weight:700;color:var(--wine-deep)} .review-author-info span{font-size:.72rem;color:var(--muted)} /* CTA */ .cta-section{background:var(--wine-deep);padding:5rem 3.5rem;text-align:center} .cta-section h2{font-family:'Cormorant Garamond',serif;font-size:4.2rem;font-weight:600;color:white;margin-bottom:1rem;font-style:italic} .cta-section p{color:rgba(255,255,255,.65);font-size:1.25rem;margin-bottom:2rem} .cta-form{display:flex;max-width:420px;margin:0 auto;border-radius:50px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)} .cta-input{flex:1;background:transparent;border:none;padding:14px 20px;font-family:'Nunito',sans-serif;font-size:.88rem;color:white;outline:none} .cta-input::placeholder{color:rgba(255,255,255,.45)} .btn-cta{background:white;color:var(--wine-deep);border:none;border-radius:50px;padding:12px 24px;font-family:'Nunito',sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;margin:4px} /* FOOTER */ footer{background:var(--text);padding:3rem 3.5rem 2rem;color:rgba(255,255,255,.6)} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem} .footer-brand-name{color:white;font-size:1.5rem;font-weight:700;display:block;margin-bottom:.75rem} .footer-brand p{font-size:.82rem;line-height:1.7;max-width:240px} .footer-col h4{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:white;margin-bottom:1rem} .footer-col a{display:block;font-size:.82rem;color:rgba(255,255,255,.55);text-decoration:none;margin-bottom:.6rem;transition:color .2s} .footer-col a:hover{color:#F5CFDC} .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.75rem} .footer-bottom a{color:rgba(255,255,255,.4);text-decoration:none} .mishu-header{ display:flex; justify-content:space-between; align-items:center; padding:1.5rem 4rem; background:#FFFFFF; border-bottom:1px solid rgba(125,37,53,.08); } .mishu-logo{ font-family:'Cormorant Garamond',serif; font-size:2rem; color:var(--wine-deep); font-weight:600; } .mishu-nav{ display:flex; gap:2rem; } .mishu-nav a{ text-decoration:none; color:var(--wine); font-weight:600; transition:.2s; } .mishu-nav a:hover{ color:var(--wine-light); } .mishu-icons{ display:flex; gap:1rem; font-size:1.2rem; } @media(max-width:768px){ .mishu-header{ padding:1rem 1.5rem; } .mishu-nav{ display:none; } } /* ===== DAWN OVERRIDES - MISHU PALETTE ===== */ /* Body & global background */ body { background:#FFFFFF !important; font-family: 'Nunito', sans-serif; } /* Section backgrounds */ .shopify-section { background:#FFFFFF; } /* Featured collection (Best Sellers) */ .collection { background:#FFFFFF; } .collection .title-wrapper-with-link { padding: 3rem 2rem 1rem; } .collection h2, .collection .collection__title { font-family: 'Cormorant Garamond', serif; font-size: 2.4rem; color: var(--wine-deep); font-weight: 600; } .card-wrapper { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 12px rgba(125,37,53,.08); } .card--standard .card__inner { background: #fff; } .card__heading { font-family: 'Nunito', sans-serif; color: var(--text); font-size: 1rem; font-weight: 600; } .price { color: var(--wine); font-weight: 700; } /* Image with text (K-Beauty) */ .image-with-text { background:#FFFFFF; } .image-with-text__content h2 { font-family: 'Cormorant Garamond', serif; color: var(--wine-deep); font-size: 2.2rem; font-weight: 600; } .image-with-text__content p { color: var(--text); font-family: 'Nunito', sans-serif; } .image-with-text .button { background: var(--wine) !important; color: #fff !important; border: none !important; border-radius: 50px !important; font-family: 'Nunito', sans-serif !important; font-weight: 600 !important; padding: 12px 28px !important; } .image-with-text .button:hover { background: var(--wine-deep) !important; } /* List of collections (Explorar por categoría) */ .collection-list { background: var(--bg); padding: 3rem 0; } .collection-list__title, .collection-list h2 { font-family: 'Cormorant Garamond', serif; color: var(--wine-deep); font-size: 2.2rem; } .collection-list__item .card { background:#FFFFFF; border-radius: 16px; overflow: hidden; } /* Multicolumn (Por qué elegirnos) */ .multicolumn { background:#FFFFFF; padding: 3rem 0; } .multicolumn-list__title, .multicolumn h2 { font-family: 'Cormorant Garamond', serif; color: var(--wine-deep); font-size: 2.2rem; text-align: center; } .multicolumn-card__title { font-family: 'Nunito', sans-serif; color: var(--wine); font-weight: 700; } .multicolumn-card { background: #fff; border-radius: 16px; padding: 2rem; box-shadow: 0 2px 12px rgba(125,37,53,.06); } .multicolumn-card p { color: var(--text); font-family: 'Nunito', sans-serif; } /* Footer */ .footer { background: var(--wine-deep); color: #fff; } .footer__heading, .footer .h4 { color: #fff; font-family: 'Cormorant Garamond', serif; } .footer a, .footer p { color: rgba(255,255,255,.8); } .footer a:hover { color: #fff; } .footer__newsletter .field__input { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.1); color: #fff; } .footer__newsletter .field__input::placeholder { color: rgba(255,255,255,.5); } .footer__newsletter .newsletter-form__button { background: var(--wine-light); } /* Generic section titles */ .section-header h2, .rich-text h2 { font-family: 'Cormorant Garamond', serif; color: var(--wine-deep); } /* Buttons global */ .btn, .button--primary { background: var(--wine) !important; color: #fff !important; border-radius: 50px !important; font-family: 'Nunito', sans-serif !important; border: none !important; } /* Scrollbar (opcional) */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background:#FFFFFF; } ::-webkit-scrollbar-thumb { background: var(--rose); border-radius: 3px; } /* ===== FOOTER MISHU ===== */ /* Dawn footer wrapper - override color scheme */ .footer-section, footer .shopify-section, .color-background-2, .color-background-3 { background-color: var(--wine-deep) !important; color: #fff !important; } .footer-section *, footer .shopify-section * { color: rgba(255,255,255,.85) !important; } .footer-section a:hover, footer .shopify-section a:hover { color: #fff !important; opacity: 1 !important; } .footer-section h2, .footer-section .footer__heading, .footer-section .h4 { color: #fff !important; font-family: 'Cormorant Garamond', serif !important; font-size: 1.1rem !important; letter-spacing: .05em !important; } .footer-section .footer__copyright { color: rgba(255,255,255,.5) !important; border-top: 1px solid rgba(255,255,255,.15) !important; } .footer-section .footer__copyright * { color: rgba(255,255,255,.5) !important; } /* ===== COLLECTION LIST ===== */ .collection-list-section { background: var(--bg); } /* ===== GLOBAL HEADINGS ===== */ h1, h2 { font-family: 'Cormorant Garamond', serif; } .title { font-family: 'Cormorant Garamond', serif; color: var(--wine-deep); } /* ===== PRODUCT CARD PRICE ===== */ .price__regular .price-item { color: #000000 !important; font-weight: 700; } .price__sale .price-item--sale { color: var(--wine) !important; font-weight: 700; } /* Precio de oferta: tamano en pagina de producto */ .product__info-container .price__sale .price-item--sale { font-size: 2.8rem !important; } .product__info-container .price .price__sale .price-item--regular { font-size: 1.8rem !important; } /* ===== "ADD TO CART" BUTTON ===== */ .product-form__submit, .btn-addtocart { background: var(--wine) !important; border-radius: 50px !important; color: #fff !important; border: none !important; font-family: 'Nunito', sans-serif !important; } /* Quitar recuadro negro al tocar el boton en movil */ .product-form__submit, .btn-addtocart, button, a.button, input[type="submit"] { -webkit-tap-highlight-color: transparent !important; outline: none !important; } .product-form__submit:focus, .btn-addtocart:focus, button:focus, a.button:focus { outline: none !important; box-shadow: none !important; } /* ===== TYPOGRAPHY IMPROVEMENTS ===== */ /* 1. Menú / nav links - más grandes y bold */ .nav-links a { font-size: 1.05rem !important; font-weight: 600 !important; } /* 2. Hero subtitle - más visible */ .hero-sub { font-size: 1.15rem !important; line-height: 1.8 !important; color: #6E5B5F !important; } /* 3. Hero badges - más grandes */ .hero-badge { font-size: .92rem !important; font-weight: 600 !important; } /* ===== SECCION BEST SELLERS / COLECCION DESTACADA ===== */ /* Fondo crema para la sección */ .featured-collection { background: #FFFFFF !important; padding: 60px 0 !important; } /* Cards de productos: fondo blanco, borde rosa suave */ .card-wrapper { background: #fff !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(125,37,53,.08) !important; } .card__inner { background: #fff !important; } /* Precio en wine */ .price .price__regular, .price .price__sale { color: #7D2535 !important; font-weight: 700 !important; } /* Nombre del producto */ .card__heading a { color: #2A0D15 !important; font-family: 'Nunito', sans-serif !important; } .card__heading a:hover { color: #7D2535 !important; } /* ===== LISTA DE COLECCIONES ("Explora por categoria") ===== */ .collection-list { background: #FFFFFF !important; padding: 60px 0 !important; } .collection-list__title { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; } /* Cards de coleccion: blancas con sombra */ .collection-list .card { background: #fff !important; border-radius: 16px !important; overflow: hidden !important; } .collection-list .card__heading { color: #5A1A26 !important; font-family: 'Nunito', sans-serif !important; font-weight: 700 !important; } /* ===== MULTICOLUMNA (por que Mishu, beneficios) ===== */ .multicolumn { background: #FFFFFF !important; padding: 60px 0 !important; } .multicolumn-card { background: #fff !important; border-radius: 16px !important; padding: 24px !important; box-shadow: 0 2px 12px rgba(125,37,53,.07) !important; } .multicolumn-card__title { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; } .multicolumn-card__info { color: #6E5B5F !important; } /* ===== IMAGEN CON TEXTO (K-Beauty) ===== */ .image-with-text { background: #FFFFFF !important; } .image-with-text__content { background: #FFFFFF !important; } .image-with-text__heading { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; } .image-with-text__text { color: #6E5B5F !important; } /* ===== TITULOS DE SECCION GLOBALES ===== */ .featured-collection__title, h2.featured-collection__title { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; font-size: 2.2rem !important; } .section-header .title { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; } /* ===== SECCION LISTA DE COLECCIONES - SELECTORES DAWN CORRECTOS ===== */ .section-collection-list { background: #FFFFFF !important; } .section-collection-list .color-scheme-1, .section-collection-list .gradient { background: #FFFFFF !important; } .collection-list-title { color: #5A1A26 !important; font-family: 'Cormorant Garamond', serif !important; font-size: 2rem !important; } /* ===== SECCION FEATURED COLLECTION - SELECTORES DAWN CORRECTOS ===== */ .section-featured-collection { background: #FFFFFF !important; } .section-featured-collection .color-scheme-1, .section-featured-collection .gradient { background: #FFFFFF !important; } /* ===== SECCION MULTICOLUMNA - SELECTORES DAWN CORRECTOS ===== */ .section-multicolumn { background: #FFFFFF !important; } .section-multicolumn .color-scheme-1, .section-multicolumn .gradient { background: #FFFFFF !important; } /* ===== SECCION IMAGEN CON TEXTO - SELECTORES DAWN CORRECTOS ===== */ .section-image-with-text { background: #FFFFFF !important; } .section-image-with-text .color-scheme-1, .section-image-with-text .gradient { background: #FFFFFF !important; } /* ===== BOTONES GLOBALES DAWN - COLOR WINE ===== */ /* Todos los botones primarios: wine con pill shape */ .button, .button--primary { background: #7D2535 !important; color: #fff !important; border-color: #7D2535 !important; border-radius: 50px !important; font-family: 'Nunito', sans-serif !important; font-weight: 600 !important; } .button:hover, .button--primary:hover { background: #5A1A26 !important; border-color: #5A1A26 !important; } /* Botones secundarios/outline */ .button--secondary { background: transparent !important; color: #7D2535 !important; border-color: #7D2535 !important; border-radius: 50px !important; font-family: 'Nunito', sans-serif !important; } .button--secondary:hover { background: #7D2535 !important; color: #fff !important; } /* ===== OVERRIDE VARIABLES CSS DE DAWN PARA BOTONES ===== */ /* Sobrescribir las variables de color de Dawn para que los botones sean wine */ :root, .color-scheme-1, .color-scheme-2 { --color-button: 125, 37, 53; --color-button-text: 255, 255, 255; } /* Forzar todos los botones a wine también con selector de element */ a.button, button.button, input[type="submit"] { background-color: #7D2535 !important; color: #fff !important; border-color: #7D2535 !important; border-radius: 50px !important; } a.button:hover, button.button:hover { background-color: #5A1A26 !important; } /* ===== CARD IMAGE BACKGROUNDS - FIX GREY AREAS ===== */ /* Product cards: fix grey image container background */ .card__media, .card__media-full-centered, .media--hover-effect { background: #FFFFFF !important; } .card-wrapper .media, .card .media { background: #FFFFFF !important; } .card--card .card__inner, .card--standard .card__inner { background: #fff !important; border-radius: 16px !important; overflow: hidden !important; } /* All card media wrapper backgrounds */ .card__inner .media { background: #FFFFFF !important; } /* Collection card image areas */ .collection-list .card__inner, .collection-list .card__media { background: #FFFFFF !important; } .collection-list .media { background: #FFFFFF !important; } /* Product card outer wrapper */ .card-wrapper { background: #fff !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 2px 12px rgba(125,37,53,.06) !important; } /* Multicolumn icon/image area */ .multicolumn-card__image-wrapper { background: #FFFFFF !important; border-radius: 12px !important; padding: 12px !important; } /* Hero badges fix */ .hero-badge { font-size: .92rem !important; font-weight: 600 !important; } /* Section titles global */ .section__heading, .collection-list-title, h2.collection-list-title { font-family: 'Cormorant Garamond', serif !important; color: #5A1A26 !important; } /* Image with text section polish */ .image-with-text__content { padding: 2.5rem !important; } .content-container--full-width .image-with-text__content { padding: 3rem 4rem !important; } /* ===== FOOTER POLISH ===== */ /* Footer links in wine/rose tones */ .footer a, .footer__content-top a { color: #E8A4B8 !important; } .footer a:hover { color: #fff !important; opacity: 1 !important; } .footer__newsletter .field__input, .footer__newsletter input { border-color: #E8A4B8 !important; background: rgba(255,255,255,.05) !important; color: #fff !important; } .footer__newsletter .field__input::placeholder { color: rgba(255,255,255,.5) !important; } /* Footer headings */ .footer__heading { color: #fff !important; font-family: 'Cormorant Garamond', serif !important; font-size: 1.25rem !important; margin-bottom: 1rem !important; } /* ===== NAV SEARCH / CART ICONS ===== */ /* Dawn header icons - make wine colored */ .header__icon, .header__icon svg { color: #7D2535 !important; fill: #7D2535 !important; } .header__icon:hover { opacity: 0.75; } /* ===== ANNOUNCEMENT BAR POLISH ===== */ .announcement-bar { font-size: .82rem !important; letter-spacing: .04em !important; } /* ===== PRICE DISPLAY ===== */ .price .price__regular, .price-item--regular { color: #000000 !important; font-weight: 700 !important; font-size: 1.3rem !important; } .product__info-container .price .price-item--regular, .product__info-container .price-item--regular { font-size: 2.8rem !important; line-height: 1.1 !important; } .price .price__sale { color: #5A1A26 !important; font-weight: 700 !important; } .price .price__sale .price-item--sale { color: #5A1A26 !important; } /* ===== PRODUCT CARD TITLE ===== */ .card__heading, .card__heading a { color: #2A0D15 !important; font-size: 1.15rem !important; font-weight: 600 !important; } .card__heading a:hover { color: #7D2535 !important; text-decoration: none !important; } .card-wrapper .quick-add__submit { width: 70% !important; min-width: 70% !important; margin-left: auto !important; margin-right: auto !important; -webkit-tap-highlight-color: transparent; } .card-wrapper .quick-add__submit:focus { outline: none !important; box-shadow: none !important; } .card-wrapper .quick-add__submit:focus-visible { outline: none !important; box-shadow: none !important; } .card-wrapper .quick-add__submit:active { outline: none !important; box-shadow: none !important; } .card-wrapper .quick-add__submit { -webkit-appearance: none !important; appearance: none !important; } .card-wrapper .quick-add__submit::after, .card-wrapper .quick-add__submit::before { box-shadow: none !important; } /* ===== OVERRIDE DAWN COLOR SCHEME VARIABLES FOR CARDS ===== */ /* Dawn uses --color-background-1 (243,240,238 = light grey) as card area bg. Override it to cream/pink in our sections so card images appear on-brand */ .section-featured-collection .color-scheme-1, .section-featured-collection .gradient { --color-background-1: 253, 240, 244; --color-base-background-1: 253, 240, 244; } .section-collection-list .color-scheme-1, .section-collection-list .gradient { --color-background-1: 245, 207, 220; --color-base-background-1: 245, 207, 220; } /* Direct background overrides on the card media container */ .card .card__inner .card__media { background: #FFFFFF !important; } .card--card .card__inner { background: #FFFFFF !important; } /* Make card image placeholder area cream instead of grey */ .card-wrapper .card { background-color: #FFFFFF !important; } .card__inner { background-color: #FFFFFF !important; } /* Collection card placeholder area pink */ .collection-list .card-wrapper .card { background-color: #FFFFFF !important; } .collection-list .card__inner { background-color: #FFFFFF !important; } /* ===== MEJORA #6: BOTÓN "VER TODO" ESTILO LINK (inspirado en MiiN) ===== */ /* Muestra un link sutil "Ver todo →" en lugar del botón sólido grande */ .collection__view-all { display: inline-flex; align-items: center; gap: 6px; font-family: 'Nunito', sans-serif; font-size: .95rem; font-weight: 600; color: #7D2535 !important; text-decoration: none; letter-spacing: .03em; text-transform: none; border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin-top: 1.5rem; transition: gap .2s ease, opacity .2s; } .collection__view-all:hover { opacity: .75; gap: 10px; } .collection__view-all::after { content: '→'; font-size: 1.1em; transition: transform .2s ease; } .collection__view-all:hover::after { transform: translateX(3px); } /* Alinear el link a la derecha del título de sección */ .featured-collection .title-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; } /* Estilo para link "Ver todo" cuando está en modo Enlace (link underlined-link) */ .collection__view-all .link.underlined-link, .collection__view-all a.link { font-family: 'Nunito', sans-serif; font-size: .95rem; font-weight: 700; color: #7D2535 !important; text-decoration: none !important; letter-spacing: .04em; border-bottom: 2px solid #7D2535 !important; padding-bottom: 2px; transition: opacity .2s, letter-spacing .2s; } .collection__view-all .link.underlined-link:hover, .collection__view-all a.link:hover { opacity: .7; letter-spacing: .07em; } /* NAV LOGO LINK */ .nav-logo a{text-decoration:none;color:inherit} .nav-logo a:hover{opacity:.9} /* NAV ACTIONS */ .nav-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto} .nav-icon{font-size:1.8rem;text-decoration:none;position:relative} .cart-count{position:absolute;top:-6px;right:-8px;background:var(--wine);color:white;font-size:.55rem;font-family:'Nunito',sans-serif;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center} .btn-tienda{background:var(--wine);color:white;border:none;border-radius:50px;padding:10px 24px;font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;letter-spacing:.03em;transition:opacity .2s} .btn-tienda:hover{opacity:.88;color:white} /* Hide stray text nodes in header sections */ .shopify-section-group-header-group{font-size:0} .shopify-section-group-header-group nav,.shopify-section-group-header-group div{font-size:initial} /* MARCAS K-BEAUTY */ .marcas-kbeauty{padding:60px 0;background:#fff} .marcas-kbeauty__header{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:0 1.5rem;max-width:1400px;margin-left:auto;margin-right:auto} .marcas-kbeauty__title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.4rem} .marcas-kbeauty__subtitle{color:var(--muted);font-size:1.3rem;line-height:1.5;max-width:500px} .marcas-kbeauty__link{color:var(--wine);font-weight:700;text-decoration:none;font-size:1.2rem;white-space:nowrap;flex-shrink:0} .marcas-kbeauty__link:hover{text-decoration:underline} .marcas-kbeauty__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;padding:0 1.5rem;max-width:1400px;margin:0 auto} .marcas-kbeauty__card{display:flex;flex-direction:column;text-decoration:none;background:#fce8e8;border-radius:1.2rem;overflow:hidden;transition:transform .2s,box-shadow .2s} .marcas-kbeauty__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)} .marcas-kbeauty__card-image{overflow:hidden;background:#fce8e8} .marcas-kbeauty__card-image img{width:100%;height:auto;display:block;object-fit:cover;object-position:center} .marcas-kbeauty__card-logo{background:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;min-height:70px} .marcas-kbeauty__card-logo img{max-height:40px;max-width:160px;width:auto;object-fit:contain;filter:grayscale(100%)} .marcas-kbeauty__card-logo span{font-size:1.6rem;font-weight:700;color:#1a1a1a;text-align:center;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;white-space:nowrap} @media(max-width:768px){.marcas-kbeauty__grid{grid-template-columns:repeat(2,1fr)}.marcas-kbeauty__header{flex-direction:column;align-items:flex-start;gap:.8rem}} /* COMUNIDAD MISHU - Reviews */ .comunidad-section{background:var(--blush-light,#fce4ec);padding:5rem 3.5rem;text-align:center} .comunidad-header{margin-bottom:3rem} .comunidad-label{font-family:'Nunito',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.18em;color:var(--wine-deep,#6b1a2a);text-transform:uppercase} .comunidad-title{font-family:Assistant, sans-serif;font-size:20px;font-weight:700;color:#1a1a1a;margin-top:.6rem;line-height:1.1} .comunidad-title em{font-style:italic;color:var(--wine-light,#a0394a)} .comunidad-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;text-align:left} .comunidad-card{background:white;border-radius:20px;padding:2rem;box-shadow:0 4px 20px rgba(107,26,42,.08)} .comunidad-stars{color:var(--wine-deep,#6b1a2a);font-size:1.3rem;margin-bottom:1rem;letter-spacing:.1em} .comunidad-quote{font-family:'Nunito',sans-serif;font-size:1rem;color:#4a3040;line-height:1.65;font-style:italic;margin-bottom:1.5rem} .comunidad-author{display:flex;align-items:center;gap:.8rem} .comunidad-avatar{width:44px;height:44px;border-radius:50%;background:var(--blush,#f8c8d4);color:var(--wine-deep,#6b1a2a);font-family:'Nunito',sans-serif;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0} .comunidad-name{font-family:'Nunito',sans-serif;font-weight:700;font-size:.95rem;color:var(--wine-deep,#6b1a2a)} .comunidad-skin{font-family:'Nunito',sans-serif;font-size:.8rem;color:#9e7a85} @media(max-width:768px){ .comunidad-cards{grid-template-columns:1fr} .comunidad-title{font-size:20px} .comunidad-section{padding:3.5rem 1.5rem} } /* CATEGORIAS PRODUCTOS */ .categorias-section{background:#FFFFFF;padding:2rem 1.5rem 1.5rem} .categorias-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.8rem;max-width:1200px;margin:0 auto;overflow-x:auto;padding-bottom:.5rem} .categoria-item{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-decoration:none;cursor:pointer} .categoria-circle{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#f5e8ec;flex-shrink:0;position:relative;border:2.5px solid #F0C5D4;box-shadow:0 3px 14px rgba(125,37,53,.10),0 1px 3px rgba(125,37,53,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} .categoria-circle img{width:100%;height:100%;object-fit:cover;object-position:center;display:block} .categoria-item:hover .categoria-circle{transform:translateY(-4px);box-shadow:0 8px 22px rgba(125,37,53,.18),0 2px 5px rgba(125,37,53,.09);border-color:#E8A4B8} .categoria-label{font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:700;color:var(--wine-deep);letter-spacing:.1em;text-transform:uppercase;text-align:center} @media(max-width:768px){.categorias-grid{gap:0 1rem;justify-content:center}.categoria-circle{width:72px;height:72px}.categoria-label{font-size:.65rem}} .cat-limpieza{background:linear-gradient(135deg,#f9d8e0,#f5c0ca)} .cat-toners{background:linear-gradient(135deg,#ffc8da,#f5a0c0)} .cat-serums{background:linear-gradient(135deg,#fce4ec,#f8c5d8)} .cat-hidratantes{background:linear-gradient(135deg,#f5e0e8,#edd0da)} .cat-protector{background:linear-gradient(135deg,#f5e8d0,#f0d8b0)} .cat-mascarillas{background:linear-gradient(135deg,#d8e8f8,#b8d4f0)} .cat-exfoliantes{background:linear-gradient(135deg,#f8ead0,#f0d8a8)} .cat-accesorios{background:linear-gradient(135deg,#f8d0e0,#f0b8d0)} .cat-sets{background:linear-gradient(135deg,#eed0f0,#e0b8e8)} .cat-regalos{background:linear-gradient(135deg,#fce0e8,#f8c8d8)} .cat-hidratantes img{object-position:45% 61%} .cat-limpieza img{object-position:59% 62%} .cat-mascarillas img{object-position:63% 49%} .cat-protector img{object-position:40% 61%} .cat-serums img{object-position:48% 62%} .cat-toners img{object-position:50% 62%} /* Producto - ampliar columna de texto */ @media screen and (min-width: 990px) { .product--large:not(.product--no-media) .product__media-wrapper { max-width: 55%; width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2); } .product--large:not(.product--no-media) .product__info-wrapper { max-width: 45%; width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2); } } /* NAV DROPDOWN HOVER */ .nav-item { position: relative; list-style: none; } .nav-dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 100; background: white; min-width: 180px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); padding: 8px 0; list-style: none; margin: 0; } .nav-item.has-dropdown:hover .nav-dropdown { display: block; } .nav-dropdown li a { display: block; padding: 10px 18px; color: var(--wine, #8e2a47); font-size: 0.9rem; text-decoration: none; white-space: nowrap; transition: background 0.2s; } .nav-dropdown li a:hover { background: var(--cream, #fdf6f0); color: var(--wine, #8e2a47); } /* ===== CART / NAV-ACTIONS POSITION FIX ===== */ .nav-actions { justify-self: end; grid-column: 3; grid-row: 1; } /* ===== LOGO IMAGE ===== */ .nav-logo-text { display: none; } .nav-logo-img { height: 52px; width: auto; display: block; } .nav-cat { display: none; } /* ===== LOGO BRAND TEXT ===== */ .nav-logo { display: flex; align-items: center; gap: 8px; } .nav-brand-text { font-family: 'Nunito', sans-serif; font-size: 1.5rem; color: var(--wine); font-weight: 400; } .nav-brand-text strong { font-weight: 800; } /* ================================================================ MISHU KOSMETICS — CSS de mejoras para Shopify (tema DAWN) ================================================================ */ /* FUENTES */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,600&family=Nunito:wght@400;600;700;800&display=swap'); /* VARIABLES */ :root { --mh-wine: #7D2535; --mh-wine-deep: #5A1A26; --mh-wine-light: #A33A4A; --mh-cream: #FDF0F4; --mh-blush: #F5CFDC; --mh-rose: #E8A4B8; --mh-muted: #9E7A83; } /* NAV */ .header-wrapper { background-color: var(--mh-blush) !important; border-bottom: 2px solid #e8b4c8 !important; } .header__heading-link, .header__heading-link:visited { font-family: 'Nunito', sans-serif !important; font-weight: 800 !important; font-size: 1.35rem !important; color: var(--mh-wine) !important; text-decoration: none !important; letter-spacing: -0.01em; } .header__heading-link span { color: #F06292 !important; } .header__menu-item, .header__menu-item > a, .list-menu__item--link { font-family: 'Nunito', sans-serif !important; font-size: 0.875rem !important; font-weight: 600 !important; color: var(--mh-wine) !important; letter-spacing: 0.01em; } .list-menu__item--link:hover, .header__menu-item > a:hover { opacity: 0.65; color: var(--mh-wine) !important; } .header__icon--cart svg, .cart-count-bubble { color: var(--mh-wine) !important; } /* ANNOUNCE BAR */ .announcement-bar { background-color: var(--mh-wine) !important; color: #fff !important; } .announcement-bar__message, .announcement-bar p { font-family: 'Nunito', sans-serif !important; font-size: 1.05rem !important; font-weight: 500 !important; letter-spacing: 0.05em; color: #fff !important; } /* Announcement bar - bigger on mobile (user request) */ @media (max-width: 768px) { .announcement-bar__message, .announcement-bar p { font-size: 1.15rem !important; line-height: 1.35; } } /* HERO */ .hero__content { background-color: var(--mh-cream) !important; } .banner__box .badge, [class*="hero"] [class*="subheading"], [class*="hero"] [class*="kicker"] { font-family: 'Nunito', sans-serif !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; padding: 7px 16px !important; border-radius: 50px !important; background-color: var(--mh-blush) !important; color: var(--mh-wine-deep) !important; display: inline-block !important; margin-bottom: 1.4rem !important; } .banner__heading, .hero__heading, [class*="hero"] h1, [class*="hero"] h2, [class*="banner"] h1, [class*="banner"] h2 { font-family: 'Cormorant Garamond', serif !important; font-size: 3.8rem !important; line-height: 1.05 !important; font-weight: 600 !important; color: var(--mh-wine-deep) !important; margin-bottom: 1.2rem !important; } .banner__heading em, .hero__heading em, [class*="hero"] h1 em, [class*="hero"] h2 em, [class*="banner"] h1 em, [class*="banner"] h2 em { font-style: italic !important; color: var(--mh-wine-light) !important; } .banner__text p, .hero__text p, [class*="hero"] .rte p { font-family: 'Nunito', sans-serif !important; font-size: 1rem !important; color: var(--mh-muted) !important; line-height: 1.7 !important; max-width: 380px; margin-bottom: 2rem !important; } /* BOTON PRIMARIO */ .button, .button--primary, .banner__buttons .button:first-child { font-family: 'Nunito', sans-serif !important; font-size: 0.95rem !important; font-weight: 700 !important; padding: 15px 34px !important; border-radius: 50px !important; background: var(--mh-wine) !important; color: #fff !important; border: none !important; letter-spacing: 0.01em; transition: background 0.2s, transform 0.15s !important; } .button:hover, .button--primary:hover { background: var(--mh-wine-deep) !important; transform: translateY(-1px) !important; color: #fff !important; } /* BOTON OUTLINE */ .button--secondary, .button--outline, .banner__buttons .button:last-child { font-family: 'Nunito', sans-serif !important; font-size: 0.95rem !important; font-weight: 600 !important; padding: 13px 28px !important; border-radius: 50px !important; background: transparent !important; color: var(--mh-wine) !important; border: 2px solid var(--mh-wine) !important; transition: all 0.2s !important; } .button--secondary:hover, .button--outline:hover { background: var(--mh-wine) !important; color: #fff !important; } /* TRUST BADGES */ .hero__badges, [class*="trust-badge"], [class*="icon-with-text"] { display: flex !important; gap: 1.5rem !important; margin-top: 2.5rem !important; flex-wrap: wrap; } .hero__badges span, [class*="trust-badge"] span { font-family: 'Nunito', sans-serif !important; font-size: 0.82rem !important; font-weight: 600 !important; color: var(--mh-muted) !important; display: inline-flex !important; align-items: center !important; gap: 6px; } .hero__badges span::before, [class*="trust-badge"] span::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mh-rose); flex-shrink: 0; } /* FIN MISHU KOSMETICS CSS */ /* BANNER COLECCION SERUMS */ .mishu-col-banner { width: auto; margin: 20px 8% 0; padding: 0; display: block; overflow: hidden; border-radius: 14px; } .mishu-col-banner__img { width: 100%; height: auto; display: block; max-height: 380px; object-fit: cover; object-position: center center; border-radius: 14px; } .mishu-col-banner--contain .mishu-col-banner__img { object-fit: contain; background: #fce8ec; } /* MEJORAS UI v2 */ .btn-nav{background:transparent;color:var(--wine);border:1px solid var(--rose);border-radius:50px;padding:7px 18px;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s} .btn-nav:hover{background:var(--wine);color:white} .has-dropdown>.nav-link{cursor:default} nav{min-height:90px} .hero-left{justify-content:center} /* MEJORAS HEADER v3 */ .nav-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end} .nav-icon{font-size:20px;text-decoration:none;color:var(--wine);opacity:.85;transition:opacity .2s;line-height:1;display:flex;align-items:center} .nav-icon:hover{opacity:1} .nav-dropdown{min-width:200px;padding:16px 0;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1)} .nav-dropdown li a{font-size:14px;padding:10px 24px;font-weight:500;color:var(--text);transition:background .15s,color .15s} .nav-dropdown li a:hover{background:var(--blush);color:var(--wine-deep)} .nav-links .nav-link{font-size:13px;letter-spacing:.04em} .nav-dropdown li a{font-size:14px!important;color:var(--text)!important} .nav-links .nav-link{font-size:13px!important} /* MOBILE NAV */ .nav-hamburger{display:none;background:none;border:none;font-size:24px;color:var(--wine);cursor:pointer;padding:4px 8px;line-height:1} @media(max-width:768px){ nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 16px;min-height:60px;grid-template-columns:none} .nav-hamburger{display:block;order:0} .nav-logo{order:1;flex:1;display:flex;justify-content:center} .nav-actions{order:2} .nav-links{order:3;width:100%;display:none;flex-direction:column;gap:0;padding:8px 0;border-top:1px solid var(--rose)} nav.nav-open .nav-links{display:flex!important} .nav-links .nav-link{padding:12px 16px;font-size:15px!important;display:block;border-bottom:1px solid var(--blush)} .nav-dropdown{position:static!important;box-shadow:none!important;border-radius:0!important;padding:4px 0;background:var(--blush);width:100%} .has-dropdown .nav-dropdown{display:none} .nav-item.has-dropdown.open .nav-dropdown{display:block} .nav-logo-img{height:35px;width:auto} .nav-icon{font-size:18px} } .mishu-desktop-media { display: block; } .mishu-mobile-media { display: none; } @media screen and (max-width: 749px) { .mishu-desktop-media { display: none; } .mishu-mobile-media { display: block; } } /* ===== PAGINACION: mantener numeros en fila en movil ===== */ @media screen and (max-width: 749px) { .pagination__list { flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; -webkit-overflow-scrolling: touch; } .pagination__list > li { flex: 0 0 auto !important; max-width: none !important; } .pagination__list > li:not(:last-child) { margin-right: 0.4rem !important; } .pagination__item { height: 3.6rem !important; width: 3.6rem !important; font-size: 1.3rem !important; } } /* ===== BADGE ROSA DE OFERTA (%) - GLOBAL ===== */ .mh-badge { position: absolute !important; top: 9px !important; left: 9px !important; width: auto !important; height: auto !important; max-width: none !important; color: #fff !important; font-size: 9.5px !important; font-weight: 800 !important; padding: 4px 8px !important; border-radius: 999px !important; z-index: 2 !important; line-height: 1.4 !important; box-sizing: border-box !important; } .mh-badge--sale { background: #DD7288 !important; } /* ===== BARRA FIJA INFERIOR: precio + anadir al carrito ===== */ .mishu-sticky-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.15); transform: translateY(100%); transition: transform .25s ease; } .mishu-sticky-bar.is-visible { transform: translateY(0); } .mishu-sticky-bar__price { font-family: 'Nunito', sans-serif; font-weight: 700; display: flex; align-items: baseline; gap: 8px; } #mishu-sticky-bar .price__regular .price-item--regular { font-size: 2.2rem !important; } #mishu-sticky-bar .price__sale .price-item--regular { font-size: 1.4rem !important; } #mishu-sticky-bar .price-item--sale { font-size: 2.2rem !important; color: var(--wine) !important; } .mishu-sticky-bar__btn { background: var(--wine); color: #fff; border: none; border-radius: 50px; padding: 16px 32px; font-family: 'Nunito', sans-serif; font-weight: 700; font-size: 1.15rem; white-space: nowrap; flex-shrink: 0; -webkit-tap-highlight-color: transparent; outline: none; } .mh-trust-row { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #eee; } .mh-trust-item { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; } .mh-trust-item svg { width: 20px; height: 20px; stroke: var(--wine); fill: none; stroke-width: 1.7; } .mh-trust-item span { font-size: 10.5px; line-height: 1.25; color: var(--muted); font-weight: 600; font-family: 'Nunito', sans-serif; } /* ========================================================= MISHU – ARREGLOS VERSIÓN ORDENADOR (26-sep-2026) Dawn usa 1rem = 10px; parte de este archivo asumía 1rem = 16px ========================================================= */ body .comunidad-label{font-size:1.2rem} body .comunidad-quote{font-size:1.5rem} body .comunidad-name{font-size:1.4rem} body .comunidad-skin{font-size:1.25rem} body .comunidad-avatar{font-size:1.3rem} body .comunidad-stars{font-size:1.6rem} body .cta-section p{font-size:1.6rem} body .cta-input{font-size:1.5rem} body .btn-cta{font-size:1.4rem} body .mh-badge{font-size:1.1rem} body .mh-pcard-vendor{font-size:1.1rem} body .product-form__submit,body .product-form__submit span,body .mishu-sticky-bar__btn{font-size:1.5rem} body .footer .list-menu__item--link{font-size:1.4rem} @media screen and (min-width:990px){ body .mh-section-head,body .mh-section-head-col,body .mh-section-sub,body .mh-section-link{max-width:1200px;padding-left:20px;padding-right:20px} body .mh-h2{font-size:3.4rem} body .mh-section-sub{font-size:1.5rem} body .mh-section{padding-top:56px} body .mh-fav-track-wrap{max-width:1200px;padding:0 20px} body .mh-fav-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;transform:none!important} body .mh-fav-slide{flex:none;max-width:none;padding:0} body .mh-fav-card,body .mh-fav-buy-row{max-width:none} body .mh-fav-buy-row{flex-direction:column} body .mh-fav-title{font-size:1.8rem;min-height:2.6em} body .mh-fav-nav{display:none} body .mh-skintype-row{justify-content:center;gap:40px;overflow:visible} body .mh-skintype-card{width:170px} body .mh-skintype-img{width:170px;height:170px} body .mh-routine-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 20px 6px} body .mh-scrollx{padding:20px;overflow:visible;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} body .mh-bcard{width:auto} body .mh-bcard-img{height:260px} body .mh-bcard-title{font-size:1.5rem;height:3.9rem} body .mh-price{font-size:1.6rem} body .marcas-kbeauty__header{align-items:stretch;max-width:1200px} body .marcas-kbeauty__grid{width:100%;max-width:none;padding:0;gap:24px} body .marcas-kbeauty__title{font-size:3.4rem} body .marcas-kbeauty__subtitle{font-size:1.5rem} body .marcas-kbeauty__link{font-size:1.4rem} body .comunidad-title{font-size:4.2rem} body .comunidad-cards{max-width:1200px;gap:24px} body .comunidad-card{padding:2.8rem} } /* Pie de página: enlaces legibles */ body footer .list-menu__item--link{font-size:1.5rem!important} /* MisHu – aviso de pocas unidades en ficha de producto */ .mishu-lowpdp{display:inline-flex;margin:8px 0 4px;padding:7px 14px;border:1.5px solid #F2C4CF;border-radius:999px;background:#FDF0F4;font-family:"Nunito",sans-serif;color:#3B2229;font-size:14px} .mishu-lowpdp strong{color:#7A1526} .mishu-lowpdp__row{display:flex;align-items:center;gap:8px} .mishu-lowpdp__dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#D6263F;animation:mishuPulseRed 1.4s infinite} @keyframes mishuPulseRed{0%{box-shadow:0 0 0 0 rgba(214,38,63,.55)}70%{box-shadow:0 0 0 8px rgba(214,38,63,0)}100%{box-shadow:0 0 0 0 rgba(214,38,63,0)}} /* MisHu – menos espacio entre Marcas K-beauty y Nuestras redes */ body .marcas-kbeauty{padding-bottom:24px} body #shopify-section-template--31705276383566__custom_liquid_MJKifP > div > div{padding-top:0} body #shopify-section-template--31705276383566__custom_liquid_MJKifP .marcas-kbeauty__header{padding-top:0} /* MisHu – ocultar widget de G: Volume Discounts (usamos nuestro selector propio) */ .mpb-offer--quantity_break,.mpb-offer--volume_discount{display:none!important} /* FUENTE INTER + MENU EN BURBUJAS (escritorio) */ body, body *:not(svg):not(svg *){font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important} @media (min-width:769px){ #mishu-nav.mishu-nav{flex-wrap:wrap;align-items:center;height:auto !important;min-height:0;padding-top:12px;padding-bottom:0;gap:0 2rem} #mishu-nav .nav-logo{order:1} #mishu-nav .nav-actions{order:2;margin-left:auto} #mishu-nav .nav-links{order:3;flex:0 0 100%;width:100%;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 0 16px;margin:0} #mishu-nav .nav-links > .nav-link-item > .nav-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9d2d3;border-radius:999px;padding:10px 22px;background:#fff;color:#1a1a1a;font-size:13px !important;font-weight:500 !important;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;text-decoration:none;opacity:1;transition:background .2s,color .2s,border-color .2s} #mishu-nav .nav-links > .nav-link-item > .nav-link:hover,#mishu-nav .nav-links > .nav-link-item:hover > .nav-link,#mishu-nav .nav-links > .nav-link-item.is-open > .nav-link{background:var(--wine);border-color:var(--wine);color:#fff;opacity:1} } /* LOGO CENTRADO Y GRANDE + FUENTE FINA (escritorio) */ body, body *:not(svg):not(svg *){font-weight:300 !important} body :is(h1,h2,h3,h4,h5,h6,strong,b,th,.mh-h2):not(svg):not(svg *){font-weight:500 !important} body :is(.price,.price *,.price-item,.money,[class*="price"]):not(svg):not(svg *){font-weight:500 !important} body :is(button,.btn,.button,[class*="btn"],[class*="button"]):not(svg):not(svg *){font-weight:400 !important} #mishu-nav .nav-links > .nav-link-item > .nav-link{font-weight:300 !important} @media (min-width:769px){ #mishu-nav.mishu-nav{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;gap:0 2rem;padding-top:14px} #mishu-nav .nav-logo{order:initial;grid-column:2;grid-row:1;justify-self:center} #mishu-nav .nav-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0} #mishu-nav .nav-links{grid-column:1 / -1;grid-row:2} #mishu-nav .nav-logo-img{width:300px !important;max-width:none;height:auto} } /* BARRA DE ANUNCIOS: MAYUSCULAS, INTER FINA, HUELLAS ROSAS */ .announcement-bar__message{text-transform:uppercase;letter-spacing:.1em;font-size:9px !important} .announcement-bar__message span{display:inline-flex;align-items:center;gap:10px} [id$="__announcement-bar-1"] .announcement-bar__message span::before,[id$="__announcement-bar-3"] .announcement-bar__message span::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23fd8fa8'%3E%3Cellipse cx='19' cy='46' rx='10' ry='15' transform='rotate(-22 19 46)'/%3E%3Cellipse cx='38' cy='24' rx='11' ry='17' transform='rotate(-10 38 24)'/%3E%3Cellipse cx='63' cy='24' rx='11' ry='17' transform='rotate(10 63 24)'/%3E%3Cellipse cx='82' cy='46' rx='10' ry='15' transform='rotate(22 82 46)'/%3E%3Cpath d='M50 50C38 50 21 66 21 79C21 90 33 93 42 89C47 87 53 87 58 89C67 93 80 90 80 79C80 66 62 50 50 50Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .announcement-bar p.announcement-bar__message{font-size:9px !important} @media (min-width:769px){.announcement-bar__message,.announcement-bar p.announcement-bar__message{font-size:11px !important}} @media (min-width:769px){#mishu-nav .nav-actions{grid-column:1 / -1;grid-row:1;justify-self:stretch;margin-left:0;justify-content:flex-start;pointer-events:none}#mishu-nav .nav-actions > *{pointer-events:auto}#mishu-nav .nav-actions > .nav-icon--account{margin-left:auto}} #mishu-nav .nav-hamburger,#mishu-nav .header__search summary,#mishu-nav .header__search .icon,#mishu-nav .nav-icon:not(:hover){color:#1a1a1a} #mishu-nav .header__icon,#mishu-nav .header__icon svg{color:#1a1a1a !important} @media (min-width:769px){#mishu-nav .header__search .search-modal{min-height:0 !important;height:100px !important}#mishu-nav .header__search .search-modal__content{height:100px !important;min-height:0 !important}} @media (max-width:768px){ #mishu-nav .nav-links .nav-link,#mishu-nav .nav-links .nav-link *:not(svg):not(svg *),#mishu-nav .nav-links .nav-dropdown-link{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:13px !important;font-weight:300 !important;letter-spacing:.03em !important;text-transform:uppercase !important;color:#1a1a1a !important} #mishu-nav .nav-links .nav-dropdown-link{text-transform:lowercase !important} #mishu-nav .nav-links .nav-dropdown-link::first-letter{text-transform:uppercase !important} } #mishu-nav ul.nav-links li.nav-link-item .nav-link, #mishu-nav ul.nav-links li.nav-link-item .nav-link *:not(svg):not(svg *), #mishu-nav ul.nav-links li.nav-link-item .nav-dropdown-link{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-size:13px !important;font-weight:400 !important;letter-spacing:.03em !important} #mishu-nav ul.nav-links li.nav-link-item .nav-link, #mishu-nav ul.nav-links li.nav-link-item .nav-link *:not(svg):not(svg *){text-transform:uppercase !important} #mishu-nav ul.nav-links li.nav-link-item .nav-dropdown-link{text-transform:lowercase !important;color:#1a1a1a !important} #mishu-nav ul.nav-links li.nav-link-item .nav-dropdown-link::first-letter{text-transform:uppercase !important} @media (max-width:768px){ #mishu-nav ul.nav-links li.nav-link-item .nav-link, #mishu-nav ul.nav-links li.nav-link-item .nav-link *:not(svg):not(svg *){color:#1a1a1a !important} }#mishu-nav ul.nav-dropdown:has(> li > a[href="/pages/marcas"]) > li:nth-child(n+6):not(:last-child){display:none !important} #mishu-nav ul.nav-links li.nav-link-item ul.nav-dropdown a.nav-dropdown-link[href="/pages/marcas"]{display:flex !important;align-items:center;gap:8px;margin-top:6px;border-top:1px solid rgba(125,37,53,.18);padding-top:14px;font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#7d2535 !important} #mishu-nav ul.nav-links li.nav-link-item ul.nav-dropdown a.nav-dropdown-link[href="/pages/marcas"]::first-letter{text-transform:uppercase !important} #mishu-nav ul.nav-links li.nav-link-item ul.nav-dropdown a.nav-dropdown-link[href="/pages/marcas"]::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s} #mishu-nav ul.nav-links li.nav-link-item ul.nav-dropdown a.nav-dropdown-link[href="/pages/marcas"]:hover::after{transform:translateX(4px)} body .mh-fav-head h2.mh-h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:700 !important;font-size:clamp(34px,4.8vw,54px) !important;letter-spacing:-.04em !important;color:#111 !important;line-height:1.1 !important;white-space:nowrap} body .mh-fav-head h2.mh-h2::after{content:"";display:inline-block;width:.8em;height:.67em;margin-left:.28em;vertical-align:-.02em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 104'%3E%3Cg fill='none' stroke='%237e041c' stroke-width='3.2' stroke-linejoin='round'%3E%3Cellipse cx='42' cy='22' rx='15.5' ry='20' transform='rotate(-14 42 22)'/%3E%3Cellipse cx='81' cy='22' rx='15.5' ry='20' transform='rotate(14 81 22)'/%3E%3Cellipse cx='16' cy='49' rx='11' ry='17' transform='rotate(-32 16 49)'/%3E%3Cellipse cx='107' cy='49' rx='11' ry='17' transform='rotate(32 107 49)'/%3E%3Cpath d='M62 45C50 45 43 55 33 66C23 77 21 88 29 94C36 100 47 98 56 95C60 93.5 64 93.5 68 95C77 98 88 100 95 94C103 88 101 77 91 66C81 55 74 45 62 45Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} body .mh-wrap.mh-favoritos{padding-top:28px !important} @media (max-width:768px){body .mh-wrap.mh-favoritos{padding-top:20px !important}} @media screen and (min-width:990px){body .mh-favoritos .mh-fav-track-wrap{margin-top:32px !important}body .mh-wrap.mh-favoritos{padding-bottom:28px !important}} body .mh-fav-head h2.mh-h2{font-family:Almarai,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:700 !important;letter-spacing:-.055em !important;line-height:1 !important} body .mh-fav-nav .mh-fav-arrow{background:#fff !important;border:1px solid #d9d2d3 !important;color:#7d2535 !important;transition:background .2s,color .2s,border-color .2s} body .mh-fav-nav .mh-fav-arrow:hover{background:#7d2535 !important;border-color:#7d2535 !important;color:#fff !important} @media (max-width:749px){body .mh-wrap.mh-favoritos{position:relative !important;padding-bottom:22px !important}body .mh-favoritos .mh-fav-nav{position:absolute !important;left:0;right:0;top:calc(72px + (100vw - 40px) * .488) !important;margin:0 !important;transform:translateY(-50%);justify-content:space-between !important;padding:0 8px;pointer-events:none;z-index:3}body .mh-favoritos .mh-fav-nav .mh-fav-arrow{pointer-events:auto}} body .mh-fav-nav .mh-fav-arrow{box-shadow:0 3px 12px rgba(0,0,0,.12)} body .mh-fav-nav .mh-fav-arrow:hover{box-shadow:0 3px 12px rgba(125,37,53,.35)} @media (min-width:1300px){body .mh-wrap.mh-favoritos{overflow:visible !important}body .mh-favoritos .mh-fav-nav .mh-fav-prev{margin-left:-44px}body .mh-favoritos .mh-fav-nav .mh-fav-next{margin-right:-44px}} html body [id$="custom_liquid_MJKifP"] h2.marcas-kbeauty__title{text-transform:lowercase} html body [id$="custom_liquid_MJKifP"] h2.marcas-kbeauty__title::after{display:none !important} html body [id$="178957507749187a2b"] .page-width{max-width:none !important;padding-left:12px !important;padding-right:12px !important;padding-bottom:44px !important} html body [id$="178957507749187a2b"] .shopify-block{max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important} @media (min-width:1650px){html body [id$="178957507749187a2b"] #insta-feed{zoom:1.5}} @media (min-width:1500px) and (max-width:1649px){html body [id$="178957507749187a2b"] #insta-feed{zoom:1.38}} @media (min-width:1380px) and (max-width:1499px){html body [id$="178957507749187a2b"] #insta-feed{zoom:1.28}} @media (min-width:1250px) and (max-width:1379px){html body [id$="178957507749187a2b"] #insta-feed{zoom:1.15}} @media (max-width:749px){html body [id$="178957507749187a2b"] .page-width{padding-left:8px !important;padding-right:8px !important;padding-bottom:32px !important}} html body [id$="mishu_redesign_bottom_sec"]{display:none !important} html body .mh-wrap .mh-routine-banners{padding-top:44px !important;padding-bottom:84px !important} @media (max-width:749px){html body .mh-wrap .mh-routine-banners{padding-top:30px !important;padding-bottom:64px !important}} html body .cta-section{padding-top:30px !important;padding-bottom:30px !important} html body .cta-section h2{margin-bottom:6px !important;line-height:1.05 !important} html body .cta-section p{margin-bottom:14px !important} html body .cta-section h2,html body .cta-section h2 em{font-style:normal !important} html body .cta-section h2{font-size:34px !important} html body .cta-input{min-width:0 !important} @media (max-width:749px){html body .cta-section h2{font-size:28px !important}html body .btn-cta{max-width:150px;line-height:1.25}} html body footer.footer{padding-top:22px !important;padding-bottom:16px !important} html body footer.footer .footer__blocks-wrapper{display:block !important;margin:0 !important} html body footer.footer .footer__blocks-wrapper .footer-block:not(.footer-block--menu){display:none !important} html body footer.footer .footer-block--menu{width:100% !important;max-width:none !important;text-align:center;opacity:1 !important;transform:none !important} html body footer.footer .footer-block--menu .footer-block__heading{display:none !important} html body footer.footer .footer-block--menu .footer-block__details-content{display:flex !important;flex-wrap:wrap;justify-content:center;gap:.4rem 2.4rem;margin:0 0 2rem;padding:0} html body footer.footer .footer-block--menu .list-menu__item{color:#fff !important;font-size:1.4rem;padding:.4rem 0 !important;text-decoration:none} html body footer.footer .footer-block--menu .list-menu__item:hover{text-decoration:underline} html body footer.footer .footer-block__newsletter{display:none !important} html body footer.footer .footer__content-top{padding-bottom:12px !important} html body footer.footer .footer-block--newsletter{margin:0 !important;justify-content:center !important} html body footer.footer .footer__follow-on-shop{margin:0 !important} html body footer.footer .footer__content-bottom{padding-top:18px !important} html body .cta-section{position:relative !important;overflow:hidden !important} html body .cta-section::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 250' width='900' height='250'%3E%3Cdefs%3E%3Cg id='p' fill='none' stroke='%23ffb3c4' stroke-width='3.4' stroke-linejoin='round'%3E%3Cellipse cx='22' cy='42' rx='9' ry='12' transform='rotate(-25 22 42)'/%3E%3Cellipse cx='40' cy='24' rx='9.5' ry='13' transform='rotate(-8 40 24)'/%3E%3Cellipse cx='62' cy='24' rx='9.5' ry='13' transform='rotate(8 62 24)'/%3E%3Cellipse cx='80' cy='42' rx='9' ry='12' transform='rotate(25 80 42)'/%3E%3Cpath d='M50 46C60 46 68 56 74 64C80 72 90 76 90 86C90 94 82 98 74 96C66 94 58 90 50 90C42 90 34 94 26 96C18 98 10 94 10 86C10 76 20 72 26 64C32 56 40 46 50 46Z'/%3E%3C/g%3E%3C/defs%3E%3Cg opacity='.2'%3E%3Cuse href='%23p' transform='translate(30 28) rotate(-18) scale(.4)'/%3E%3Cuse href='%23p' transform='translate(120 150) rotate(14) scale(.46)'/%3E%3Cuse href='%23p' transform='translate(215 40) rotate(24) scale(.34)'/%3E%3Cuse href='%23p' transform='translate(300 175) rotate(-12) scale(.4)'/%3E%3Cuse href='%23p' transform='translate(400 25) rotate(8) scale(.3)'/%3E%3Cuse href='%23p' transform='translate(470 140) rotate(28) scale(.44)'/%3E%3Cuse href='%23p' transform='translate(560 45) rotate(-24) scale(.36)'/%3E%3Cuse href='%23p' transform='translate(650 185) rotate(10) scale(.32)'/%3E%3Cuse href='%23p' transform='translate(730 70) rotate(-8) scale(.42)'/%3E%3Cuse href='%23p' transform='translate(820 160) rotate(20) scale(.36)'/%3E%3Cuse href='%23p' transform='translate(850 15) rotate(-30) scale(.28)'/%3E%3C/g%3E%3C/svg%3E") 0 0/900px 250px repeat;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 22%,transparent 30%,transparent 70%,#000 78%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 22%,transparent 30%,transparent 70%,#000 78%,#000 100%)} @media (max-width:749px){html body .cta-section::before{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 6%,transparent 18%,transparent 82%,#000 94%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 6%,transparent 18%,transparent 82%,#000 94%,#000 100%)}} html body .cta-section>*{position:relative;z-index:1} html body .marcas-kbeauty__header h2.marcas-kbeauty__title::after{width:.98em;height:1.22em;margin-left:.04em;vertical-align:-.22em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff4d2e'/%3E%3Cstop offset='1' stop-color='%23ff9d1c'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe66d'/%3E%3Cstop offset='1' stop-color='%23ffb21e'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='-30%25' y='-30%25' width='160%25' height='160%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='3' flood-color='%23000' flood-opacity='.28'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(10 9)'%3E%3Cpath d='M50 8C54 32 82 46 82 82C82 108 66 124 50 124C32 124 18 108 18 86C18 68 28 56 36 46C38 58 42 64 48 66C46 46 44 26 50 8Z' fill='%23fff' stroke='%23fff' stroke-width='13' stroke-linejoin='round' filter='url(%23s)'/%3E%3Cpath d='M50 8C54 32 82 46 82 82C82 108 66 124 50 124C32 124 18 108 18 86C18 68 28 56 36 46C38 58 42 64 48 66C46 46 44 26 50 8Z' fill='url(%23a)'/%3E%3Cpath d='M52 117C43 117 37 108 39 99C41 91 46 85 50 78C58 89 66 97 62 108C60 114 56 117 52 117Z' fill='url(%23b)'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} @media (min-width:750px){html body .mh-wrap .mh-routine-banner img{aspect-ratio:2.4/1 !important;height:auto !important;width:100% !important;object-fit:cover;object-position:center}} @media(min-width:990px){html body #mishu-nav ul.nav-links li.nav-link-item .nav-link,html body #mishu-nav ul.nav-links li.nav-link-item .nav-link :not(svg):not(svg *){font-size:15px !important}html body #mishu-nav ul.nav-links li.nav-link-item .nav-link{padding:12px 26px !important}html body .utility-bar p.announcement-bar__message,html body .utility-bar p.announcement-bar__message span{font-size:13.5px !important}} @media(max-width:989px){html body .utility-bar p.announcement-bar__message{display:flex !important;align-items:center !important;padding-top:0 !important;padding-bottom:0 !important;font-size:14px !important}html body .utility-bar p.announcement-bar__message span{font-size:14px !important;line-height:1.2 !important}} html body .utility-bar,html body .utility-bar *{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important} html body .mh-fav-img{background:#f3f1f0 !important;isolation:isolate}html body .mh-fav-img img{mix-blend-mode:multiply !important} html body .card > .card__content > .card__information{display:flex !important;flex-direction:column !important}html body .card > .card__content > .card__information > .card-information{display:contents !important}html body .mh-card-vendor{order:-1 !important;display:block !important;font-size:11px !important;line-height:1.3 !important;color:#9b9496 !important;font-weight:400 !important;letter-spacing:.01em !important;margin:0 0 3px !important;text-transform:none !important}html body .mh-fav-vendor{display:block !important;margin:0 0 3px !important;font-size:12px !important;line-height:1.3 !important;color:#9b9496 !important;font-weight:400 !important;text-align:center} @media(min-width:1400px){html body .mh-wrap.mh-favoritos{max-width:none !important;width:auto !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}html body .mh-favoritos .mh-fav-track-wrap{width:calc(100% - 96px) !important;max-width:1548px !important;margin-left:auto !important;margin-right:auto !important}html body .mh-favoritos .mh-fav-track{width:25% !important}html body .mh-favoritos .mh-fav-slide{padding:0 10px !important}html body .mh-favoritos .mh-fav-nav{width:min(calc(100% - 8px),1644px) !important}html body .mh-favoritos .mh-fav-prev{margin-left:0 !important}html body .mh-favoritos .mh-fav-next{margin-right:0 !important}} html body .shopify-section-group-header-group[id$=__announcement-bar]{position:relative !important;z-index:1 !important} html body .nav-link-item.has-dropdown{position:relative}html body .nav-link-item.has-dropdown::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:28px} html body #mishu-nav .nav-link-item:has(> a[href*=favoritos]){display:none !important} html body #mishu-nav .nav-link-item > a.nav-link[href*=ofertas]{color:#E8A4B8 !important} body .marcas-kbeauty__header{display:flex;flex-direction:column;align-items:center} body .marcas-kbeauty__header-left{display:contents} html body h2.marcas-kbeauty__title{order:1;margin:0 0 4px;text-align:center;font-family:Almarai,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:700 !important;font-size:clamp(34px,4.8vw,54px) !important;letter-spacing:-.055em !important;line-height:1 !important} html body h2.marcas-kbeauty__title::after{content:"";display:inline-block;width:.66em;height:.86em;margin-left:.22em;vertical-align:-.06em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Cg fill='none' stroke='%237e041c' stroke-width='5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M50 8C54 32 82 46 82 82C82 108 66 124 50 124C32 124 18 108 18 86C18 68 28 56 36 46C38 58 42 64 48 66C46 46 44 26 50 8Z'/%3E%3Cpath d='M52 117C43 117 37 108 39 99C41 91 46 85 50 78C58 89 66 97 62 108C60 114 56 117 52 117Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} body .marcas-kbeauty__subtitle{order:2;margin:0 auto 26px !important;max-width:800px !important;text-align:center !important;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:300 !important;font-size:18px !important;letter-spacing:.6px !important;line-height:1.6 !important;color:#1a1a1a !important} body .marcas-kbeauty__grid{order:3;align-self:stretch;width:100%} body .marcas-kbeauty__link{order:4;margin-top:34px;display:inline-flex;align-items:center;padding:12px 28px;background:#fff;border:1px solid #d9d2d3;border-radius:999px;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:400 !important;font-size:12px !important;letter-spacing:.03em !important;text-transform:uppercase !important;color:#1a1a1a !important;text-decoration:none !important;transition:background .2s,color .2s,border-color .2s} body .marcas-kbeauty__link:hover{background:#7d2535;border-color:#7d2535;color:#fff !important} body .marcas-kbeauty__header{max-width:none !important;margin:0 !important;padding:0 12px !important} body .marcas-kbeauty__grid{max-width:none !important;margin:0 !important;padding:0 !important} @media (max-width:749px){body .marcas-kbeauty__subtitle{font-size:15px !important;margin-bottom:18px !important}body .marcas-kbeauty__link{margin-top:22px}body .marcas-kbeauty__header{padding:0 8px !important}} @media(min-width:750px){html body .mhtt{grid-template-columns:1fr 1fr;height:600px}html body .mhtt-img{grid-template-rows:1fr 1fr;align-content:stretch}html body .mhtt-p{aspect-ratio:auto}html body .mhtt-p:nth-child(1) img{object-position:50% 42%}html body .mhtt-p:nth-child(2) img{object-position:50% 36%}html body .mhtt-p:nth-child(3) img{object-position:50% 70%}html body .mhtt-p:nth-child(4) img{object-position:50% 62%}} html body h1.collection-hero__title{font-family:Almarai,Helvetica,Arial,sans-serif !important;font-weight:700 !important;font-size:64px !important;letter-spacing:-.055em !important;line-height:1 !important;color:#111 !important;text-transform:lowercase !important}@media(max-width:749px){html body h1.collection-hero__title{font-size:42px !important}}@media(min-width:990px){html body #MainContent .collection.page-width,html body #MainContent .facets-wrapper.page-width,html body #MainContent .collection-hero__inner.page-width{max-width:1480px !important;padding-left:40px !important;padding-right:40px !important}html body #product-grid{--grid-desktop-horizontal-spacing:20px;--grid-desktop-vertical-spacing:26px}} html body .mh-card-vendor{font-size:12px !important;line-height:1.3 !important;letter-spacing:.6px !important;color:#9b9496 !important;font-weight:400 !important;margin-bottom:3px !important}html body .card-wrapper .card__heading,html body .card-wrapper .card__heading a{font-size:15px !important;line-height:1.5 !important;font-weight:300 !important;letter-spacing:.6px !important;color:#2a0d15 !important}html body .card-wrapper .price .price-item--sale{font-size:15px !important;line-height:1.8 !important;font-weight:500 !important}html body .card-wrapper .price .price-item--regular{font-size:12px !important;line-height:1.8 !important}html body .card-wrapper .price:not(.price--on-sale) .price-item--regular{font-size:15px !important;font-weight:500 !important;color:#000 !important}html body .card-wrapper .quick-add__submit{font-size:13px !important;letter-spacing:.26px !important;font-weight:400 !important;padding:10px 18px !important;border-radius:999px !important;background:#7c2a3b !important;width:auto !important;min-height:0 !important;min-width:0 !important}html body .card-wrapper .quick-add__submit span{font-size:13px !important;line-height:1.2 !important;letter-spacing:.26px !important}html body .card-wrapper .quick-add{display:flex !important;justify-content:center !important} @media(max-width:749px){html body #product-grid{--grid-mobile-horizontal-spacing:14px !important;--grid-mobile-vertical-spacing:32px !important;column-gap:14px !important;row-gap:32px !important}html body #product-grid .card-wrapper{padding-bottom:6px}} html body .mishu-col-banner:has(>img:is([alt=Serums],[alt=Tonicos],[alt=Hidratantes],[alt=Limpiadores],[alt^=Protectores],[alt^=Contorno],[alt=Mascarillas],[alt=Esencias],[alt=Exfoliantes])){display:none !important} html body .card-wrapper{background:transparent !important;box-shadow:none !important}html body .card-wrapper .card,html body .card-wrapper .card__content{background:transparent !important}html body .card-wrapper .card__inner{background:#f3f1f0 !important;border-radius:20px !important;overflow:hidden !important}html body .card-wrapper .card__inner.ratio::before{padding-bottom:100% !important}html body .card-wrapper .card__media .media{background:#f3f1f0 !important}html body .card-wrapper .card__media img{object-fit:cover !important;mix-blend-mode:multiply !important}html body .card-wrapper .quick-add{padding:0 14px !important;display:block !important}html body .card-wrapper .quick-add product-form,html body .card-wrapper .quick-add form{display:block !important;width:100% !important}html body .card-wrapper .quick-add__submit{width:100% !important;display:block !important}html body .card-wrapper .card__heading,html body .card-wrapper .card__heading a{font-weight:600 !important;color:#111 !important} html body .mh-fav-add,html body .mhn-add{width:calc(100% - 28px) !important;max-width:none !important;align-self:center !important;display:block !important;box-sizing:border-box !important}html body .mh-fav-title,html body .mhn-name{font-weight:600 !important;color:#111 !important} html body .mh-fav-price,html body .mhn-price{font-size:19px !important;line-height:1.3 !important;color:#111 !important}html body .mh-fav-price *,html body .mhn-price *{font-size:inherit !important} html body .utility-bar .mskm-item p.announcement-bar__message,html body .utility-bar .mskm-item p.announcement-bar__message span{font-size:11.5px !important;line-height:1.2 !important}html body .mskm-track{animation-duration:30s !important} html body .utility-bar .mskm-item p.announcement-bar__message,html body .utility-bar .mskm-item p.announcement-bar__message span{font-size:10.5px !important}html body [id$=__announcement-bar] .utility-bar,html body [id$=__announcement-bar] .mskm,html body [id$=__announcement-bar] .mskm-track,html body [id$=__announcement-bar] .mskm-item{height:28px !important;min-height:0 !important}html body [id$=__announcement-bar] .mskm-item *{margin-top:0 !important;margin-bottom:0 !important;line-height:28px !important}html body .mh-topbar{background:#000;color:#fff;height:39px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:center} @media(min-width:769px){html body .mishu-nav .nav-link-item:has(> a[href$=contact]){display:none !important}html body .mishu-nav .nav-link:not(:hover){border-color:transparent !important}html body .mishu-nav .nav-link{border-radius:0 !important}} html body .mishu-nav a.nav-icon.btn-nav{border-color:transparent !important;border-radius:0 !important}html body .mishu-nav a.nav-icon.btn-nav:hover{color:#fff !important;opacity:1 !important}html body nav.mishu-nav.mishu-nav,html body:has(.mh-hero) nav.mishu-nav.mishu-nav{border-bottom:1.5px solid #e6e6e6 !important}@media(max-width:768px){html body .mishu-nav .nav-links{border-top-color:#b5b5b5 !important}html body .mishu-nav .nav-links .nav-link,html body .mishu-nav .nav-links .nav-link-item{border-bottom-color:#b5b5b5 !important}} @media(min-width:769px){html body .mishu-nav a.nav-icon--account{box-sizing:content-box;padding:8px !important;margin:-8px 0 -8px -8px;border-radius:0;transition:background .2s,color .2s}html body .mishu-nav a.nav-icon--account:hover{background:var(--wine);color:#fff !important;opacity:1 !important}} html body .shopify-section:has(> nav.mishu-nav){position:sticky;top:0;z-index:100}@media(min-width:769px){html body #mishu-nav .nav-logo-img{width:200px !important;height:auto !important}html body nav.mishu-nav .nav-links{margin-top:0 !important;padding-top:0 !important;padding-bottom:12px !important}} @media(min-width:750px){[id$=mishu_favoritos_sec]{margin-top:32px;margin-bottom:56px}html body .shopify-section .mhb{margin-top:84px !important}[id$=mishu_top_tendencias_sec]{margin-top:64px}[id$=mishu_concerns_sec]{margin-top:-54px}[id$=custom_liquid_MJKifP]{margin-top:-6px}[id$=mishu_lovers_EB3GFx]{margin-top:18px}}@media(max-width:749px){[id$=mishu_favoritos_sec]{margin-top:14px;margin-bottom:36px}html body .shopify-section .mhb{margin-top:58px !important}[id$=mishu_top_tendencias_sec]{margin-top:44px}[id$=mishu_concerns_sec]{margin-top:-38px}[id$=custom_liquid_MJKifP]{margin-top:-12px}[id$=mishu_lovers_EB3GFx]{margin-top:12px}html body .mh-favoritos .mh-fav-card{flex:0 0 64% !important;width:64% !important;max-width:64% !important;margin:0 auto !important}html body .mh-favoritos .mh-fav-buy-row{width:64% !important;max-width:64% !important;margin:8px auto 0 !important}}@media(min-width:990px){html body .mh-favoritos .mh-fav-track-wrap{max-width:1160px !important}} html body .mh-favoritos .mh-fav-vendor,html body [id$=mishu_nuevos_sec] .mhn-card .mhn-vendor,html body .card-wrapper .mh-card-vendor{font-family:Arial,Helvetica,sans-serif !important;font-weight:700 !important;text-align:left !important}html body .mh-favoritos .mh-fav-title,html body [id$=mishu_nuevos_sec] .mhn-card .mhn-name,html body .card-wrapper .card-information .card__heading,html body .card-wrapper .card-information .card__heading a{font-family:Arial,Helvetica,sans-serif !important;font-size:16px !important;font-weight:400 !important;text-align:left !important}html body .mh-favoritos .mh-fav-info,html body [id$=mishu_nuevos_sec] .mhn-info{text-align:left !important}html body .mh-favoritos .mh-fav-price,html body .mh-favoritos .mh-fav-price span,html body [id$=mishu_nuevos_sec] .mhn-buy .mhn-price,html body .card-wrapper .price .price-item{font-family:Arial,Helvetica,sans-serif !important;font-size:16px !important;font-weight:700 !important}html body .mh-favoritos .mh-fav-price,html body [id$=mishu_nuevos_sec] .mhn-buy .mhn-price{text-align:left !important;margin:0 !important;width:100% !important;padding:0 0 0 6px !important;box-sizing:border-box !important}html body .mh-favoritos .mh-fav-price .mh-fav-price-sale,html body .card-wrapper .price .price__sale .price-item--sale,html body [id$=mishu_nuevos_sec] .mhn-buy .mhn-price:has(s){color:#ff1f1f !important}html body .mh-favoritos .mh-fav-price .mh-fav-price-compare,html body [id$=mishu_nuevos_sec] .mhn-buy .mhn-price s,html body .card-wrapper .price--on-sale .price__sale .price-item--regular{color:#555 !important;font-weight:400 !important;font-size:14px !important;text-decoration:line-through !important} html body .card-wrapper .card__information .card__heading,html body .card-wrapper .card__information .card__heading a{font-family:Arial,Helvetica,sans-serif !important;font-size:16px !important;font-weight:400 !important;text-align:left !important} html body .mh-favoritos .mh-fav-price .mh-fav-price-sale,html body .card-wrapper .price .price__sale .price-item--sale,html body [id$=mishu_nuevos_sec] .mhn-buy .mhn-price:has(s){color:#d32f2f !important}html body .card-wrapper .badge--bottom-left.color-scheme-4{display:none !important} html body .mishu-nav a.nav-icon.btn-nav .cart-count{background:#111 !important;color:#fff !important;width:17px !important;height:17px !important;min-width:17px !important;font-size:10px !important;font-weight:700 !important;line-height:17px !important;top:-7px !important;right:-9px !important;border-radius:50% !important;display:flex !important;align-items:center;justify-content:center;padding:0 !important} html body .card-wrapper{position:relative;container-type:inline-size}html body .card-wrapper .quick-add{position:absolute !important;right:12px;left:auto;top:calc(100cqw - 48px);margin:0 !important;padding:0 !important;width:auto !important;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;z-index:3}html body .card-wrapper:hover .quick-add,html body .card-wrapper .quick-add:focus-within{opacity:1;transform:none}html body .card-wrapper .quick-add:has(.quick-add__submit[disabled]){display:none !important}html body .card-wrapper .quick-add .quick-add__submit{width:36px !important;min-width:36px !important;height:36px !important;min-height:0 !important;padding:0 !important;border-radius:50% !important;background-color:#fff !important;color:#222 !important;border:1px solid #e3e3e3 !important;box-shadow:0 2px 8px rgba(0,0,0,.12) !important;font-size:0 !important;line-height:0 !important;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#222,#222),linear-gradient(#222,#222) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:14px 1.5px,1.5px 14px !important}html body .card-wrapper .quick-add .quick-add__submit::before,html body .card-wrapper .quick-add .quick-add__submit::after{display:none !important}html body .card-wrapper .quick-add .quick-add__submit span{display:none}html body .card-wrapper .quick-add .quick-add__submit:hover{background-color:#7d2535 !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important}@media(hover:none),(max-width:749px){html body .card-wrapper .quick-add{opacity:1;transform:none}} html body .mh-fav-slide,html body .mhn-slide{position:relative;container-type:inline-size}html body .mh-fav-slide .mh-fav-add,html body .mhn-slide .mhn-add{position:absolute !important;right:22px;left:auto;top:calc(100cqw - 48px);width:36px !important;min-width:36px !important;height:36px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;background-color:#fff !important;color:#222 !important;border:1px solid #e3e3e3 !important;box-shadow:0 2px 8px rgba(0,0,0,.12) !important;font-size:0 !important;line-height:0 !important;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;z-index:3;background-image:linear-gradient(#222,#222),linear-gradient(#222,#222) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:14px 1.5px,1.5px 14px !important}html body .mh-fav-slide:hover .mh-fav-add,html body .mhn-slide:hover .mhn-add{opacity:1;transform:none}html body .mh-fav-slide .mh-fav-add:hover,html body .mhn-slide .mhn-add:hover{background-color:#7d2535 !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important}html body .mh-fav-slide .mh-fav-add:disabled,html body .mhn-slide .mhn-add:disabled{display:none !important}html body .mh-fav-slide .mh-fav-add.is-added,html body .mhn-slide .mhn-add.is-added{opacity:1;transform:none;background-color:#4a7c59 !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important}@media(max-width:749px){html body .mh-fav-slide .mh-fav-add{right:calc(18cqw + 22px);top:calc(64cqw - 48px);opacity:1;transform:none}html body .mhn-slide .mhn-add{right:17px;opacity:1;transform:none}} html body .card-wrapper .price:not(.price--on-sale) .price-item--regular,html body .card-wrapper .price:not(.price--on-sale) .price-item{font-family:Arial,Helvetica,sans-serif !important;font-size:16px !important;font-weight:700 !important;letter-spacing:.6px !important;color:#111 !important} @media(min-width:990px){html body [id$=mishu_nuevos_sec] .mhn-viewport{max-width:1160px !important;margin-left:auto !important;margin-right:auto !important}} html body .shopify-section .mhb{padding:52px 0 !important}html body .shopify-section .mhb .mhb-cell .mhb-logo{height:calc(var(--h) * 1.18px) !important}html body .mhb-cell .mhw{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;position:relative;color:#1a1a1a;white-space:nowrap}html body .mhb-cell .mhw *{font-family:inherit !important;font-weight:inherit !important}html body .mhb-cell .mhw.boj2 svg{height:92px;width:auto;display:block}html body .mhb-cell .mhw.boj2 small{font-family:'Cormorant Garamond',serif !important;font-weight:600 !important;font-size:12px;letter-spacing:.14em;margin-top:6px;text-transform:uppercase;color:#333}html body .mhb-cell svg.mhw-drs{height:50px;width:auto;display:block}html body .mhb-cell .mhw.haru{font-family:Poppins,sans-serif !important;font-weight:300 !important;font-size:26px;letter-spacing:.02em;align-items:flex-start;line-height:1.02}html body .mhb-cell .mhw.haru sup{font-size:9px;vertical-align:top;position:relative;top:-4px;margin-left:1px}html body .mhb-cell .mhw.pur{font-family:'Cormorant Garamond',serif !important;font-weight:600 !important;font-size:43px;color:#1a1a1a}html body .mhb-cell .mhw.pur small{font-family:Jost,sans-serif !important;font-weight:400 !important;font-size:10px;letter-spacing:.34em;margin-top:3px;padding-left:.34em}@media(max-width:749px){html body .shopify-section .mhb{padding:34px 0 !important}html body .shopify-section .mhb .mhb-cell .mhb-logo{height:calc(var(--h) * .82px) !important}html body .mhb-cell .mhw.boj2 svg{height:62px}html body .mhb-cell .mhw.boj2 small{font-size:9px}html body .mhb-cell svg.mhw-drs{height:34px}html body .mhb-cell .mhw.haru{font-size:18px}html body .mhb-cell .mhw.pur{font-size:30px}html body .mhb-cell .mhw.pur small{font-size:7px}} html body .mh-favoritos .mh-fav-img{background:#fff !important} @media(max-width:749px){html body .shopify-section .mhb .mhb-cell{padding:6px 2px !important}html body .shopify-section .mhb .mhb-cell .mhb-logo{height:auto !important;max-width:none !important}html body .shopify-section .mhb .mhb-cell[aria-label="Anua"] .mhb-logo{width:76px !important}html body .shopify-section .mhb .mhb-cell[aria-label="Celimax"] .mhb-logo{width:82px !important}html body .shopify-section .mhb .mhb-cell[aria-label="COSRX"] .mhb-logo{width:84px !important}html body .shopify-section .mhb .mhb-cell[aria-label="Medicube"] .mhb-logo{width:86px !important}html body .shopify-section .mhb .mhb-cell[aria-label="MIXSOON"] .mhb-logo{width:82px !important}html body .shopify-section .mhb .mhb-cell[aria-label="Round Lab"] .mhb-logo{width:90px !important}html body .shopify-section .mhb .mhb-cell[aria-label="SKIN1004"] .mhb-logo{width:90px !important}html body .mhb-cell .mhw.boj2 svg{height:54px}html body .mhb-cell .mhw.boj2 small{font-size:7px;letter-spacing:.08em}html body .mhb-cell svg.mhw-drs{height:27px}html body .mhb-cell .mhw.haru{font-size:16px}html body .mhb-cell .mhw.pur{font-size:28px}} @media(max-width:749px){html body .shopify-section .mhb .mhb-cell[aria-label="Round Lab"],html body .shopify-section .mhb .mhb-cell[aria-label="SKIN1004"]{flex:0 0 100% !important}html body .shopify-section .mhb .mhb-cell[aria-label="Round Lab"] .mhb-logo{width:210px !important}html body .shopify-section .mhb .mhb-cell[aria-label="SKIN1004"] .mhb-logo{width:236px !important}} @media(max-width:749px){html body .shopify-section .mhb .mhb-cell[aria-label="Round Lab"],html body .shopify-section .mhb .mhb-cell[aria-label="SKIN1004"]{flex:0 0 50% !important}html body .shopify-section .mhb .mhb-cell[aria-label="Round Lab"] .mhb-logo{width:136px !important}html body .shopify-section .mhb .mhb-cell[aria-label="SKIN1004"] .mhb-logo{width:142px !important}} html body .mh-heart{position:absolute;top:8px;right:8px;z-index:50;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}html body .mh-heart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}html body .mh-heart:hover{transform:scale(1.12)}html body .mh-heart.is-on{color:#7d2535}html body .mh-heart.is-on svg{fill:currentColor}html body .mishu-nav a.mh-wish-link{position:relative}html body .mishu-nav a.nav-icon.btn-nav .mh-wish-count{position:absolute;top:-7px;right:-9px;width:17px;height:17px;min-width:17px;border-radius:50%;background:#111;color:#fff;font-family:Arial,sans-serif !important;font-size:10px !important;font-weight:700 !important;line-height:17px !important;align-items:center;justify-content:center;padding:0;display:none}html body #mh-wishlist{max-width:1160px;margin:0 auto;padding:10px 20px 60px}html body .mhw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}html body .mhw-img{position:relative;aspect-ratio:1/1;background:#fff;border-radius:18px;overflow:hidden}html body .mhw-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}html body .mhw-remove{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;background:transparent;cursor:pointer;color:#111;display:flex;align-items:center;justify-content:center;padding:0}html body .mhw-remove svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;pointer-events:none}html body .mhw-item .mhw-vendor,html body .mhw-item .mhw-title,html body .mhw-item .mhw-price,html body .mhw-item .mhw-price *,html body .mhw-item .mhw-out,html body .mhw-empty p,html body .mhw-empty .mhw-btn{font-family:Arial,Helvetica,sans-serif !important}html body .mhw-vendor{font-size:12px !important;font-weight:700 !important;letter-spacing:.6px;color:#9b9496;margin-top:12px}html body .mhw-title{display:block;font-size:16px !important;font-weight:400 !important;letter-spacing:.6px;color:#111;line-height:1.5;margin-top:4px;text-decoration:none}html body .mhw-item .mhw-price{font-size:16px !important;font-weight:700 !important;letter-spacing:.6px;margin-top:8px;color:#111}html body .mhw-item .mhw-price .mhw-sale{color:#d32f2f}html body .mhw-item .mhw-price s{font-size:14px !important;font-weight:400 !important;color:#555;margin-left:6px}html body .mhw-img .mhw-add{position:absolute;right:12px;bottom:12px;width:36px;height:36px;min-width:36px;padding:0;margin:0;border-radius:50%;background-color:#fff;color:#222;border:1px solid #e3e3e3;box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:0 !important;line-height:0;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;z-index:3;background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-repeat:no-repeat;background-position:center;background-size:14px 1.5px,1.5px 14px}html body .mhw-item:hover .mhw-add,html body .mhw-img .mhw-add:focus-visible{opacity:1;transform:none}html body .mhw-img .mhw-add.is-added{background-color:#111;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);opacity:1;transform:none}html body .mhw-img .mhw-add:disabled{cursor:default}@media(hover:none),(max-width:749px){html body .mhw-img .mhw-add{opacity:1;transform:none}}html body .mh-fav-slide>.mh-heart,html body .mhn-slide>.mh-heart{top:10px;right:20px}html body .mh-heart.mh-heart-pdp{top:14px;right:14px;width:46px;height:46px}html body .mh-heart-pdp svg{width:28px;height:28px}html body .mhw-out{margin-top:12px;font-size:13px !important;color:#777}html body .mhw-empty{text-align:center;padding:30px 0}html body .mhw-empty p{font-size:16px !important}html body .mhw-btn{display:inline-block;margin-top:14px;background:#7d2535;color:#fff;border-radius:999px;padding:11px 26px;text-decoration:none;font-size:14px !important}@media(max-width:989px){html body .mhw-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){html body .mhw-grid{grid-template-columns:repeat(2,1fr);gap:14px}html body #mh-wishlist{padding:6px 14px 40px}}html body .page-width--narrow:has(#mh-wishlist){max-width:1200px !important}html body .page-width:has(#mh-wishlist) .main-page-title{text-align:center;margin:30px 0 20px}@media(max-width:989px){html body media-gallery{position:relative}}html body .page-width:has(#mh-wishlist) .main-page-title{font-family:Almarai,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:700 !important;font-size:clamp(34px,4.8vw,54px) !important;letter-spacing:-0.055em !important;line-height:1 !important;color:#111 !important;text-align:center;white-space:nowrap;text-transform:lowercase}html body .mhn-slide .mhn-badge{background:#dd7288 !important}html body .mh-favoritos .mh-fav-slide:has(.mh-fav-add:disabled) .mh-fav-img::after{content:"Agotado";position:absolute;left:10px;bottom:10px;z-index:2;background:#242833;color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:300;letter-spacing:1px;line-height:normal;padding:5px 13px 6px;border-radius:40px}html body .mhn-slide:has(.mhn-add:disabled) .mhn-img::after,html body .mh-bcard.mh-soldout .mh-bcard-img::after,html body .mhtt-p.mh-soldout::after,html body .mhw-item:has(.mhw-out) .mhw-img::after{content:"Agotado";position:absolute;left:10px;bottom:10px;z-index:2;background:#242833;color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:300;letter-spacing:1px;line-height:normal;padding:5px 13px 6px;border-radius:40px}html body .mhw-item .mhw-out{display:none}html body .mhn-slide .mhn-add:disabled{display:none !important}html body .predictive-search__item.mh-soldout .predictive-search__item-content::after{content:"Agotado";display:inline-block;align-self:flex-start;margin-top:4px;background:#242833;color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;font-weight:300;letter-spacing:1px;line-height:normal;padding:3px 10px 4px;border-radius:40px}@media(max-width:749px){html body .nav-actions{gap:2px !important}html body .nav-actions .btn-nav{padding:7px 5px !important;min-width:0 !important}html body .nav-actions .btn-nav svg{width:20px !important;height:20px !important}html body .nav-actions .header__icon--search{width:26px !important}}@media(max-width:389px){html body .nav-logo-link,html body .nav-logo-link img{width:112px !important;height:45px !important}}@media(max-width:340px){html body .nav-logo-link,html body .nav-logo-link img{width:84px !important;height:34px !important}}html body .mh-wrap .mh-routine-banners.mh-rt{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;gap:26px !important;padding:52px 12px 84px !important;max-width:1240px !important;margin:0 auto !important;box-sizing:border-box}html body .mh-rt a{text-decoration:none !important;color:#111}html body .mh-rt .rt-row{display:grid;grid-template-columns:200px repeat(3,minmax(0,1fr)) 120px;grid-template-rows:auto auto;gap:16px;row-gap:0;align-items:start}html body .mh-rt .rt-label{grid-row:1;grid-column:1;align-self:stretch;display:flex;align-items:center;padding:0 24px;background:#f3f3f3}html body .mh-rt .rt-all{grid-row:1;grid-column:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:277px;transition:color .2s}html body .mh-rt a.rt-all:hover,html body .mh-rt a.rt-all:active,html body .mh-rt a.rt-all:focus-visible{color:#7D2535}html body .mh-rt .rt-label span,html body .mh-rt .rt-all span{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:400 !important;font-size:18px !important;letter-spacing:.5px !important;text-transform:uppercase !important;line-height:1.3 !important}html body .mh-rt .rt-card{display:contents}html body .mh-rt .rt-c1 .rt-img{grid-row:1;grid-column:2}html body .mh-rt .rt-c1 .rt-info{grid-row:2;grid-column:2}html body .mh-rt .rt-c2 .rt-img{grid-row:1;grid-column:3}html body .mh-rt .rt-c2 .rt-info{grid-row:2;grid-column:3}html body .mh-rt .rt-c3 .rt-img{grid-row:1;grid-column:4}html body .mh-rt .rt-c3 .rt-info{grid-row:2;grid-column:4}html body .mh-rt .rt-img{position:relative;aspect-ratio:1/1;background:#f3f1f0;overflow:hidden}html body .mh-rt .rt-img img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}html body .mh-rt .rt-info p{margin:0}html body .mh-rt .rt-vendor{margin-top:10px !important;font-family:Arial,Helvetica,sans-serif !important;font-weight:700 !important;font-size:12px !important;line-height:1.3 !important;color:#9b9496 !important;letter-spacing:.6px}html body .mh-rt .rt-name{margin-top:4px !important;font-family:Arial,Helvetica,sans-serif !important;font-weight:400 !important;font-size:16px !important;line-height:1.5 !important;color:#111 !important;letter-spacing:.6px}html body .mh-rt .rt-price{margin-top:8px !important;font-family:Arial,Helvetica,sans-serif !important;font-weight:700 !important;font-size:16px !important;line-height:1.3 !important;color:#111 !important;letter-spacing:.6px}html body .mh-rt .rt-price s{font-family:Arial,Helvetica,sans-serif !important;font-weight:400 !important;font-size:13px !important;color:#9b9496 !important}html body .mh-rt .rt-card.mh-soldout .rt-img::after{content:"Agotado";position:absolute;left:10px;bottom:10px;z-index:2;background:#242833;color:#fff;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:300;letter-spacing:1px;line-height:normal;padding:5px 13px 6px;border-radius:40px}@media(max-width:749px){html body .mh-wrap .mh-routine-banners.mh-rt{gap:18px !important;padding:30px 8px 64px !important;max-width:none !important}html body .mh-rt .rt-row{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:6px;row-gap:0}html body .mh-rt .rt-label{grid-row:1;grid-column:1/-1;margin-bottom:8px;padding:12px 16px}html body .mh-rt .rt-c1 .rt-img{grid-row:2;grid-column:1}html body .mh-rt .rt-c1 .rt-info{grid-row:3;grid-column:1}html body .mh-rt .rt-c2 .rt-img{grid-row:2;grid-column:2}html body .mh-rt .rt-c2 .rt-info{grid-row:3;grid-column:2}html body .mh-rt .rt-card.rt-c3{display:none}html body .mh-rt .rt-all{grid-row:2;grid-column:3;height:auto;aspect-ratio:1/1}html body .mh-rt .rt-label span,html body .mh-rt .rt-all span{font-size:15px !important}html body .mh-rt .rt-vendor{font-size:11px !important}html body .mh-rt .rt-name{font-size:13px !important;line-height:1.4 !important}html body .mh-rt .rt-price{font-size:14px !important}}html body :is(img,picture,video,[class*=img],[class*=card],[class*=media],[class*=banner],[class*=viewport],[class*=photo],[class*=thumb],[class*=gallery],.mskq-text,.mhl-card):not(button):not([class*=avatar]):not([class*=avatar] *):not([class*=badge]):not([class*=dot]):not([class*=arrow]):not([class*=heart]):not([class*=wa]){border-radius:0 !important}html body :is(#mishu-envio,.mqb__opt,.jm-button){border-radius:0 !important}html body :is(.mh-fav-arrow,.mhn-arrow,.instafeed-new-arrow,.mhc-arrow,.mhb-arr){width:34px !important;height:34px !important;border-radius:0 !important;background:rgba(255,255,255,.75) !important;border:0 !important;box-shadow:none !important;color:#000 !important}html body :is(.mh-fav-arrow,.mhn-arrow,.instafeed-new-arrow,.mhc-arrow,.mhb-arr):hover{background:#7D2535 !important;color:#fff !important}@media(min-width:750px){html body .mh-favoritos .mh-fav-nav{width:min(1240px,100%) !important}html body .mh-favoritos .mh-fav-nav .mh-fav-prev{margin-left:0 !important}html body .mh-favoritos .mh-fav-nav .mh-fav-next{margin-right:0 !important}html body .mhn-prev{left:max(8px,calc((100% - 1240px)/2)) !important}html body .mhn-next{left:auto !important;right:max(8px,calc((100% - 1240px)/2)) !important}}@media(min-width:1250px) and (max-width:1379px){html body .instafeed-new-arrow{width:29.57px !important;height:29.57px !important}}@media(min-width:1380px) and (max-width:1499px){html body .instafeed-new-arrow{width:26.56px !important;height:26.56px !important}}@media(min-width:1500px) and (max-width:1649px){html body .instafeed-new-arrow{width:24.64px !important;height:24.64px !important}}@media(min-width:1650px){html body .instafeed-new-arrow{width:22.67px !important;height:22.67px !important}}html body .mh-favoritos .mh-fav-nav .mh-fav-arrow{background:rgba(255,255,255,.75) !important;border:0 !important;color:#000 !important}html body .mh-favoritos .mh-fav-nav .mh-fav-arrow:hover{background:#7D2535 !important;color:#fff !important}html body :is(.mh-fav-add,.mhn-add),html body .mh-favoritos .mh-fav-add,html body .mhn-stage .mhn-add,html body button.mhn-add:hover,html body button.mh-fav-add:hover{border-radius:0 !important}html body .quick-add__submit,html body .card-wrapper .quick-add__submit,html body .quick-add .quick-add__submit:hover,html body .quick-add .quick-add__submit:focus{border-radius:0 !important}html body .card-wrapper .quick-add .quick-add__submit,html body .card-wrapper .quick-add button.quick-add__submit:hover,html body .card-wrapper .quick-add button.quick-add__submit:focus{border-radius:0 !important}html body .mh-fav-slide .mh-fav-add.is-added,html body .mhn-slide .mhn-add.is-added,html body .mh-favoritos .mh-fav-slide .mh-fav-add.is-added,html body .mhn-slide button.mhn-add.is-added{background-color:#7D2535 !important}html body .mh-rt .rt-label{background:transparent !important;padding:0 !important}html body .mh-rt .rt-label span{display:inline-block;padding-bottom:12px;border-bottom:2px solid #dedede}@media(max-width:749px){html body .mh-rt .rt-label{flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:10px !important;padding:4px 0 0 !important;margin-bottom:12px !important}html body .mh-rt .rt-label span{padding-bottom:0 !important;border-bottom:0 !important}html body .mh-rt .rt-label::after{content:"";display:block;align-self:stretch;height:1px;background:#e6e6e6}html body .mh-rt .rt-card.rt-c3{display:contents !important}html body .mh-rt .rt-c3 .rt-img{grid-area:2/3 !important}html body .mh-rt .rt-c3 .rt-info{grid-area:3/3 !important}html body .mh-rt a.rt-all{grid-area:4/3 !important;justify-self:start;aspect-ratio:auto !important;height:auto !important;flex-direction:row !important;justify-content:flex-start !important;align-items:center !important;gap:3px !important;margin-top:12px}html body .mh-rt .rt-all span{font-size:11px !important;letter-spacing:.4px !important}html body .mh-rt .rt-all svg{width:13px !important;height:13px !important}}@media(max-width:749px){html body .mh-rt a.rt-all{justify-self:end !important}html body .mh-rt .rt-label::after{height:2px !important;background:#dedede !important}}html body :is(.mh-fav-slide .mh-fav-add,.mhn-slide .mhn-add,.card-wrapper .quick-add .quick-add__submit):not(:hover):not(.is-added):not(:focus){background-color:rgba(255,255,255,.75) !important;box-shadow:none !important;border-color:transparent !important}html body :is(#CartDrawer-Checkout,cart-drawer .cart__checkout-button,.cart__checkout-button){border-radius:0 !important;font-size:14px !important;letter-spacing:1.2px !important;min-height:54px !important}html body :is(#CartDrawer-Checkout,.cart__checkout-button)::before,html body :is(#CartDrawer-Checkout,.cart__checkout-button)::after{border-radius:0 !important}html body :is(.cart-drawer__empty-content,.cart__warnings) a.button{border-radius:0 !important;font-size:14px !important;letter-spacing:1.2px !important;min-height:54px !important}html body :is(.cart-drawer__empty-content,.cart__warnings) a.button::before,html body :is(.cart-drawer__empty-content,.cart__warnings) a.button::after{border-radius:0 !important}html body :is(.product-form__submit,.mishu-sticky-bar__btn){border-radius:0 !important}html body :is(.product-form__submit,.mishu-sticky-bar__btn)::before,html body :is(.product-form__submit,.mishu-sticky-bar__btn)::after{border-radius:0 !important}html body :is(.product-form__submit,.mishu-sticky-bar__btn,.cart__checkout-button,#CartDrawer-Checkout,.cart-drawer__empty-content a.button,.cart__warnings a.button)::after{box-shadow:none !important} html body:has(.mishu-sticky-bar){padding-bottom:96px !important} html body .mhb-cell .mhw.ksec{font-size:30px;letter-spacing:.14em;font-family:Jost,Poppins,sans-serif !important;font-weight:500 !important;text-transform:uppercase;color:#1a1a1a}@media(max-width:749px){html body .mhb-cell .mhw.ksec{font-size:22px}} @media(max-width:749px){html body:has(.mishu-sticky-bar) .mishu-wa{bottom:98px !important}html body.overflow-hidden .mishu-wa{display:none !important}html body.overflow-hidden #mishu-envio{bottom:auto !important;top:14px !important}html body:has(main .cart__ctas) .mishu-wa{display:none !important}} /* Aviso envio oculto: no mostrar cuando esta escondido (evita que tape el buscador en movil) */ html body #mishu-envio[style*="160%"]{visibility:hidden !important;opacity:0 !important;pointer-events:none !important}