/* ═══════════════════════════════════════════════════════════════════════════
   Ópera de Morelia — Strip editorial luxury patterns
   - Italic → upright (gold accent stays for em, italic only by opt-in)
   - Eyebrow labels hidden globally; only show with .opm-keep-eyebrow
   - Photo moment massive type Apple-style
   - FAQ upright sans (Inter Tight)
   - Colaboradores: chips/inline list, no editorial cards
   ═══════════════════════════════════════════════════════════════════════════ */

/* ──────────── ITALIC SURGERY — drop italic across the board ──────────── */
/* All emphasis elements → upright with gold color (kept as accent) */
h1 em, h2 em, h3 em, h4 em,
.mod-h2 em, .hero-title em, .opm-numbers-hero-headline em,
.section-title em, .mod-card-title em,
.gc-title em, .mod-portrait-title em,
.mod-intro-text em, .opm-numbers-hero-context em{
  font-style: normal !important;
  color: #BDB09D !important;
  font-variation-settings: "opsz" 144, "SOFT" 50, "wght" 500 !important;
}

/* Italic only when explicitly opted in */
em.is-italic,
.allow-italic em,
.mod-quote p em,
.opm-numbers-hero-suffix{
  font-style: italic !important;
}

/* FAQ — Apple uses upright Inter Tight, not italic Bodoni */
.mod-faq-item summary,
.mod-faq-question,
details summary,
details > summary{
  font-family: var(--font-body, 'Inter Tight'), -apple-system, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: -0.012em !important;
  color: #F2EDE2 !important;
  padding: 22px 0 !important;
}
.mod-faq-answer p{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-style: normal !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.7) !important;
}

/* Section legacy `.section-title` (used in cartelera commented out + estudia + contacto) */
.section-title{
  font-family: var(--font-display, 'Fraunces'), Georgia, serif !important;
  font-variation-settings: "opsz" 144, "SOFT" 50, "wght" 500 !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: clamp(2.4rem, 5.2vw, 4.4rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.025em !important;
  color: #F2EDE2 !important;
}
.section-title em,
.section-title i{
  font-style: normal !important;
  color: #BDB09D !important;
}

/* Legacy `.section-eyebrow` and other variants */
.section-eyebrow,
.section-lede em,
.cart-eyebrow{
  font-style: normal !important;
}

/* ──────────── EYEBROW LABELS — hide most, keep only opted-in ──────────── */
/* Drop all eyebrows from the home — Apple uses zero or one per page max */
.mod-section .mod-eyebrow:not(.opm-keep-eyebrow),
.mod-section-head .mod-eyebrow:not(.opm-keep-eyebrow),
.section-eyebrow:not(.opm-keep-eyebrow),
.cart-eyebrow:not(.opm-keep-eyebrow){
  display: none !important;
}

/* Numbers + Newsletter: keep their inline eyebrows discreetly */
.opm-numbers-eyebrow{
  font-size: 10.5px !important;
  letter-spacing: 0.28em !important;
  color: rgba(189,176,157,0.65) !important;
  margin-bottom: 56px !important;
}
.opm-newsletter-eyebrow{
  font-size: 10.5px !important;
  letter-spacing: 0.28em !important;
  color: rgba(189,176,157,0.65) !important;
  margin-bottom: 24px !important;
}

/* ──────────── PHOTO MOMENT — Apple-tier massive overlay type ──────────── */
.mod-photomoment{
  min-height: clamp(540px, 88vh, 800px) !important;
  position: relative !important;
}
.mod-photomoment-caption,
.mod-photomoment-text,
.mod-photomoment p,
.mod-photomoment h2,
.mod-photomoment h3{
  font-family: var(--font-display, 'Fraunces'), Georgia, serif !important;
  font-variation-settings: "opsz" 144, "SOFT" 50, "wght" 500 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: clamp(2.6rem, 6.4vw, 5.4rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.025em !important;
  color: #F2EDE2 !important;
  text-shadow: 0 2px 30px rgba(0,0,0,0.55) !important;
}
.mod-photomoment::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.32) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.55) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
.mod-photomoment-text,
.mod-photomoment .mod-inner{
  position: relative !important;
  z-index: 2 !important;
}

