/* Ceremonia Textil - estilo boutique claro (Hark 26 oct 2026, v3: todo blanco/marfil). Quitar el <link> en theme.liquid = deshacer. */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
html body{--ct-ink:#2B2522;--ct-soft:#544A44;--ct-gold:#8A6B38;--ct-ivory:#FFFFFF;--ct-line:#E8E1D5;background:#fff !important}
html,html body{overflow-x:clip !important}
html body,html body p,html body li,html body button{font-family:Jost,'Helvetica Neue',Arial,sans-serif !important}
html body p{font-weight:300 !important;line-height:1.75 !important;color:var(--ct-soft)}
html body h1,html body h2,html body h3,html body .ct-serif{font-family:'Cormorant Garamond',Georgia,serif !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.12 !important;color:var(--ct-ink) !important}
html body h2{font-size:clamp(30px,3.6vw,48px) !important}

/* TODO EL FONDO BLANCO / MARFIL (anula el dorado anterior) */
html body .announcement-bar,html body .announcement-bar__link,html body #shopify-section-header_announcements,
html body [id*="header_announcements"],html body [id*="header_announcements"] .announcement-bar{background:var(--ct-ivory) !important;background-color:var(--ct-ivory) !important}
html body header,html body header:has(.header-logo),html body header:has(.menu-list),html body header:has(.header-actions),
html body #shopify-section-header,html body [id*="header_section"],html body [id*="header_section"] header,
html body .header-wrapper,html body .header-wrapper header,html body .header,html body .header__inner,html body .header__row{background:#fff !important;background-color:#fff !important}
html body footer,html body footer.footer,html body #shopify-section-footer,html body [id*="__footer"],html body .shopify-section-group-footer-group,
html body .footer-utilities{background:var(--ct-ivory) !important;background-color:var(--ct-ivory) !important}

/* Barra superior */
html body .announcement-bar,html body .announcement-bar *{color:var(--ct-ink) !important;-webkit-text-fill-color:var(--ct-ink) !important;opacity:1 !important}
html body .announcement-bar__slide,html body .announcement-bar__slides,html body .announcement-bar__slider{visibility:visible !important;opacity:1 !important}
html body .announcement-bar__text,html body .announcement-bar__link{font-size:11px !important;letter-spacing:.2em !important;text-transform:uppercase !important;font-weight:400 !important}
html body .announcement-bar{border-bottom:1px solid var(--ct-line) !important}

/* Encabezado */
html body header:has(.header-logo){border-bottom:1px solid var(--ct-line) !important;box-shadow:none !important}
html body header .header-logo__image,html body .header-logo__image{width:170px !important;height:auto !important;max-height:none !important;filter:none !important;position:static !important}
html body .header-logo,html body a.header-logo{height:auto !important;min-height:0 !important;padding:6px 0 !important;position:relative !important;z-index:1 !important}
html body .header-logo__image-container{height:auto !important;max-height:none !important}
html body .menu-list__link,html body .header-nav a,html body .header__menu a{color:var(--ct-ink) !important;font-size:12px !important;letter-spacing:.16em !important;text-transform:uppercase !important;font-weight:400 !important}
html body header svg{color:var(--ct-ink) !important}

/* HERO claro: texto sobre blanco, fotos al lado */
html body .ct-hero{background:#fff !important;padding-top:72px !important;padding-bottom:72px !important}
html body .ct-hero__txt,html body .ct-hero__txt *{color:var(--ct-ink) !important}
html body .ct-hero h1{font-size:clamp(40px,5vw,68px) !important;margin:12px 0 20px !important}
html body .ct-hero__sub p{font-size:17px !important;color:var(--ct-soft) !important;max-width:560px !important}
html body .ct-eyebrow,html body .ct-hero .ct-eyebrow{text-transform:uppercase !important;letter-spacing:.3em !important;font-size:11px !important;font-weight:500 !important;color:var(--ct-gold) !important}
html body .ct-hero__media img{border-radius:0 !important;box-shadow:none !important}
html body .ct-hero__media::after{content:none !important}
html body .ct-note{font-size:13px !important;color:var(--ct-soft) !important}
html body .ct-btns{display:flex !important;flex-wrap:wrap !important;gap:12px !important;margin-top:28px !important}

/* Botones: negro elegante y contorno */
html body .ct-btn{border-radius:0 !important;padding:16px 30px !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.16em !important;text-transform:uppercase !important;box-shadow:none !important;transition:all .25s ease !important}
html body .ct-btn svg{width:16px !important;height:16px !important}
html body .ct-btn--primary{background:var(--ct-ink) !important;border:1px solid var(--ct-ink) !important;color:#fff !important}
html body .ct-btn--primary *{color:#fff !important}
html body .ct-btn--primary:hover{background:var(--ct-gold) !important;border-color:var(--ct-gold) !important}
html body .ct-btn--ghost{background:transparent !important;border:1px solid var(--ct-ink) !important;color:var(--ct-ink) !important}
html body .ct-btn--ghost:hover{background:var(--ct-ink) !important;color:#fff !important}

/* Franja de categorías */
html body .ct-telas-strip{background:#fff !important;border-top:1px solid var(--ct-line) !important;border-bottom:1px solid var(--ct-line) !important;padding:40px 16px !important;font-family:Jost,sans-serif !important}
html body .ct-telas-strip .ct-telas-title{font-family:'Cormorant Garamond',Georgia,serif !important;font-style:italic !important;font-weight:400 !important;font-size:28px !important;color:var(--ct-ink) !important;margin-bottom:22px !important}
html body .ct-tela-btn,html body .ct-tela-btn.b-rose,html body .ct-tela-btn.b-rose-l,html body .ct-tela-btn.b-rose-d,html body .ct-tela-btn.b-gold,html body .ct-tela-btn.b-gold-d{background:#fff !important;color:var(--ct-ink) !important;border:1px solid #CFC5B5 !important;border-radius:0 !important;min-height:48px !important;padding:12px 28px !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.16em !important;text-transform:uppercase !important;box-shadow:none !important;transform:none !important;filter:none !important}
html body .ct-tela-btn:hover{background:var(--ct-ink) !important;border-color:var(--ct-ink) !important;color:#fff !important}

/* Secciones */
html body .ct:not(.ct-hero){padding-top:80px !important;padding-bottom:80px !important;background:#fff !important}
html body .ct-trust,html body .ct-how{background:var(--ct-ivory) !important}
html body .ct-ally{background:#fff !important}
html body .ct *{border-color:var(--ct-line)}

/* Tarjetas de colección */
html body a.ct-card{border:0 !important;border-radius:0 !important;box-shadow:none !important;transform:none !important}
html body a.ct-card::before{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 100%) !important;z-index:1 !important;pointer-events:none !important}
html body a.ct-card > *{z-index:2 !important}
html body a.ct-card .ct-card__title{font-family:'Cormorant Garamond',Georgia,serif !important;font-size:26px !important;font-weight:500 !important}
html body a.ct-card .ct-card__title,html body a.ct-card .ct-card__txt,html body a.ct-card .ct-card__meta,html body a.ct-card .ct-card__meta *{color:#fff !important;text-shadow:0 1px 8px rgba(0,0,0,.35) !important}
html body a.ct-card::after{content:none !important;display:none !important}
html body .product-card,html body .product-card *{border-radius:0 !important}

@media (max-width:767px){
html body header .header-logo__image,html body .header-logo__image{width:125px !important}
html body .header-logo,html body a.header-logo{padding:4px 0 !important}
html body .ct-hero{padding-top:36px !important;padding-bottom:44px !important}
html body .ct-btn{width:100% !important;justify-content:center !important}
html body .ct:not(.ct-hero){padding-top:52px !important;padding-bottom:52px !important}
html body .ct-telas-strip{padding:30px 12px !important}
html body .ct-telas-strip .ct-telas-title{font-size:23px !important}
html body .ct-tela-btn{flex:1 1 calc(50% - 12px) !important;max-width:calc(50% - 6px) !important;padding:10px 6px !important;font-size:11px !important;letter-spacing:.08em !important}
}

/* v3.1: sin bandas de color en la portada */
html body main .shopify-section > section[class*="color-scheme"],html body main .shopify-section > div[class*="color-scheme"],html body main .section-background,html body main .section-wrapper{background:#fff !important;background-color:#fff !important}
html body .ct-trust,html body .ct-how{background:#FAF8F4 !important}
html body .announcement-bar__text,html body .announcement-bar__link{font-weight:500 !important}
html body .product-card__title,html body .product-card a{color:var(--ct-ink) !important}