/* ============================================================
   FORGUARD — Landing informativa
   Hoja de estilos propia (sobre plantilla Bexton)
   Paleta y textos según brief oficial. No operativa.
   ============================================================ */

/* ---------- Tipografías de marca ---------- */
@font-face { font-family:'Camber'; src:url('../fonts/Camber-Lg.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Camber'; src:url('../fonts/Camber-Rg.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Camber'; src:url('../fonts/Camber-Md.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Camber'; src:url('../fonts/Camber-Sb.ttf') format('truetype'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Camber'; src:url('../fonts/Camber-Bd.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Manrope'; src:url('../fonts/Manrope-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Manrope'; src:url('../fonts/Manrope-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }

/* ---------- Tokens ---------- */
:root{
  --navy-darkest:#00143D;   /* azul oscuro */
  --navy:#002369;           /* azul medio */
  --navy-2:#103580;         /* azul secundario */
  --green:#54C682;          /* verde acento */
  --green-hover:#43b471;
  --gray-light:#C2C2C2;
  --gray-mid:#AAAAAA;
  --gray-text:#5D5D5D;
  --white:#FFFFFF;
  --off-white:#F6F7F9;

  --font-head:'Camber','Outfit',sans-serif;
  --font-body:'Manrope','Inter',sans-serif;

  --container:1240px;
  --gap:24px;
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 18px 50px rgba(0,20,61,.18);
  --ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset suave / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:98px;}
body.fg{
  margin:0;
  font-family:var(--font-body);
  font-weight:400;
  color:var(--gray-text);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.fg img{max-width:100%;display:block;}
.fg a{text-decoration:none;color:inherit;}
.fg h1,.fg h2,.fg h3,.fg h4{font-family:var(--font-head);color:var(--navy);margin:0;line-height:1.12;font-weight:500;}  /* Camber Medium */
.fg p{margin:0 0 1rem;}
.fg ul{margin:0;padding:0;list-style:none;}

.fg-container{max-width:var(--container);margin:0 auto;padding:0 24px;width:100%;}
.fg-accent{color:var(--green);}
.fg-section{position:relative;}

/* ---------- Botones ---------- */
.fg-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--font-body);font-weight:600;font-size:15px;line-height:1;
  padding:16px 30px;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;transition:all .25s var(--ease);white-space:nowrap;
}
.fg-btn i{font-size:13px;}
.fg-btn-green{background:var(--green);color:#fff;}
.fg-btn-green:hover{background:var(--green-hover);transform:translateY(-2px);}
.fg-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.fg-btn-outline:hover{background:#fff;color:var(--navy);border-color:#fff;}
.fg-btn-navy{background:var(--navy);color:#fff;}
.fg-btn-navy:hover{background:var(--navy-darkest);transform:translateY(-2px);}
a.fg-btn-white,.fg-btn-white{background:#fff;color:var(--navy);border-radius:0;font-weight:700;}
a.fg-btn-white i,.fg-btn-white i{color:var(--navy);}
a.fg-btn-white:hover,.fg-btn-white:hover{background:#eef0f4;color:var(--navy);transform:translateY(-2px);}

/* ============================================================
   HEADER
   ============================================================ */
.fg-header{
  position:fixed;top:0;left:0;width:100%;z-index:50;
  padding:26px 0;
  transition:background .3s var(--ease),box-shadow .3s var(--ease),padding .3s var(--ease);
}
.fg-header.is-scrolled{
  background:rgba(0,20,61,.97);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 4px 24px rgba(0,20,61,.18);
  padding:14px 0;
}
.fg-header.is-scrolled .fg-logo img{height:40px;}
.fg-header .fg-container{max-width:none;padding:0 48px;}  /* navbar a todo el ancho: logo izq., menú der. */
.fg-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.fg-logo img{height:46px;width:auto;}
.fg-nav{display:flex;align-items:center;gap:38px;margin-left:auto;}  /* todo el grupo nav pegado a la derecha */
.fg-nav a{
  color:#fff;font-family:var(--font-head);font-weight:600;font-size:15px;  /* Camber Semibold */
  letter-spacing:.04em;text-transform:uppercase;position:relative;padding:4px 0;transition:color .2s;
}
.fg-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--green);transition:width .25s var(--ease);}
.fg-nav a:hover,.fg-nav a.active{color:var(--green);}
.fg-nav a:hover::after,.fg-nav a.active::after{width:100%;}

.fg-header-right{display:flex;align-items:center;gap:22px;}
.fg-burger{
  width:auto;height:auto;border:none;background:transparent;
  border-radius:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;
  cursor:pointer;padding:4px 0;transition:opacity .2s;
}
.fg-burger:hover{background:transparent;opacity:.75;}
.fg-burger span{display:block;width:28px;height:2px;background:#fff;border-radius:2px;transition:transform .3s var(--ease),opacity .2s;}
.fg-burger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.fg-burger.is-open span:nth-child(2){opacity:0;}
.fg-burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* Panel desplegable (slide-down) accionado por la hamburguesa */
.fg-panel{
  position:absolute;top:100%;right:24px;min-width:240px;
  background:var(--navy);border-radius:14px;box-shadow:var(--shadow);
  padding:14px;margin-top:10px;
  opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s var(--ease);
  z-index:60;
}
.fg-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);}
.fg-panel a{display:block;color:#fff;padding:12px 16px;border-radius:8px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:14px;transition:background .2s,color .2s;}
.fg-panel a:hover{background:rgba(255,255,255,.08);color:var(--green);}

/* ============================================================
   HERO
   ============================================================ */
.fg-hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden;}
.fg-hero__media,.fg-hero__media video,.fg-hero__media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;
}
.fg-hero__overlay{
  position:absolute;inset:0;z-index:2;
  opacity:.75;  /* Figma: opacidad del rectángulo 75% */
  background:linear-gradient(105deg,#00143D 0%,#002369 50%,rgba(0,35,105,.5) 100%);  /* última parada #002369 al 50% */
}
.fg-hero__inner{position:relative;z-index:3;padding:160px 0 220px;max-width:1040px;}
.fg-hero h1{
  color:#fff;font-weight:500;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;margin-bottom:26px;letter-spacing:-.01em;
}
.fg-hero__sub{font-size:clamp(1.1rem,1.5vw,1.7rem);font-weight:300;color:rgba(255,255,255,.9);margin-bottom:38px;}

/* ============================================================
   TARJETAS DE SERVICIOS (superpuestas al hero)
   ============================================================ */
.fg-services{position:relative;z-index:10;margin-top:-120px;padding-bottom:80px;}
img.fg-services__deco{display:none;}  /* prefijo img para ganarle a `.fg img{display:block}` */
/* Bloque de tarjetas — base apilada (móvil); desktop exacto más abajo */
.fg-cards{position:relative;z-index:1;display:flex;flex-direction:column;}
.fg-card{
  position:relative;border-radius:0;color:#fff;padding:46px 32px 40px;display:flex;flex-direction:column;
}
.fg-card--1{background:#8BB4D8;}   /* azul claro */
/* Tarjeta 1: texto/icono en navy (no blanco) */
.fg-card.fg-card--1 .fg-card__title{color:#002369;}
.fg-card.fg-card--1 p{color:#002369;}
.fg-card.fg-card--1 .fg-card__divider{background:rgba(0,35,105,.35);}
.fg-card.fg-card--1 .fg-btn-outline{color:#002369;border-color:#002369;}
.fg-card.fg-card--1 .fg-btn-outline:hover{background:#002369;color:#fff;border-color:#002369;}
.fg-card--2{background:#103580;}   /* azul medio */
.fg-card--3{background:#002369;}   /* azul oscuro */
.fg-card .fg-card__title{color:#fff;font-size:1.5rem;margin:0 0 24px;font-weight:500;}
.fg-card--3 .fg-card__title{color:var(--green);}
.fg-card__icon{width:120px;margin-bottom:24px;}
.fg-card__icon img{width:100%;height:auto;object-fit:contain;}
.fg-card__divider{height:1px;width:100%;background:rgba(255,255,255,.28);border:0;margin:0 0 24px;}
.fg-card p{color:rgba(255,255,255,.85);font-size:.9rem;line-height:1.65;margin:0 0 28px;}
.fg-card .fg-btn{align-self:flex-start;border-radius:0;font-weight:700;border-width:2px;}

/* Tablet / desktop intermedio: 3 columnas fluidas */
@media (min-width:768px){
  .fg-cards{flex-direction:row;}
  .fg-card{flex:1;min-height:480px;}
  .fg-card .fg-btn{margin-top:auto;}
}

/* Desktop al Figma (≥1300px): bloque al 90% (gap derecho 10%), medidas proporcionales.
   A 1440px equivale exactamente a 3×432×550 con los iconos en sus posiciones exactas. */
@media (min-width:1300px){
  .fg-hero{height:900px;min-height:0;}
  .fg-services{margin-top:-136px;padding-bottom:120px;}  /* tarjetas con top = 764px @1440 */
  img.fg-services__deco{display:block;position:absolute;right:-30px;top:140px;height:920px;opacity:.10;z-index:0;pointer-events:none;}  /* más grande; líneas arrancan en la división video/blanco, detrás de las tarjetas */
  .fg-cards{flex-direction:row;width:90%;}               /* 1296px @1440; pegado a la izquierda, gap derecho 10% */
  /* Layout en flujo: el botón va siempre debajo del texto (sin solaparse en ningún ancho) */
  .fg-card{flex:1 1 0;width:auto;min-height:560px;padding:46px 40px 40px;display:flex;flex-direction:column;}
  .fg-card .fg-card__title{position:static;margin:0 0 22px;}
  .fg-card__icon{position:static;width:auto;height:150px;margin:0 0 22px;display:flex;align-items:center;justify-content:center;}
  .fg-card__icon img{width:auto;height:100%;max-width:100%;object-fit:contain;}
  .fg-card__divider{position:static;width:auto;margin:0 0 22px;}
  .fg-card p{position:static;margin:0 0 28px;font-size:clamp(0.95rem,1.05vw,1.3rem);line-height:1.55;}
  .fg-card .fg-btn{position:static;margin-top:auto;align-self:flex-start;}
}

/* ============================================================
   QUÉ HACEMOS
   ============================================================ */
.fg-what{background:#fff;padding:150px 0;position:relative;overflow:hidden;}
.fg-what__deco{position:absolute;opacity:.10;pointer-events:none;z-index:1;}
.fg-what__deco--tr{top:-340px;right:-40px;height:720px;}                              /* escudo-1 natural, más arriba (hacia la zona del círculo azul) */
.fg-what__deco--bl{bottom:-200px;left:-150px;height:840px;}                            /* escudo-2: inferior izquierda, prominente (como la referencia) */
.fg-what .fg-container{position:relative;z-index:2;}
.fg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
/* Grid de 3 filas: los dos divisores comparten fila => quedan alineados */
.fg-what__grid{
  display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:start;
  grid-template-areas:
    "title  ."
    "rule-l rule-r"
    "label  paras";
}
.fg-what__title{grid-area:title;font-size:clamp(1.7rem,2.8vw,2.5rem);font-weight:500;margin:0;padding-bottom:52px;line-height:1.15;}
.fg-what__rule{height:1px;border:0;width:100%;margin:0 0 28px;}
.fg-what__rule--l{grid-area:rule-l;background:#103580;}            /* divisor azul */
.fg-what__rule--r{grid-area:rule-r;background:var(--gray-light);}  /* divisor gris */
.fg-what .fg-what__label{grid-area:label;color:#103580;}  /* etiqueta en azul */
.fg-what__paras{grid-area:paras;}
.fg-rule{height:1px;background:var(--gray-light);width:100%;margin:0 0 18px;border:0;}
.fg-label{font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:.16em;color:var(--green);text-transform:uppercase;}
.fg-what__lead{font-size:1.4rem;color:var(--navy);font-weight:500;margin:0 0 24px;line-height:1.5;}
.fg-what__body{color:var(--gray-text);font-size:1.08rem;line-height:1.6;margin:0;}
.fg-br{display:inline;}  /* salto de línea sólo en desktop (se oculta en móvil) */

/* ============================================================
   EXCELENCIA
   ============================================================ */
.fg-excellence{position:relative;color:#fff;padding:215px 0;overflow:hidden;}
.fg-excellence__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:1;}  /* recorte: oculta caras, muestra chaleco y plano */
.fg-excellence__overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,20,61,.58) 0%,rgba(0,20,61,.34) 100%);}
.fg-excellence .fg-container{position:relative;z-index:3;}
.fg-excellence h2{color:#fff;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.12;}
.fg-excellence .fg-rule{background:#fff;width:100%;height:1px;margin-bottom:28px;}
.fg-excellence p{color:rgba(255,255,255,.92);font-size:1.65rem;line-height:1.5;margin:0;}

/* ============================================================
   SECCIÓN DESTACADA AZUL
   ============================================================ */
.fg-feature{background:var(--navy);color:#fff;padding:140px 0 96px;}
.fg-feature h2{color:#fff;font-size:clamp(1.7rem,2.9vw,2.5rem);font-weight:500;line-height:1.18;}
.fg-feature p{color:rgba(255,255,255,.88);font-size:1.5rem;line-height:1.5;margin:0;}
.fg-feature__bars{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-left:max(24px,calc((100% - 1240px)/2 + 24px));margin-right:0;}  /* arrancan en el borde izq. del contenedor (donde empieza "Pólizas") y llegan al borde derecho */
.fg-bar{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:32px 20px;font-family:var(--font-head);font-weight:700;font-size:clamp(1rem,1.6vw,1.35rem);
  letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--navy);transition:background .25s var(--ease);
}
.fg-bar i{font-size:.85em;}
.fg-feature__bars .fg-bar,.fg-feature__bars .fg-bar i{color:var(--navy);}  /* texto/flecha azul sobre gris */
.fg-bar--quote{background:#A8A9A8;}                 /* gris un poco más oscuro */
.fg-bar--quote:hover{background:#9a9b9a;}
.fg-bar--advisor{background:#C8C8C8;}               /* gris más claro */
.fg-bar--advisor:hover{background:#bcbcbc;}
.fg-bar--advisor i{font-size:1.5em;}                /* ícono de WhatsApp más grande (a la izquierda) */

/* ============================================================
   COBERTURA / CONTACTO
   ============================================================ */
.fg-contact{background:#fff;padding:100px 0 40px;position:relative;overflow:hidden;}
@media (min-width:993px){
  .fg-contact .fg-grid-2{grid-template-columns:calc(25vw + 238px) 1fr;}  /* lista arranca en la división de los botones (válido en desktop ancho) */
}
.fg-contact__deco{position:absolute;right:-20px;bottom:-20px;height:800px;opacity:.12;pointer-events:none;z-index:0;}  /* más grande, pegado al operador */
.fg-contact .fg-container{position:relative;z-index:1;}
.fg-contact h2{font-size:clamp(1.45rem,1.9vw,1.7rem);font-weight:500;margin-bottom:22px;line-height:1.25;}
.fg-contact__desc{color:var(--gray-text);font-size:1.05rem;margin-bottom:40px;}

/* Formulario */
.fg-form-card{background:transparent;border:1.5px solid rgba(0,35,105,.4);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;max-width:500px;}  /* outline #002369 40%; menos ancho */
.fg-form-card h3{font-size:1.5rem;margin-bottom:24px;color:var(--navy);}
.fg-field{margin-bottom:16px;}
.fg-field-row{display:flex;gap:16px;}
.fg-field-row .fg-field{flex:1;margin-bottom:16px;}
.fg-field input,.fg-field textarea{
  width:100%;border:1px solid #d8dde6;background:#fff;border-radius:10px;
  padding:14px 16px;font-family:var(--font-body);font-size:15px;color:var(--navy);transition:border-color .2s,box-shadow .2s;
}
.fg-field textarea{min-height:120px;resize:vertical;}
.fg-field input::placeholder,.fg-field textarea::placeholder{color:var(--gray-mid);}
.fg-field input:focus,.fg-field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(84,198,130,.15);}
.fg-form-card .fg-btn-enviar{align-self:flex-start;background:var(--navy);color:#fff;border-radius:0;padding:14px 40px;margin-top:6px;letter-spacing:.08em;text-transform:uppercase;}
.fg-form-card .fg-btn-enviar:hover{background:var(--navy-darkest);transform:translateY(-1px);}
.fg-form-card .fg-btn-enviar:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.fg-form-feedback{font-size:.95rem;margin-top:12px;}
.fg-form-feedback--success{color:#0a7a34;}
.fg-form-feedback--error{color:#c0392b;}
/* reCAPTCHA v2 (casilla "No soy un robot") dentro del formulario */
.g-recaptcha{margin:8px 0 4px;}

/* Columna derecha: sectores + imagen */
.fg-sectors{margin-bottom:34px;max-width:380px;}  /* divisores más cortos */
.fg-sectors li{
  display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #eef1f5;
  font-family:var(--font-body);font-size:1.05rem;color:var(--navy);font-weight:800;
}
.fg-sectors li:last-child{border-bottom:0;}
.fg-dot{width:9px;height:9px;border-radius:50%;background:var(--gray-mid);flex-shrink:0;display:inline-block;}
/* Columna derecha estirada: lista arriba, trabajador anclado abajo-derecha */
.fg-contact__right{align-self:stretch;display:flex;flex-direction:column;position:relative;}
.fg-contact__img{position:relative;z-index:3;margin-top:auto;width:100%;max-width:400px;align-self:flex-end;transform:translateY(40px);}  /* completo, al frente, pegado al footer */
.fg-contact__img img{width:100%;height:auto;object-fit:contain;display:block;}

/* ============================================================
   FOOTER
   ============================================================ */
.fg-footer{background:var(--navy-darkest);color:#fff;padding:46px 0;}
.fg-footer .fg-container{max-width:none;padding:0 48px;}  /* footer a todo el ancho: logo izq., info más a la derecha */
.fg-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.fg-footer__logo img{height:48px;width:auto;}
.fg-footer__info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.8);font-size:.95rem;}
.fg-footer__info a{color:inherit;transition:color .2s;}
.fg-footer__info a:hover{color:var(--green);}
.fg-footer__sep{color:rgba(255,255,255,.35);}
.fg-footer__brand{font-family:var(--font-body);font-weight:700;}  /* Manrope Bold */

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:992px){
  .fg-nav{display:none;}                /* en móvil sólo hamburguesa */

  /* Gutter lateral UNIFICADO en móvil: mismo margen de texto a los bordes en todas las secciones
     (header, hero, secciones, tarjetas y footer). Las barras CTA quedan a ancho completo aparte. */
  .fg-container,
  .fg-header .fg-container,
  .fg-footer .fg-container{padding-left:28px;padding-right:28px;}
  .fg-card{padding-left:28px;padding-right:28px;}

  /* Menú móvil: overlay a pantalla completa (en vez del dropdown del desktop). */
  .fg-header{z-index:70;}
  /* El panel vive DENTRO del header (mismo stacking context), así que el logo y la
     hamburguesa deben elevarse por encima del panel para que la X siga siendo tappable. */
  .fg-logo,.fg-burger{position:relative;z-index:80;}
  .fg-burger{min-width:44px;min-height:44px;}  /* área de toque accesible (WCAG 2.5.5) sin mover las 3 líneas */
  .fg-panel{
    position:fixed;inset:0;width:100%;min-width:0;margin:0;
    padding:120px 32px 48px;border-radius:0;box-shadow:none;
    background:var(--navy-darkest);
    display:flex;flex-direction:column;justify-content:center;gap:4px;
    overflow-y:auto;
  }
  .fg-panel a{
    font-family:var(--font-head);font-size:1.6rem;font-weight:600;
    padding:18px 8px;border-radius:0;letter-spacing:.03em;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .fg-panel a:last-child{border-bottom:0;}
  body.fg-menu-open{overflow:hidden;}   /* bloquea el scroll de fondo con el menú abierto */
  /* Con el menú abierto, quitar el backdrop-filter del header: si no, crea un
     bloque contenedor que atrapa al .fg-panel (position:fixed) y lo recorta a la
     altura del header. El overlay navy ya cubre todo, así que no se nota. */
  body.fg-menu-open .fg-header{
    backdrop-filter:none;-webkit-backdrop-filter:none;
    background:transparent;box-shadow:none;
  }
  /* Ocultar a Fory mientras el menú full-screen está abierto (overlay enfocado). */
  body.fg-menu-open .fg-chatbot{opacity:0;visibility:hidden;pointer-events:none;}

  .fg-grid-2{grid-template-columns:1fr;gap:36px;}
  /* Iconos: fijamos ALTURA (no ancho) para que los 3 ocupen el mismo alto;
     si no, los SVG de aspecto distinto (Forpass es alto y angosto) salen disparejos. */
  .fg-card__icon{width:auto;height:145px;margin-bottom:28px;align-self:center;display:flex;align-items:center;justify-content:center;}
  .fg-card__icon img{width:auto;height:100%;max-width:100%;object-fit:contain;}
  /* Facility y Forpass son SVG más angostos: les damos más alto para que se vean del tamaño de Pólizas */
  .fg-card--2 .fg-card__icon{height:185px;}   /* Facility Services */
  .fg-card--3 .fg-card__icon{height:200px;}   /* Tecnología Forpass (el más angosto) */
  .fg-feature .fg-grid-2{gap:48px;}                          /* más aire entre título y párrafo en "Pólizas…" */
  .fg-services{padding-bottom:0;}                            /* el padding inferior de las tarjetas (80px) se sumaba al de "¿Qué hacemos?" arriba (150px vs 70px); lo neutralizamos para equilibrar */
  /* Móvil: orden etiqueta → título → divisor → párrafos (un solo divisor, debajo del título) */
  .fg-what__grid{grid-template-columns:1fr;column-gap:0;
    grid-template-areas:"label" "title" "rule-l" "paras";}
  .fg-what__label{margin:0 0 32px;}            /* más aire entre "¿Qué hacemos?" y el título */
  /* Selector con doble clase para ganarle a `.fg h2{margin:0}` (más específico que una sola clase) */
  .fg-what__grid .fg-what__title{padding-bottom:0;margin:0 0 44px;}  /* más aire entre el título y el divisor */
  .fg-what__rule--l{margin:0 0 28px;}          /* divisor único, debajo del título */
  .fg-what__rule--r{display:none;}             /* segundo divisor solo aplica en desktop */
  /* Estandarizar tamaño de párrafos descriptivos (estaban desproporcionados en móvil) */
  .fg-excellence p{font-size:1.05rem;}         /* antes 1.65rem (26px) → al nivel del resto */
  .fg-feature p{font-size:1.05rem;}            /* antes 1.5rem (24px) */
  .fg-br{display:none;}   /* en móvil el texto refluye sin saltos forzados */
  .fg-feature__bars{grid-template-columns:1fr 1fr;margin-left:0;margin-right:0;}  /* dos botones, ancho completo de pantalla */
  .fg-feature__bars .fg-bar i{display:none;}          /* en móvil ocultamos la flecha de "Cotiza hoy" */
  .fg-feature__bars .fg-bar--advisor i{display:inline-block;font-size:1.2em;}  /* pero SÍ el ícono de WhatsApp, proporcional al texto */
  .fg-feature__bars .fg-bar{padding:16px 8px;font-size:.72rem;letter-spacing:.02em;white-space:nowrap;gap:7px;}  /* menos altos; cada frase en una sola línea */
  .fg-hero__inner{padding:140px 0 200px;}

  /* Contacto en móvil: el formulario va al FINAL.
     display:contents desarma las 2 columnas para poder reordenar cada bloque por separado.
     Orden: título → descripción → sectores → imagen → formulario. */
  .fg-contact .fg-grid-2{display:flex;flex-direction:column;}
  .fg-contact .fg-grid-2 > div{display:contents;}
  .fg-contact h2{order:1;}
  .fg-contact__desc{order:2;}
  .fg-contact .fg-sectors{order:3;}
  /* El grid hereda align-items:start, así que en columna el form no se estiraba (quedaba ~253px).
     Lo llevamos al ancho completo del contenedor para una experiencia táctil cómoda. */
  .fg-contact .fg-form-card{order:4;width:100%;max-width:none;}
  .fg-contact .fg-field input,.fg-contact .fg-field textarea{font-size:16px;}  /* 16px evita el auto-zoom de iOS al enfocar */
  /* Operador DEBAJO del form, centrado, con el isotipo detrás y pegado al footer (como el diseño) */
  .fg-contact__img{display:block;order:5;align-self:center;max-width:340px;margin:36px auto 0;transform:none;}
  img.fg-contact__deco{display:block;right:-30px;bottom:0;height:380px;opacity:.12;}  /* isotipo detrás del operador */
}
@media (max-width:768px){
  .fg-hero{min-height:auto;}
  .fg-hero__inner{padding:130px 0 200px;}
  .fg-what{padding:70px 0;}
  .fg-contact{padding:70px 0 0;}   /* sin padding inferior: el operador queda pegado al footer */
  .fg-what__deco{display:none;}
  .fg-excellence{padding:90px 0;}
  .fg-feature{padding:96px 0 88px;}  /* sección más alta y con aire antes de las barras CTA (como el diseño original) */
  .fg-card{min-height:auto;}
  img.fg-what__deco{display:none;}  /* ocultar isotipo de "¿Qué hacemos?" en móvil (el del contacto SÍ se muestra, detrás del operador) */
  /* Footer móvil (como el diseño): logo arriba, "T. … | correo" en una línea, copyright en otra, todo a la izquierda */
  .fg-footer .fg-container{padding:0 28px;}  /* mismo gutter unificado */
  .fg-footer-inner{flex-direction:column;align-items:flex-start;text-align:left;gap:20px;}
  .fg-footer__info{justify-content:flex-start;}
  .fg-footer__info .fg-footer__sep ~ .fg-footer__sep{display:none;}  /* ocultar el 2º separador (antes del copyright) */
  .fg-footer__info > span:last-child{flex-basis:100%;}               /* copyright en su propia línea */
  .fg-bar{padding:26px 16px;}
}
@media (max-width:520px){
  .fg-form-card{padding:24px;}
  .fg-field-row{flex-direction:column;gap:0;}
  .fg-panel{padding:120px 24px 40px;}  /* overlay full-screen: solo ajustamos el padding lateral en pantallas chicas */
}

/* ============================================================
   CHATBOT WIDGET
   ============================================================ */
.fg-chatbot{
  position:fixed;bottom:24px;right:24px;z-index:900;
  font-family:var(--font-body);
  transition:opacity .2s ease,visibility .2s ease;
}
/* Burbuja de invitación (primera visita) */
.fg-chatbot__nudge{
  position:absolute;bottom:80px;right:2px;width:max-content;max-width:220px;
  background:#fff;color:var(--navy);font-family:var(--font-body);font-size:.86rem;font-weight:500;line-height:1.4;
  padding:12px 30px 12px 15px;border-radius:16px 16px 4px 16px;
  box-shadow:0 12px 32px rgba(0,20,61,.22);cursor:pointer;
  opacity:0;transform:translateY(8px) scale(.96);transform-origin:bottom right;pointer-events:none;
  transition:opacity .28s var(--ease),transform .28s var(--ease);
}
.fg-chatbot__nudge.is-visible{opacity:1;transform:none;pointer-events:auto;}
.fg-chatbot__nudge-close{
  position:absolute;top:5px;right:7px;border:none;background:transparent;color:var(--gray-mid);
  font-size:16px;line-height:1;cursor:pointer;padding:2px;transition:color .2s;
}
.fg-chatbot__nudge-close:hover{color:var(--navy);}
@keyframes fg-chat-float{
  0%,100%{translate:0 0;}
  50%{translate:0 -8px;}
}
@keyframes fg-chat-glow{
  0%,100%{box-shadow:0 10px 36px rgba(0,20,61,.32),0 0 0 0 rgba(84,198,130,0),inset 0 1px 0 rgba(255,255,255,.25);}
  50%{box-shadow:0 14px 42px rgba(0,20,61,.38),0 0 22px rgba(84,198,130,.42),inset 0 1px 0 rgba(255,255,255,.3);}
}
@keyframes fg-chat-shimmer{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}
@keyframes fg-chat-ring{
  0%{transform:scale(1);opacity:.85;}
  70%{transform:scale(1.5);opacity:0;}
  100%{transform:scale(1.45);opacity:0;}
}
@keyframes fg-chat-blink{
  0%,46%,54%,100%{transform:scaleY(1);}
  50%{transform:scaleY(.08);}
}
@keyframes fg-chat-eye-glow{
  0%,100%{
    opacity:.9;
    box-shadow:0 0 5px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.55),0 0 20px rgba(190,225,255,.35);
  }
  50%{
    opacity:1;
    box-shadow:0 0 8px #fff,0 0 18px rgba(255,255,255,.85),0 0 30px rgba(210,235,255,.55);
  }
}
.fg-chatbot__launcher{
  position:relative;width:64px;height:64px;border-radius:50%;border:none;
  cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;
  background:transparent;
  animation:fg-chat-float 2.8s ease-in-out infinite,fg-chat-glow 3.2s ease-in-out infinite;
  transition:transform .25s var(--ease);
}
.fg-chatbot__launcher::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(84,198,130,.85);
  pointer-events:none;animation:fg-chat-ring 2.8s ease-out infinite;
}
.fg-chatbot__launcher:hover{
  transform:scale(1.08);
  border-color:rgba(255,255,255,.55);
  animation-play-state:paused;
}
.fg-chatbot__launcher:focus-visible{outline:2px solid var(--green);outline-offset:3px;}
.fg-chatbot.is-open .fg-chatbot__launcher{
  animation-play-state:paused;
}
.fg-chatbot__face{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;z-index:1;}
.fg-chatbot__mascot{width:100%;height:100%;display:block;overflow:visible;}
.fg-chatbot__eyes-wrap{
  transform-box:fill-box;transform-origin:center;
  animation:fg-chat-blink 5.5s ease-in-out infinite;
}
.fg-chatbot__eyes{
  transform-box:fill-box;transform-origin:center;
  transition:transform .12s ease-out;will-change:transform;
}
.fg-chatbot__eye{filter:drop-shadow(0 0 4px rgba(190,227,255,.85)) drop-shadow(0 0 9px rgba(150,205,255,.45));}
.fg-chatbot__eye--open,.fg-chatbot__halo{transition:opacity .16s ease;}
.fg-chatbot__eye--happy{opacity:0;transition:opacity .16s ease;}
.fg-chatbot__eyes.is-greeting .fg-chatbot__eye--open,
.fg-chatbot__eyes.is-greeting .fg-chatbot__halo{opacity:0;}
.fg-chatbot__eyes.is-greeting .fg-chatbot__eye--happy{opacity:1;}
.fg-chatbot__panel{
  position:absolute;bottom:calc(100% + 14px);right:0;width:384px;max-width:calc(100vw - 32px);
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  font-family:var(--font-body);
  box-shadow:0 24px 64px rgba(0,20,61,.26),0 0 0 1px rgba(0,35,105,.06);
  opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);
  transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s;
  display:flex;flex-direction:column;max-height:min(540px,calc(100vh - 120px));
}
.fg-chatbot.is-open .fg-chatbot__panel{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);
}
.fg-chatbot__header{
  display:flex;align-items:center;gap:13px;
  padding:16px 18px;background:linear-gradient(135deg,#00143D 0%,#002369 70%,#103580 100%);
  color:#fff;
}
.fg-chatbot__avatar{
  flex-shrink:0;width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;
}
.fg-chatbot__avatar svg{width:42px;height:42px;display:block;}
.fg-chatbot__header-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.fg-chatbot__header-text strong{
  font-family:var(--font-head);font-size:1.18rem;font-weight:600;color:#fff;letter-spacing:.01em;line-height:1.1;
}
.fg-chatbot__subtitle{font-family:var(--font-body);font-size:.78rem;color:rgba(255,255,255,.72);line-height:1.3;}
.fg-chatbot__status{
  display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-size:.72rem;font-weight:600;color:var(--green);letter-spacing:.04em;text-transform:uppercase;
}
.fg-chatbot__status::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--green);
  box-shadow:0 0 0 3px rgba(84,198,130,.25);
}
.fg-chatbot__close{
  flex-shrink:0;width:34px;height:34px;border:none;border-radius:50%;
  background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1rem;
  transition:background .2s,color .2s;
}
.fg-chatbot__close:hover{background:rgba(255,255,255,.2);color:var(--green);}
.fg-chatbot__messages{
  flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px;
  background:var(--off-white);
}
.fg-chatbot__msg{max-width:86%;display:flex;}
.fg-chatbot__msg--bot{align-self:flex-start;}
.fg-chatbot__msg--user{align-self:flex-end;}
.fg-chatbot__bubble{
  padding:12px 15px;border-radius:16px;font-family:var(--font-body);font-size:.9rem;line-height:1.55;margin:0;
}
.fg-chatbot__msg--bot .fg-chatbot__bubble{
  background:#fff;color:var(--gray-text);
  box-shadow:0 2px 12px rgba(0,20,61,.07);
  border-bottom-left-radius:5px;
}
.fg-chatbot__msg--user .fg-chatbot__bubble{
  background:linear-gradient(135deg,#002369,#103580);color:#fff;
  border-bottom-right-radius:5px;
}
.fg-chatbot__quickreplies{
  align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  animation:fg-qr-in .25s var(--ease) both;
}
@keyframes fg-qr-in{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.fg-chatbot__chip{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid rgba(0,35,105,.16);background:#fff;color:var(--navy);
  border-radius:999px;padding:13px 16px;font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1.2;
  cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;
}
.fg-chatbot__chip::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;
}
.fg-chatbot__chip:hover{
  background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,20,61,.18);
}
.fg-chatbot__chip--menu{background:transparent;border-color:rgba(0,35,105,.22);color:var(--navy-2);font-weight:500;}
.fg-chatbot__chip--menu::before{display:none;}
.fg-chatbot__chip--menu i{font-size:.78rem;color:var(--green);transition:color .2s;}
.fg-chatbot__chip--menu:hover i{color:#fff;}
/* Botón CTA de WhatsApp (verde oficial de WhatsApp = señal reconocible) */
a.fg-chatbot__chip--wa{background:var(--green);border-color:var(--green);color:var(--navy);text-decoration:none;}
.fg-chatbot__chip--wa::before{display:none;}
.fg-chatbot__chip--wa i{font-size:1rem;color:var(--navy);}
a.fg-chatbot__chip--wa:hover{background:var(--green-hover);border-color:var(--green-hover);color:var(--navy);transform:translateY(-1px);box-shadow:0 6px 16px rgba(84,198,130,.40);}
.fg-chatbot__form{
  display:flex;align-items:center;gap:8px;padding:12px 14px 14px;
  border-top:1px solid #eef1f5;background:#fff;
}
.fg-chatbot__input{
  flex:1;border:1px solid #d8dde6;border-radius:999px;padding:11px 16px;
  font-family:var(--font-body);font-size:.9rem;color:var(--navy);background:#fff;
  transition:border-color .2s,box-shadow .2s;
}
.fg-chatbot__input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(84,198,130,.15);}
.fg-chatbot__input::placeholder{color:var(--gray-mid);}
.fg-chatbot__send{
  flex-shrink:0;width:42px;height:42px;border:none;border-radius:50%;
  background:var(--green);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:.95rem;
  transition:background .2s,transform .2s;
}
.fg-chatbot__send:hover{background:var(--green-hover);transform:scale(1.04);}
.fg-chatbot__note{
  margin:0;padding:2px 18px 12px;background:#fff;
  font-family:var(--font-body);font-size:.75rem;color:var(--gray-text);text-align:center;line-height:1.35;
}
@media (max-width:520px){
  .fg-chatbot{bottom:16px;right:16px;}
  .fg-chatbot__launcher{width:56px;height:56px;}
  .fg-chatbot__panel{width:calc(100vw - 32px);max-height:min(480px,calc(100vh - 100px));}
  .fg-chatbot__input{font-size:16px;}  /* evita zoom en iOS */
}
@media (prefers-reduced-motion:reduce){
  .fg-chatbot__panel,.fg-chatbot__launcher,.fg-chatbot__chip,.fg-chatbot__eyes{transition:none;}
  .fg-chatbot__launcher,.fg-chatbot__launcher::after,.fg-chatbot__eyes-wrap,.fg-chatbot__eye,.fg-chatbot__quickreplies{animation:none;}
}

/* ---- El casco y la cara ahora viven en el SVG .fg-chatbot__mascot ---- */
.fg-chatbot__launcher{overflow:visible;}

/* ---- Indicador "escribiendo…" ---- */
.fg-chatbot__typing{display:inline-flex;gap:4px;align-items:center;}
.fg-chatbot__typing span{width:7px;height:7px;border-radius:50%;background:var(--gray-mid);display:inline-block;animation:fg-typing 1.2s infinite ease-in-out;}
.fg-chatbot__typing span:nth-child(2){animation-delay:.15s;}
.fg-chatbot__typing span:nth-child(3){animation-delay:.3s;}
@keyframes fg-typing{0%,60%,100%{transform:translateY(0);opacity:.4;}30%{transform:translateY(-4px);opacity:1;}}
@media (prefers-reduced-motion:reduce){.fg-chatbot__typing span{animation:none;}}