/* GAIA ATELIER · SIGNATURE RITUAL v2 — asset fingerprinted para evitar caché estática heredada.
   Exclusivo de signature.html. */

:root{--ritual-gold:#c9a876;--ritual-gold-decor:rgba(201,168,118,.35);--ritual-gold-text:rgba(201,168,118,.78)}

/* 0. ENCABEZADO — institucional y autoral, sin CTA compitiendo con el universo */
.signature-ritual-head .brand{grid-column:2;justify-self:center}
.signature-ritual-head .ritual-head-mark{grid-column:3;justify-self:end;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.72;color:var(--ink)}

/* 1. HERO — video a pantalla completa, sin tratamiento visual, texto superpuesto directo */
.universe-hero.signature-ritual{min-height:100svh;position:relative;overflow:hidden}
.universe-hero.signature-ritual .universe-media{position:absolute;inset:0;z-index:0;padding:0;min-height:0}
.universe-hero.signature-ritual .universe-media img,.universe-hero.signature-ritual .universe-media video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.universe-hero.signature-ritual .universe-copy{position:relative;z-index:1;grid-column:2;background:transparent;padding-bottom:clamp(64px,9vw,120px)}
.universe-hero.signature-ritual .universe-label{letter-spacing:.22em;opacity:.7}
.universe-hero.signature-ritual h1{font-size:clamp(52px,8.5vw,132px)}
.ritual-hero-poem{margin-top:18px}
.ritual-hero-poem p{margin:0 0 6px;font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:#fff}
.ritual-hero-poem p:last-child{margin-bottom:0}
.ritual-slot-inert{display:none}

/* 2. UMBRAL — mismo texto, deja de sentirse como franja de menú */
.ritual-umbral{padding:clamp(90px,14vw,160px) clamp(20px,4vw,64px);background:var(--ink);border-bottom:0}
.ritual-umbral::before,.ritual-umbral::after{content:"";display:block;width:1px;height:clamp(36px,6vw,64px);margin:0 auto;background:var(--ritual-gold-decor)}
.ritual-umbral::before{margin-bottom:clamp(24px,4vw,40px)}
.ritual-umbral::after{margin-top:clamp(24px,4vw,40px)}
.ritual-umbral p{max-width:620px;color:#f4f1eb;font-size:clamp(17px,1.8vw,22px);letter-spacing:.03em;line-height:1.6}

/* 3. Bloque editorial de entrada con fotografía Signature distinta del HERO */
.ritual-intro{display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;background:var(--paper)}
.ritual-intro-media{min-height:60svh;min-width:0;overflow:hidden}
.ritual-intro-media img{display:block;width:100%;height:100%;object-fit:cover}
.ritual-intro-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px);margin:0;min-width:0}
.ritual-intro-copy h2{font-size:clamp(40px,5.5vw,84px)}
.ritual-intro-copy p{max-width:440px;text-align:left;font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:var(--ink);opacity:.86}

/* 4. Tres capítulos verticales — fotografía dominante, mismo texto/href */
.ritual-chapters{display:flex;flex-direction:column}
.ritual-chapter{flex-direction:row;min-height:88svh;border:0;border-top:1px solid var(--line)}
.ritual-chapters .ritual-chapter:first-child{border-top:0}
.ritual-chapter--reverse{flex-direction:row-reverse}
.ritual-chapter-media{flex:1 1 58%;min-width:0;min-height:88svh;overflow:hidden;background:#161512;padding:0}
.ritual-chapter-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.ritual-chapter:hover .ritual-chapter-media img{transform:scale(1.035)}
.ritual-chapter-copy{flex:1 1 42%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px)}
.ritual-chapter-copy .eyebrow{letter-spacing:.16em}
.ritual-chapter-copy h3{font-size:clamp(32px,4vw,58px);margin-bottom:20px}
.ritual-chapter-copy p{font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:480px}
.ritual-chapter-copy .discover{text-underline-offset:6px}

/* 5. Archivo — separado del grid de producto, con fotografía histórica dominante */
.ritual-archive{background:var(--ink);border-top:1px solid var(--line)}
.ritual-archive-link{display:flex;flex-direction:row;min-height:74svh;text-align:left;background:transparent;border:0}
.ritual-archive-media{flex:1 1 56%;min-width:0;overflow:hidden;background:#0b0a08}
.ritual-archive-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;filter:saturate(.94)}
.ritual-archive-copy{flex:1 1 44%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px)}
.ritual-archive-link .eyebrow{color:var(--ritual-gold-text);letter-spacing:.2em}
.ritual-archive-link h3{color:#fff;font-size:clamp(28px,3.2vw,42px);opacity:.92;transition:opacity .3s ease;margin-bottom:14px}
.ritual-archive-link p{color:rgba(244,241,235,.6);max-width:380px;margin:0 0 18px;font-size:13px;line-height:1.6}
.ritual-archive-link .discover{color:var(--ritual-gold-text);transition:color .3s ease}
.ritual-archive-link:hover h3{opacity:1}
.ritual-archive-link:hover .discover{color:var(--ritual-gold)}

/* 6. Materia / Color / Arquitectura — momentos editoriales reales: imagen + texto + aire */
.ritual-principles{grid-template-columns:1fr;border:0}
.ritual-principle{min-height:64svh;display:flex;flex-direction:row;padding:0;border-left:0!important;border-top:1px solid var(--line)}
.ritual-principles .ritual-principle:first-child{border-top:0}
.ritual-principle--reverse{flex-direction:row-reverse}
.ritual-principle-media{flex:1 1 50%;min-width:0;overflow:hidden}
.ritual-principle-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block}
.ritual-principle-copy{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,110px)}
.ritual-principle-copy .eyebrow{color:var(--muted)}
.ritual-principle-copy h3{font-size:clamp(34px,4.2vw,60px)}
.ritual-principle-copy p{max-width:440px;font-size:clamp(15px,1.3vw,18px);color:var(--muted)}

