/* =============================================================================
   site-v3.css — Páginas internas de Cattleya Eventos con el diseño del home v3
   (2026-10-15). Se carga DESPUÉS de style.css y home-v3.css solo en las páginas
   internas (bandera $site_v3 en includes/header.php; body.page-inner.home-v3.site-v3).
   home-v3.css ya aporta: tokens, tipografía, botones, barra, drawer, pie,
   flotantes y los componentes compartidos con el home (planes, FAQ, contacto…).
   Aquí: encabezado (hero) de las internas, cuerpo de texto, bandas y tarjetas.
   Paleta: oscuro #001513 / #0A2420 · crema #F3EEE6 / #EAE3D6 · dorado #E5C68E ·
   dorado profundo #A8843F (texto grande) · #7A5F25 (texto pequeño sobre crema).
   ============================================================================= */

/* ---------- 1. Encabezado de las páginas internas ---------- */
body.v3-hero-bodas        { --v3-hero-img: url('/assets/home/ev-bodas.webp'); }
body.v3-hero-15           { --v3-hero-img: url('/assets/home/ev-15.webp'); }
body.v3-hero-corporativos { --v3-hero-img: url('/assets/home/ev-corporativos.webp'); }
body.v3-hero-sociales     { --v3-hero-img: url('/assets/home/ev-sociales.webp'); }
body.v3-hero-proceso      { --v3-hero-img: url('/assets/home/proceso.webp'); }
@media (max-width: 899px) {
  body.v3-hero-bodas        { --v3-hero-img: url('/assets/home/ev-bodas-600.webp'); }
  body.v3-hero-15           { --v3-hero-img: url('/assets/home/ev-15-600.webp'); }
  body.v3-hero-corporativos { --v3-hero-img: url('/assets/home/ev-corporativos-600.webp'); }
  body.v3-hero-sociales     { --v3-hero-img: url('/assets/home/ev-sociales-600.webp'); }
  body.v3-hero-proceso      { --v3-hero-img: url('/assets/home/proceso-1200.webp'); }
}

