/* CSSC — CSS específico de Inicio (Fase 2C)
 *
 * app.css ya contiene TODAS las secciones del sitio (nav, hero, soluciones,
 * video, equipo, testimonios, footer, scroll reveal, CTA final y transición),
 * idénticas byte a byte a index.html. home.css se carga DESPUÉS de app.css y
 * aporta ÚNICAMENTE las 3 reglas en las que index.html difiere de app.css,
 * para conservar su fidelidad visual exacta en la ruta Home:
 *   1) Posición vertical del botón flotante de WhatsApp.
 *   2) Relleno/margen del realce «.mas» del título del CTA final.
 *   3) Bloque de maquetación del video (.video-row), ausente en app.css.
 * No se renombra, minifica, combina ni reorganiza ninguna regla existente.
 */

/* 1) WhatsApp flotante — index.html usa calc(75vh - 29px) (app.css define 24px) */
.wa-float{
  bottom:calc(75vh - 29px);
}

/* 2) Realce «.mas» del título del CTA final — valores exactos de index.html */
.cta-final-title .mas{
  padding:.02em .12em .16em 0;margin-bottom:-.16em;
}

/* ===== VIDEO: video más chico + CTA a la derecha ===== */
.video-row{display:flex;align-items:center;justify-content:center;gap:52px;margin-top:6px;text-align:left;}
.video-row .video-card{flex:0 1 600px;max-width:600px;width:100%;margin:0;}
.video-sec .video-wrap{padding-bottom:104px;}
.video-row .vid-cta{flex:0 1 auto;padding:0;text-align:left;}
.video-row .vid-cta h3{margin-bottom:24px;}
@media(max-width:860px){
  .video-row{flex-direction:column;gap:36px;text-align:center;}
  .video-row .video-card{flex:1 1 auto;max-width:100%;}
  .video-row .vid-cta{text-align:center;}
  .video-sec .video-wrap{padding-bottom:80px;}
}