/** Shopify CDN: Minification failed Line 698:4 All "@import" rules must come first **/ @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'); *,*::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; } /* ===== "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; } /* ===== 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; } .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:.95rem;line-height:1.5;max-width:500px} .marcas-kbeauty__link{color:var(--wine);font-weight:600;text-decoration:none;font-size:.95rem;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:'Cormorant Garamond',serif;font-size:3.5rem;font-weight:600;color:var(--wine-deep,#6b1a2a);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:2.5rem} .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; } }