body.site-v3 .hero.page-hero {
  min-height: 0;
  background: var(--v3-dark);
  color: var(--v3-cream);
}
body.site-v3 .page-hero .hero-bg { background: var(--v3-dark); }
body.site-v3 .page-hero .hero-bg::before,
body.site-v3 .page-hero .hero-bg::after { display: none; }
body.site-v3 .page-hero .hero-bg-photo {
  left: 36%;
  opacity: 1;
  mix-blend-mode: normal;
  filter: none;
  animation: none;
  background-image:
    linear-gradient(90deg, #001513 0%, rgba(0, 21, 19, .78) 22%, rgba(0, 21, 19, .25) 55%, rgba(0, 21, 19, .12) 100%),
    linear-gradient(0deg, rgba(0, 21, 19, .55) 0%, rgba(0, 21, 19, 0) 30%),
    var(--v3-hero-img);
  background-size: cover;
  background-position: center;
}
body.v3-hero-proceso .page-hero .hero-bg-photo { left: 0; background-position: right center; }
body.site-v3 .page-hero .hero-grid { min-height: clamp(520px, 72svh, 680px); }
body.site-v3 .page-hero .hero-left {
  justify-content: flex-end;
  max-width: none;
  padding: 140px var(--gut) clamp(64px, 7vw, 96px);
}
body.site-v3 .page-hero .hero-left > * { max-width: 760px; }

/* nada del encabezado arranca invisible (PageSpeed móvil: NO_FCP) */
body.site-v3 .page-hero :is(h1, .hero-sub, .hero-cta-group, .page-breadcrumb),
body.site-v3 .page-hero .h1-letter { opacity: 1 !important; animation: none !important; transform: none !important; }

body.site-v3 .page-breadcrumb {
  gap: 0 10px;
  margin: 0 0 22px;
  font: 600 11px/1.6 var(--v3-sans);
  letter-spacing: .26em;
  color: rgba(243, 238, 230, .78);
}
body.site-v3 .page-breadcrumb a { color: rgba(243, 238, 230, .78); text-decoration: none; transition: color .2s ease; }
body.site-v3 .page-breadcrumb a:hover { color: var(--v3-gold); }
body.site-v3 .page-breadcrumb span { color: var(--v3-gold); }

body.site-v3 .page-hero h1 {
  margin: 0;
  font-family: var(--v3-serif);
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.04;
  color: var(--v3-cream);
  text-wrap: balance;
}
body.site-v3 .page-hero h1 .h1-bold {
  display: block;
  margin: 0;
  font: 500 clamp(40px, 4.7vw, 72px)/1.04 var(--v3-serif);
  letter-spacing: -.01em;
  color: var(--v3-cream);
  text-shadow: none;
}
body.site-v3 .page-hero h1 .h1-script {
  display: block;
  margin: .06em 0 0;
  font: italic 500 1em/1.04 var(--v3-serif);
  letter-spacing: -.005em;
  color: var(--v3-gold);
  text-shadow: none;
}
body.site-v3 .page-hero .hero-sub {
  max-width: 34em;
  margin: 24px 0 34px;
  font: 400 16px/1.7 var(--v3-sans);
  font-style: normal;
  color: rgba(243, 238, 230, .86);
  text-shadow: none;
}
body.site-v3 .hero-cta-group { gap: 14px; margin-top: 0 !important; }
body.site-v3 .btn-outline {
  background: rgba(0, 21, 19, .3);
  border: 1px solid rgba(243, 238, 230, .55);
  color: var(--v3-cream);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
@media (hover: hover) {
  body.site-v3 .btn-outline:hover { background: rgba(0, 21, 19, .3); border-color: var(--v3-gold); color: var(--v3-gold); }
}

@media (max-width: 899px) {
  body.site-v3 .page-hero .hero-bg-photo,
  body.v3-hero-proceso .page-hero .hero-bg-photo {
    left: 0;
    background-image:
      linear-gradient(180deg, rgba(0, 21, 19, .5) 0%, rgba(0, 21, 19, .72) 45%, rgba(0, 21, 19, .94) 100%),
      var(--v3-hero-img);
    background-position: center;
  }
  body.v3-hero-proceso .page-hero .hero-bg-photo { background-position: 80% center; }
  body.site-v3 .page-hero .hero-grid { min-height: 0; }
  body.site-v3 .page-hero .hero-left { padding: 132px var(--gut) 56px; }
  body.site-v3 .page-hero h1 .h1-bold { font-size: clamp(36px, 9.4vw, 52px); }
  body.site-v3 .page-hero .hero-sub { margin: 20px 0 28px; font-size: 15px; }
  body.site-v3 .hero-cta-group { flex-direction: row; flex-wrap: wrap; gap: 10px; }
  body.site-v3 .hero-cta-group .btn { width: auto; padding: 0 22px; }
}

/* ---------- 2. Base de las secciones internas ---------- */
body.site-v3 main > section:not(.hero, .plans) { background: var(--v3-cream); }
body.site-v3 .section-head { max-width: 760px; margin: 0 0 clamp(36px, 4.4vw, 56px); text-align: left; }
body.site-v3 .section-title { margin: 0 0 16px; font-size: clamp(34px, 3.6vw, 54px); line-height: 1.06; text-wrap: balance; }
body.site-v3 .section-title .script { font-family: var(--v3-serif); font-style: italic; font-weight: 500; color: var(--v3-gold-deep); }
body.site-v3 .section-sub { max-width: 40em; margin: 0; font: 400 16px/1.7 var(--v3-sans); font-style: normal; color: var(--v3-text); }
body.site-v3 :is(.planes-incluye, .planes-tabla)::before,
body.site-v3 :is(.planes-incluye, .planes-tabla)::after { display: none; }

/* ---------- 3. Cuerpo de texto (page.php, Nosotros, Contacto) ---------- */
body.site-v3 .page-body { padding-block: clamp(56px, 6.4vw, 96px); }
body.site-v3 .page-body .container { max-width: calc(820px + 2 * var(--gut)); margin: 0 auto; }
body.site-v3 .page-intro {
  margin: 0 0 36px;
  padding: 0 0 30px;
  border-bottom: 1px solid rgba(14, 31, 27, .14);
  font: italic 500 clamp(21px, 1.9vw, 25px)/1.55 var(--v3-serif);
  color: var(--v3-ink);
}
body.site-v3 .page-intro a,
body.site-v3 .page-body p a,
body.site-v3 .page-body li a,
body.site-v3 .blog-article p a,
body.site-v3 .faq-body p a { color: var(--v3-gold-ink); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.site-v3 .page-body a:hover { color: var(--v3-ink); }
body.site-v3 .page-body h2,
body.site-v3 .page-section-h2 { margin: 52px 0 18px; font: 500 clamp(30px, 3vw, 42px)/1.12 var(--v3-serif); letter-spacing: -.01em; color: var(--v3-ink); text-wrap: balance; }
body.site-v3 .page-body h3,
body.site-v3 .blog-article h3.page-section-h3 { margin: 32px 0 12px; font: 600 clamp(22px, 1.9vw, 26px)/1.25 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .page-body h4 { margin: 24px 0 10px; font: 600 20px/1.3 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .page-body p,
body.site-v3 .blog-article p { font-size: 16.5px; line-height: 1.8; color: var(--v3-text); }
body.site-v3 .page-body strong { color: var(--v3-ink); font-weight: 600; }
body.site-v3 .page-body li,
body.site-v3 .blog-article :is(ul, ol).article-list li { font-size: 16px; line-height: 1.7; color: var(--v3-text); }
body.site-v3 .page-body ul li::marker,
body.site-v3 .page-body ol li::marker { color: var(--v3-gold-deep); }
body.site-v3 .blog-date { color: var(--v3-grey) !important; font: 600 11px/1.5 var(--v3-sans) !important; letter-spacing: .2em; text-transform: uppercase; }
body.site-v3 .page-updated { color: var(--v3-grey); }

/* Lista «Qué incluye» */
body.site-v3 .page-features { gap: 12px; margin: 8px 0 32px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
body.site-v3 .page-features li {
  padding: 16px 18px 16px 50px;
  background: transparent;
  border: 1px solid rgba(14, 31, 27, .16);
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--v3-text);
}
body.site-v3 .page-features li::before {
  content: "";
  left: 18px; top: 19px;
  width: 18px; height: 18px;
  border: 1px solid var(--v3-gold-deep);
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8843F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Preguntas frecuentes (page.php + hubs) */
body.site-v3 .page-faqs,
body.site-v3 .faq-list { gap: 12px; }
body.site-v3 .faq-list { max-width: 860px; margin: 0; }
body.site-v3 :is(.page-faq, .faq-list details) {
  background: transparent;
  border: 1px solid rgba(14, 31, 27, .16);
  border-radius: 4px;
  box-shadow: none;
  transition: border-color .3s ease;
}
@media (hover: hover) { body.site-v3 :is(.page-faq, .faq-list details):hover { border-color: rgba(14, 31, 27, .4); } }
body.site-v3 :is(.page-faq, .faq-list details)[open] { border-color: var(--v3-gold-deep); box-shadow: none; }
body.site-v3 :is(.page-faq, .faq-list details) summary {
  padding: 20px 60px 20px 24px;
  font: 600 clamp(19px, 1.6vw, 22px)/1.3 var(--v3-serif);
  color: var(--v3-ink);
}
body.site-v3 .faq-list details[open] summary { color: var(--v3-ink); }
body.site-v3 .page-faq summary::after { right: 24px; font: 300 1.9rem/1 var(--v3-sans); color: var(--v3-gold-deep); }
body.site-v3 .faq-list summary::after { right: 26px; }
body.site-v3 .page-faq p { padding: 0 24px 22px; font-size: 15.5px; line-height: 1.75; color: var(--v3-text); }
body.site-v3 .faq-body { padding: 16px 24px 22px; border-top: 0; margin-top: 0; }
body.site-v3 .faq-body p { font-size: 15.5px; line-height: 1.75; color: var(--v3-text); }

/* Tabla de precios (page.php) */
body.site-v3 .price-table-intro { color: var(--v3-text); }
body.site-v3 .price-table-wrap { background: transparent; border: 1px solid rgba(14, 31, 27, .16); border-radius: 4px; }
body.site-v3 .price-table thead { background: var(--v3-dark); color: var(--v3-cream); }
body.site-v3 .price-table th { font: 600 10.5px/1.4 var(--v3-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--v3-gold); }
body.site-v3 .price-table td { border-top-color: rgba(14, 31, 27, .1); color: var(--v3-text); }
body.site-v3 .price-table tbody tr:nth-child(even) { background: rgba(14, 31, 27, .025); }
body.site-v3 .price-table tbody tr:hover { background: rgba(168, 132, 63, .08); }
body.site-v3 .price-table td:nth-child(2) { font: 600 1.25rem/1.3 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .price-table .btn-mini { padding: 8px 16px; border-radius: 999px; background: var(--v3-dark); color: var(--v3-cream); font: 600 10px/1 var(--v3-sans); letter-spacing: .18em; text-transform: uppercase; }
body.site-v3 .price-table .btn-mini:hover { background: var(--v3-gold-ink); }
body.site-v3 .price-table-footer { color: var(--v3-grey); }

/* Artículos del blog */
body.site-v3 .blog-article h2.page-section-h2 { margin: 48px 0 16px; }

/* Mapa (Contacto) */
body.site-v3 .contact-map { border-radius: 4px !important; box-shadow: none !important; border: 1px solid rgba(14, 31, 27, .16); }

/* ---------- 4. Bloques de los hubs (Bodas, 15 años, Planes) ---------- */
/* «Qué incluye»: tarjetas con borde fino, como las del home */
body.site-v3 .incluye-grid { max-width: none; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.site-v3 .incluye-item {
  padding: 34px 30px 30px;
  text-align: left;
  background: transparent;
  border: 1px solid rgba(14, 31, 27, .16);
  border-radius: 4px;
  transition: border-color .3s ease, transform .3s ease;
}
body.site-v3 .incluye-item::before { display: none; }
@media (hover: hover) { body.site-v3 .incluye-item:hover { transform: translateY(-3px); box-shadow: none; border-color: var(--v3-gold-deep); } }
body.site-v3 .incluye-icon {
  width: 56px; height: 56px;
  margin: 0 0 22px;
  background: transparent;
  border: 1px solid var(--v3-gold-deep);
  color: var(--v3-gold-deep);
  transition: none;
}
body.site-v3 .incluye-icon svg { width: 28px; height: 28px; }
body.site-v3 .incluye-item:hover .incluye-icon { background: transparent; transform: none; }
body.site-v3 .incluye-item h3 { margin: 0 0 10px; font: 600 clamp(22px, 1.8vw, 25px)/1.2 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .incluye-item p { font-size: 15px; line-height: 1.7; color: var(--v3-text); }

/* Zonas de cobertura (Bodas): banda oscura */
body.site-v3 main > section.planes-zonas { background: var(--v3-dark); color: var(--v3-cream); }
body.site-v3 .planes-zonas .section-eyebrow { color: var(--v3-gold); }
body.site-v3 .planes-zonas .section-title { color: var(--v3-cream); }
body.site-v3 .planes-zonas .section-title .script { color: var(--v3-gold); }
body.site-v3 .planes-zonas .section-sub { color: rgba(243, 238, 230, .78); }
body.site-v3 .zonas-grid { max-width: none; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.site-v3 .zona-card {
  padding: 30px 26px;
  background: rgba(243, 238, 230, .03);
  border: 1px solid rgba(229, 198, 142, .28);
  border-radius: 4px;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  transition: border-color .3s ease, transform .3s ease;
}
@media (hover: hover) { body.site-v3 .zona-card:hover { transform: translateY(-3px); background: rgba(243, 238, 230, .05); border-color: var(--v3-gold); } }
body.site-v3 .zona-card h3 { padding-bottom: 14px; font: 500 clamp(24px, 2vw, 28px)/1.15 var(--v3-serif); color: var(--v3-cream); }
body.site-v3 .zona-card h3::after { width: 28px; height: 1px; background: var(--v3-gold); }
body.site-v3 .zona-card p { font-size: 14.5px; color: rgba(243, 238, 230, .8); }

/* Temas (15 años) */
body.site-v3 .temas-grid { justify-content: flex-start; max-width: 980px; margin: 0; gap: 10px; }
body.site-v3 .tema-pill {
  padding: 10px 22px;
  background: transparent;
  border: 1px solid rgba(14, 31, 27, .2);
  border-radius: 999px;
  font: italic 500 1.2rem/1.2 var(--v3-serif);
  color: var(--v3-ink);
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
body.site-v3 .tema-pill:hover { background: var(--v3-dark); border-color: var(--v3-dark); color: var(--v3-gold); transform: none; box-shadow: none; }

/* consejo con estilo en línea dentro de «Estilos populares» (15 años) */
body.site-v3 .planes-temas .container > p[style] {
  margin: 32px 0 0 !important;
  padding: 18px 22px !important;
  background: rgba(229, 198, 142, .16) !important;
  border-left: 2px solid var(--v3-gold-deep) !important;
  border-radius: 0 4px 4px 0 !important;
  font-size: 15px;
  line-height: 1.7;
  color: var(--v3-text);
}
body.site-v3 .planes-temas .container > p[style] a { color: var(--v3-gold-ink); font-weight: 600; text-underline-offset: 3px; }

/* Planes destacados (Planes): usa .plans de home-v3.css; aquí solo la etiqueta */
body.site-v3 .planes-destacados .plans-grid { max-width: none; margin: 0; }
body.site-v3 .plan-badge {
  top: -13px;
  padding: 6px 16px;
  background: var(--v3-gold);
  color: var(--v3-dark);
  font: 600 10px/1 var(--v3-sans);
  letter-spacing: .2em;
  box-shadow: none;
}
body.site-v3 .plan-pdf { color: var(--v3-gold); }
body.site-v3 .plan-cta { border-color: rgba(229, 198, 142, .5); }

/* Tabla de tarifas (Planes) */
body.site-v3 main > section.planes-tabla { background: var(--v3-cream-2); }
body.site-v3 main > section.planes-temas { background: var(--v3-cream); }
body.site-v3 .tabla-wrap { max-width: 980px; margin: 0; background: transparent; border: 1px solid rgba(14, 31, 27, .16); border-radius: 4px; box-shadow: none; }
body.site-v3 .tabla-tarifas thead th { background: var(--v3-dark); color: var(--v3-gold); font: 600 10.5px/1.4 var(--v3-sans); letter-spacing: .22em; }
body.site-v3 .tabla-tarifas tbody td { border-top-color: rgba(14, 31, 27, .1); color: var(--v3-ink); }
body.site-v3 .tabla-tarifas tbody tr:hover { background: rgba(168, 132, 63, .07); }
body.site-v3 .tabla-tarifas tbody tr.is-highlight { background: rgba(229, 198, 142, .22); }
body.site-v3 .tabla-tarifas tbody tr.is-highlight:hover { background: rgba(229, 198, 142, .3); }
body.site-v3 .cap-num { font: 500 1.75rem/1 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .cap-lbl { font: 600 10.5px/1.4 var(--v3-sans); letter-spacing: .18em; color: var(--v3-grey); }
body.site-v3 .cap-tag { background: var(--v3-dark); color: var(--v3-gold); font: 600 9.5px/1 var(--v3-sans); letter-spacing: .16em; padding: 5px 10px; }
body.site-v3 .cap-price { font: 600 1.35rem/1.2 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .cap-currency { color: var(--v3-gold-ink); font-weight: 600; }
body.site-v3 .tabla-link { border-color: rgba(14, 31, 27, .35); color: var(--v3-ink); font: 600 10.5px/1 var(--v3-sans); letter-spacing: .18em; border-radius: 999px; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
body.site-v3 .tabla-link:hover { background: var(--v3-dark); border-color: var(--v3-dark); color: var(--v3-gold); }
body.site-v3 .tabla-note { max-width: 760px; margin: 32px 0 0; text-align: left; font: italic 500 1.2rem/1.6 var(--v3-serif); color: var(--v3-text); }
body.site-v3 .tabla-note a { color: var(--v3-gold-ink); }
body.site-v3 .tabla-note a:hover { color: var(--v3-ink); }

/* Preguntas frecuentes de los hubs */
body.site-v3 main > section.planes-faq-section { background: var(--v3-cream-2); }

/* ---------- 5. Blog, servicios, cotizadores ---------- */
body.site-v3 .blog-grid { max-width: none; margin: 0; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; }
body.site-v3 .blog-card { background: transparent; border: 1px solid rgba(14, 31, 27, .14); border-radius: 4px; box-shadow: none; transition: border-color .3s ease, transform .3s ease; }
@media (hover: hover) { body.site-v3 .blog-card:hover { transform: translateY(-4px); box-shadow: none; border-color: var(--v3-gold-deep); } }
body.site-v3 .blog-card-image { background-color: var(--v3-dark-2); }
body.site-v3 .blog-card-cat { font: 600 10px/1.4 var(--v3-sans); letter-spacing: .2em; color: var(--v3-gold-ink); }
body.site-v3 .blog-card-title { font: 600 clamp(22px, 1.8vw, 25px)/1.2 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .blog-card-excerpt { font-size: 14.5px; color: var(--v3-text); }
body.site-v3 .blog-card-cta { font: 600 11px/1.4 var(--v3-sans); letter-spacing: .2em; color: var(--v3-ink); }

body.site-v3 .srv-cat { border-bottom-color: rgba(14, 31, 27, .14); }
body.site-v3 .srv-cat h2 { font: 500 clamp(30px, 3vw, 42px)/1.12 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .srv-cat-count { color: var(--v3-gold-ink); font: 600 .42em/1 var(--v3-sans); letter-spacing: .16em; vertical-align: middle; }
body.site-v3 .srv-list a { color: var(--v3-text); border-bottom: 1px solid rgba(14, 31, 27, .08); }
body.site-v3 .srv-list a:hover { color: var(--v3-ink); }

body.site-v3 .cotizador-section > .container > p:first-child { color: var(--v3-text) !important; }
body.site-v3 .pdf-feature {
  margin: 0 auto 48px;
  background: transparent;
  border: 1px solid rgba(14, 31, 27, .16);
  border-left: 2px solid var(--v3-gold-deep);
  border-radius: 4px;
  box-shadow: none;
}
body.site-v3 .pdf-feature::before { display: none; }
body.site-v3 .pdf-feature-thumb { background: var(--v3-cream-2); border-radius: 4px; }
body.site-v3 .pdf-feature-thumb svg { filter: none; }
body.site-v3 .pdf-feature-badge { background: var(--v3-dark); color: var(--v3-gold); border-radius: 999px; }
body.site-v3 .pdf-feature-eyebrow { font: 600 10.5px/1.4 var(--v3-sans); letter-spacing: .24em; color: var(--v3-gold-ink); }
body.site-v3 .pdf-feature h2 { font: 500 clamp(28px, 2.6vw, 36px)/1.12 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .pdf-feature p { color: var(--v3-text); }
body.site-v3 .pdf-feature-secondary { color: var(--v3-ink); font-size: 11px; letter-spacing: .2em; }
body.site-v3 .pdf-feature-secondary:hover { color: var(--v3-gold-ink); }

/* ---------- 6. Banda final y «Explora también» ---------- */
body.site-v3 main > section.page-cta-band {
  padding-block: clamp(72px, 8vw, 120px);
  background: var(--v3-dark) url('/assets/home/proceso-1200.webp') right center / cover no-repeat;
  background-image: linear-gradient(90deg, #001513 0%, rgba(0, 21, 19, .9) 38%, rgba(0, 21, 19, .35) 100%), url('/assets/home/proceso-1200.webp');
  color: var(--v3-cream);
  text-align: left;
}
body.site-v3 .page-cta-band h2 { max-width: 16em; margin: 0 0 14px; font: 500 clamp(34px, 3.6vw, 54px)/1.06 var(--v3-serif); color: var(--v3-cream); text-wrap: balance; }
body.site-v3 .page-cta-band p { max-width: 36em; margin: 0 0 32px; font: italic 500 clamp(19px, 1.6vw, 22px)/1.5 var(--v3-serif); color: rgba(243, 238, 230, .82); }
body.site-v3 .page-cta-band .btn {
  margin: 0 10px 10px 0;
  padding: 0 30px;
  background: var(--v3-gold);
  border: 1px solid var(--v3-gold);
  color: var(--v3-dark);
}
body.site-v3 .page-cta-band .btn-ghost { background: transparent; border-color: rgba(243, 238, 230, .55); color: var(--v3-cream); }
@media (hover: hover) {
  body.site-v3 .page-cta-band .btn:hover { background: #EFD9AC; border-color: #EFD9AC; transform: translateY(-1px); }
  body.site-v3 .page-cta-band .btn-ghost:hover { background: transparent; border-color: var(--v3-gold); color: var(--v3-gold); }
}
body.site-v3 .page-cta-band :is(a, button):focus-visible { outline-color: var(--v3-gold); }

body.site-v3 main > section.page-related { padding-block: clamp(56px, 6vw, 88px); background: var(--v3-cream-2); }
body.site-v3 .page-related h2 { margin: 0 0 32px; text-align: left; font: 500 clamp(30px, 3vw, 42px)/1.1 var(--v3-serif); color: var(--v3-ink); }
body.site-v3 .related-grid { max-width: none; margin: 0; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 16px; }
body.site-v3 .related-card { padding: 26px 24px; background: transparent; border: 1px solid rgba(14, 31, 27, .16); border-radius: 4px; box-shadow: none; transition: border-color .3s ease, transform .3s ease; }
@media (hover: hover) { body.site-v3 .related-card:hover { transform: translateY(-3px); box-shadow: none; border-color: var(--v3-gold-deep); } }
body.site-v3 .related-card .related-tag { font: 600 10px/1.4 var(--v3-sans); letter-spacing: .2em; color: var(--v3-gold-ink); }
body.site-v3 .related-card .related-title { font: 600 clamp(20px, 1.6vw, 23px)/1.25 var(--v3-serif); color: var(--v3-ink); }

/* ---------- 7. Chat «Cotiza al instante»: mismo botón oscuro con dorado del home ---------- */
/* (chat-cattleya.js ya lo hace bajo body.home-v3, que estas páginas también llevan) */

/* ---------- 8. Tableta y móvil ---------- */
@media (max-width: 980px) {
  body.site-v3 .incluye-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.site-v3 .zonas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.site-v3 .incluye-grid,
  body.site-v3 .zonas-grid { grid-template-columns: minmax(0, 1fr); max-width: none; }
  body.site-v3 .incluye-item { padding: 26px 22px 24px; }
  body.site-v3 .page-features li { padding: 14px 16px 14px 46px; }
  body.site-v3 .page-features li::before { left: 16px; top: 17px; }
  body.site-v3 :is(.page-faq, .faq-list details) summary { padding: 18px 52px 18px 20px; }
  body.site-v3 .page-faq summary::after { right: 20px; }
  body.site-v3 .page-faq p { padding-inline: 20px; }
  body.site-v3 .faq-body { padding-inline: 20px; }
  body.site-v3 .tabla-wrap { margin-inline: calc(var(--gut) * -1); border-inline: 0; border-radius: 0; }
  body.site-v3 .page-cta-band .btn { margin-right: 8px; }
}