/* ──────────── COLABORADORES — chips inline (Apple "Partners" style) ──────────── */
.mod-collab{ text-align: center !important; }
.mod-collab-grid,
.mod-collab-cards{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px 18px !important;
  max-width: 880px !important;
  margin: 48px auto 0 !important;
  padding: 0 !important;
}
.mod-collab-item,
.mod-collab-card{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 22px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 980px !important;
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  letter-spacing: -0.005em !important;
  color: #F2EDE2 !important;
  text-align: left !important;
  transition: background .2s, border-color .2s !important;
}
.mod-collab-item:hover,
.mod-collab-card:hover{
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(189,176,157,0.32) !important;
}
.mod-collab-item h3,
.mod-collab-item .mod-collab-name,
.mod-collab-card h3,
.mod-collab-card .mod-collab-name{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14.5px !important;
  margin: 0 !important;
  color: #F2EDE2 !important;
}
.mod-collab-item p,
.mod-collab-card p,
.mod-collab-item small,
.mod-collab-card small{
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 0 0 6px !important;
  letter-spacing: 0.02em !important;
}

/* ──────────── OMAR PORTRAIT — center it (Apple People page) ──────────── */
.mod-portrait{
  text-align: center !important;
}
.mod-portrait-inner,
.mod-portrait > .mod-inner{
  display: block !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}
.mod-portrait-img{
  max-width: 320px !important;
  margin: 0 auto 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  aspect-ratio: 1 !important;
}
.mod-portrait-img img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top !important;
}
.mod-portrait-title{
  font-size: clamp(2.4rem, 4.8vw, 3.6rem) !important;
  margin-bottom: 12px !important;
}
.mod-portrait-role,
.mod-portrait-sub{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: rgba(189,176,157,0.85) !important;
  margin-bottom: 28px !important;
  font-style: normal !important;
}
.mod-portrait-bio,
.mod-portrait p{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,0.7) !important;
  max-width: 580px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}
.mod-portrait-signature{
  display: none !important; /* signature flourish was generic editorial */
}

/* ──────────── TIMELINE — keep but simplify italic year labels ──────────── */
.mod-timeline-year{
  font-style: normal !important;
  font-family: var(--font-display, 'Fraunces'), Georgia, serif !important;
  font-variation-settings: "opsz" 72, "SOFT" 30, "wght" 500 !important;
}
.mod-timeline-title{
  font-style: normal !important;
}

/* ──────────── INTRO SECTION — add visual content (foto debajo del headline) ──────────── */
.mod-section .mod-intro-split{
  padding-bottom: 0 !important;
}
.mod-section .mod-intro-split .mod-intro-img{
  display: block !important;
  max-width: 880px !important;
  margin: 64px auto 0 !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.mod-section .mod-intro-split .mod-intro-img img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* ──────────── ESTUDIA + CONTACTO legacy sections — Apple-tier ──────────── */
.estudia, #contacto{
  padding: clamp(96px, 14vh, 160px) 0 !important;
  background: #000 !important;
}
.estudia .section-bg, #contacto .section-bg{
  opacity: 0.22 !important;
}
.estudia .section-inner, #contacto .section-inner{
  position: relative !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 clamp(24px, 6vw, 80px) !important;
}
.estudia .section-title, #contacto .section-title{
  font-size: clamp(2.4rem, 5vw, 3.8rem) !important;
  margin-bottom: 18px !important;
}
.estudia .section-lede, #contacto .section-lede{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,0.7) !important;
  max-width: 580px !important;
  margin-bottom: 56px !important;
}
.estudia .modulo-item,
.estudia .modulo,
.estudia label,
#contacto label{
  font-family: var(--font-body, 'Inter Tight'), sans-serif !important;
  font-style: normal !important;
}

/* ──────────── PULL QUOTE Apple ──────────── */
.mod-quote{
  padding: clamp(96px, 14vh, 160px) 0 !important;
}
.mod-quote p{
  font-style: italic !important; /* quote is one place italic IS appropriate */
}

/* ──────────── WORDMARK — Title Case Fraunces (Apple-clean) ──────────── */
.apple-nav .an-name{
  font-family: var(--font-display, 'Fraunces'), Georgia, serif !important;
  font-variation-settings: "opsz" 36, "SOFT" 50, "wght" 500 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: rgba(255,255,255,0.95) !important;
  line-height: 1.1 !important;
}
@media (max-width: 768px){
  .apple-nav .an-name{
    font-size: 15px !important;
  }
}

/* Make the brand mark img a bit larger to balance */
.apple-nav .an-brand{
  gap: 10px !important;
  align-items: center !important;
}
.apple-nav .an-logo{
  width: 26px !important;
  height: 26px !important;
}