:root{
  --navy:#020714;
  --panel:#07172d;
  --blue:#176ef3;
  --violet:#9829dd;
  --green:#35c764;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy);font-family:Manrope,Arial,sans-serif}
a{text-decoration:none;color:inherit}

/* Portada: menor espacio lateral, manteniendo la proporción 3:2 completa. */
.approved-stage{
  position:relative;
  width:100vw;
  height:100svh;
  min-height:720px;
  margin:0;
  overflow:hidden;
  background:#020714;
}
.approved-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:fill;
  filter:saturate(.58) brightness(.82) contrast(.90);
  user-select:none;
  pointer-events:none;
}
.click-map{position:absolute;inset:0;z-index:4}
.hit{position:absolute;display:block}

/* Coordenadas sobre la imagen aprobada de 1536 × 1024 */
.top-phone{left:2.0%;top:1.0%;width:11.4%;height:3.6%}
.top-email{left:14.6%;top:1.0%;width:18.6%;height:3.6%}
.top-address{left:35.8%;top:1.0%;width:25.4%;height:3.6%}
.inicio{left:36.5%;top:7.0%;width:4.2%;height:4.7%}
.nosotros{left:42.8%;top:7.0%;width:6.0%;height:4.7%}
.servicios{left:50.3%;top:7.0%;width:5.9%;height:4.7%}
.sectores{left:57.8%;top:7.0%;width:6.1%;height:4.7%}
.normativas{left:65.0%;top:7.0%;width:7.4%;height:4.7%}
.contacto{left:73.1%;top:7.0%;width:6.0%;height:4.7%}
.consulta{left:81.5%;top:6.2%;width:15.1%;height:5.8%}
.soluciones{left:6.3%;top:74.4%;width:23.4%;height:5.5%}
.card-nosotros{left:0%;top:80.4%;width:22.2%;height:18.0%}
.card-servicios{left:22.2%;top:80.4%;width:20.0%;height:18.0%}
.card-sectores{left:42.2%;top:80.4%;width:18.0%;height:18.0%}
.card-normativas{left:60.2%;top:80.4%;width:18.6%;height:18.0%}
.card-contacto{left:78.8%;top:80.4%;width:21.2%;height:18.0%}
.whatsapp-hit{left:1.4%;top:73.8%;width:3.6%;height:5.5%}

.mobile-site{display:none}

@media(max-width:900px){
  .approved-stage{display:none}
  .mobile-site{
    min-height:100vh;display:block;color:#fff;
    background:
      linear-gradient(180deg,rgba(2,7,20,.94),rgba(2,7,20,.74)),
      url('../img/inicio-v30.png') 68% center/cover no-repeat
  }
  .mobile-header{
    min-height:84px;display:flex;align-items:center;justify-content:space-between;
    padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.12);position:relative
  }
  .mobile-brand{display:flex;align-items:center;gap:10px;color:#fff}
  .mobile-brand img{width:62px;height:56px;object-fit:contain}
  .mobile-brand strong,.mobile-brand span{display:block}
  .mobile-brand strong{font-size:18px;font-weight:800}
  .mobile-brand span{font-size:11px;letter-spacing:.17em;font-weight:800}
  .mobile-toggle{border:0;background:transparent;color:#fff;font-size:29px}
  .mobile-nav{
    display:none;position:absolute;z-index:30;top:78px;left:14px;right:14px;
    padding:12px;border-radius:14px;background:#07172d;border:1px solid #28517d
  }
  .mobile-nav.open{display:grid}
  .mobile-nav a{padding:12px;color:#fff;font-weight:800}
  .mobile-hero{padding:55px 20px 70px}
  .eyebrow{color:#0b87d4;font-size:12px;font-weight:800;letter-spacing:.08em}
  .mobile-hero h1{font-size:clamp(44px,11vw,68px);line-height:1.03;letter-spacing:-.04em}
  .mobile-hero h1 span{
    background:linear-gradient(90deg,#176ef3,#9829dd);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    border-bottom:3px solid #9c27b0
  }
  .mobile-hero>p:last-of-type{max-width:590px;color:#d5dfeb;line-height:1.7}
  .mobile-cta{
    display:inline-block;margin-top:18px;padding:16px 22px;border-radius:999px;
    color:#fff;font-weight:800;background:linear-gradient(90deg,var(--blue),var(--violet))
  }
  .mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 60px}
  .mobile-links a{padding:20px;border:1px solid #28517d;border-radius:14px;background:rgba(4,18,35,.88);color:#fff}
  .mobile-links strong,.mobile-links span{display:block}
  .mobile-links span{font-size:12px;color:#bfd0e3;margin-top:7px}
}
@media(max-width:560px){.mobile-links{grid-template-columns:1fr}}

@media(max-width:760px){
  .mobile-header{
    min-height:76px;
    padding:10px 14px;
  }
  .mobile-brand{
    max-width:calc(100% - 54px);
  }
  .mobile-brand img{
    width:58px;
    height:46px;
  }
  .mobile-brand strong{
    font-size:16px;
    white-space:nowrap;
  }
  .mobile-brand span{
    font-size:9px;
    letter-spacing:.15em;
    white-space:nowrap;
  }
  .mobile-hero{
    padding:38px 18px 54px;
  }
  .mobile-hero h1{
    font-size:clamp(36px,12vw,54px);
    letter-spacing:0;
  }
}




/* V14: EnginAssist completamente independiente del hero */
@media(min-width:901px){
  body > .chat-panel{
    position:fixed !important;
    right:22px !important;
    bottom:22px !important;
    width:360px !important;
    height:520px !important;
    z-index:9999 !important;
  }
  body > .chat-launcher{
    position:fixed !important;
    right:22px !important;
    bottom:22px !important;
    z-index:9999 !important;
  }
}