/* ==========================================================================
   Pantallas sin diseño propio (07-faltantes-y-decisiones.md): Gracias, 404, legales y Compromiso social.
   Solo piezas del sistema visual: portada azul noche (como Blog y Artículo), titular palabra por palabra,
   botones blancos y de WhatsApp, carrusel de proyectos y columna de lectura con la tipografía del artículo.
   ========================================================================== */

.gen{background:#fff}

/* Portada azul noche */
.heroe-gen{position:relative;background:var(--noche);color:#fff;overflow:hidden}
.heroe-gen::after{content:"";position:absolute;right:-180px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,89,168,.45),rgba(0,89,168,0) 70%);pointer-events:none}
.heroe-gen__in{position:relative;z-index:1;max-width:var(--carril);margin:0 auto;padding:136px var(--margen) 72px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.heroe-gen__check{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--r-pill);background:var(--whatsapp);color:var(--whatsapp-tinta);box-shadow:0 0 0 10px rgba(37,211,102,.16)}
.heroe-gen__titulo{margin:0;font-family:var(--f-titulo);font-size:clamp(38px,4.47vw,68px);line-height:.98;letter-spacing:-.04em;max-width:16ch}
.heroe-gen__texto{margin:0;font-size:18px;line-height:1.6;color:var(--sobre-noche);max-width:58ch}
.heroe-gen__meta{margin:0;font-size:14px;color:var(--sobre-noche-3)}
.heroe-gen__botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.btn-wa--grande{min-height:58px;padding:0 24px 0 7px;font-size:16px}
.btn-wa--grande .btn-wa__ico{width:44px;height:44px}

/* Carrusel de proyectos */
.gen-proyectos{max-width:var(--carril);margin:0 auto;padding:72px var(--margen) 88px}

/* Columna de lectura (texto del editor) */
.gen-prosa{max-width:760px;margin:0 auto;padding:56px var(--margen) 88px;color:var(--tinta);font-size:17px;line-height:1.7}
.gen-prosa > *{margin:0 0 20px}
.gen-prosa > :last-child{margin-bottom:0}
.gen-prosa h2{margin:44px 0 16px;font-family:var(--f-titulo);font-weight:800;font-size:clamp(25px,2.41vw,32px);line-height:1.08;letter-spacing:-.03em}
.gen-prosa h3{margin:32px 0 12px;font-family:var(--f-titulo);font-weight:800;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.gen-prosa h2:first-child,.gen-prosa h3:first-child{margin-top:0}
.gen-prosa p,.gen-prosa li{color:var(--gris-2)}
.gen-prosa strong{color:var(--tinta)}
.gen-prosa ul,.gen-prosa ol{padding-left:22px}
.gen-prosa li{margin-bottom:8px}
.gen-prosa li::marker{color:var(--azul)}
.gen-prosa a{color:var(--azul);font-weight:600;text-underline-offset:3px}
.gen-prosa a:hover{color:var(--azul-hover)}
.gen-prosa blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--azul);border-radius:0 var(--r-fila) var(--r-fila) 0;background:var(--azul-suave)}
.gen-prosa blockquote p{margin:0;color:var(--tinta)}
.gen-prosa hr{height:1px;border:0;background:var(--linea-2);margin:40px 0}
.gen-prosa table{width:100%;border-collapse:collapse;font-size:15px}
.gen-prosa .wp-block-table,.gen-prosa > table{display:block;overflow-x:auto;border-radius:var(--r-panel);border:1px solid var(--linea-2)}
.gen-prosa th{text-align:left;padding:14px 18px;background:var(--noche);color:#fff;font-weight:600}
.gen-prosa td{padding:14px 18px;border-top:1px solid var(--linea-3)}
.gen-prosa tbody tr:nth-child(even){background:var(--niebla)}
.gen-prosa img{height:auto;border-radius:var(--r-panel)}

@media (max-width:640px){
  .heroe-gen__in{padding:116px var(--margen) 56px;gap:18px}
  .heroe-gen__texto{font-size:16px}
  .heroe-gen__botones{flex-direction:column;align-items:stretch;width:100%}
  .heroe-gen__botones .btn-flecha,.heroe-gen__botones .btn-wa{justify-content:space-between}
  .gen-proyectos{padding:56px var(--margen) 64px}
  .gen-prosa{padding:40px var(--margen) 64px;font-size:16px}
}