/* 7. Cierre — mismo texto, espacio de cierre real */
.ritual-close{padding:clamp(120px,16vw,220px) 24px}

/* 8. Pre-footer Signature — solo nombres reales de la casa, sin concepto nuevo */
.ritual-prefooter{background:var(--paper);padding:clamp(40px,6vw,72px) clamp(20px,4vw,64px);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.ritual-prefooter-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px}
.ritual-prefooter-nav a{font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.ritual-prefooter-nav a:hover{text-decoration:underline}
.ritual-prefooter-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:12px;color:var(--muted)}
.ritual-prefooter-meta a{color:var(--muted);text-decoration:none}
.ritual-prefooter-meta a:hover{text-decoration:underline;color:var(--ink)}

/* 9. Footer institucional mínimo — solo legal + idioma + accesibilidad */
.signature-ritual-footer .footer-shell{padding:22px 30px}
.signature-ritual-footer .footer-access{margin:0 0 22px}
.signature-ritual-footer .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.ritual-footer-legal{display:flex;flex-wrap:wrap;gap:16px}
.ritual-footer-legal span{font-size:12px;color:var(--muted)}

/* Responsive */
@media(max-width:900px){
  .signature-ritual-head{grid-template-columns:1fr;row-gap:4px;padding-top:14px;padding-bottom:14px}
  .signature-ritual-head .brand,.signature-ritual-head .ritual-head-mark{grid-column:1;justify-self:center;text-align:center}
  .universe-hero.signature-ritual .universe-media img,.universe-hero.signature-ritual .universe-media video{object-position:60% center}
  .universe-hero.signature-ritual .universe-copy{grid-column:1}
  .ritual-intro{grid-template-columns:1fr}
  .ritual-intro-media{min-height:46svh}
  .ritual-chapter,.ritual-chapter--reverse{flex-direction:column;min-height:auto}
  .ritual-chapter-media{min-height:64svh}
  .ritual-chapter-copy{padding:36px 22px}
  .ritual-archive-link{flex-direction:column;min-height:auto}
  .ritual-archive-media{min-height:52svh}
  .ritual-archive-copy{padding:36px 22px;text-align:left}
  .ritual-principle,.ritual-principle--reverse{flex-direction:column;min-height:auto}
  .ritual-principle-media{min-height:52svh}
  .ritual-principle-copy{padding:36px 22px}
}
/* Bohemia Softcase · fotografía completa a todo el ancho. */
.ritual-chapter.ritual-chapter--bohemia-full{
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:0;
  margin-top:clamp(24px,3vw,48px);
}
.ritual-chapter--bohemia-full .ritual-chapter-media{
  flex:0 0 auto;
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:auto;
}
.ritual-chapter--bohemia-full .ritual-chapter-media img,
.ritual-chapter--bohemia-full:hover .ritual-chapter-media img,
.ritual-chapter--bohemia-full .ritual-chapter-media video,
.ritual-chapter--bohemia-full:hover .ritual-chapter-media video{
  position:static;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-width:none;
  max-height:none;
  object-fit:contain;
  transform:none;
}
.ritual-chapter--bohemia-full .ritual-chapter-copy{
  flex:0 0 auto;
  width:100%;
  align-items:center;
  text-align:center;
  padding:clamp(32px,4vw,64px) 24px;
}

/* Bohemia Softcase · sin velo sobre el vídeo original. */
#bohemia-softcase .ritual-chapter-media::after{
  content:none;
  display:none;
}