*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Roboto,-apple-system,"Segoe UI",sans-serif;color:#333;background:#fff;font-size:16px;line-height:1.65}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* Encabezado (estilo Astra) */
.site-header{background:#fff;border-bottom:1px solid #eaeaea;position:relative;z-index:20}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px}
.logo img{width:84px;height:auto}
nav{display:flex;gap:4px}
nav a{color:#3a3a3a;text-decoration:none;font-size:15px;font-weight:500;padding:8px 14px}
nav a:hover,nav a.activo{color:#005C99}
.menu-btn{display:none;background:none;border:0;cursor:pointer;padding:10px}
.menu-btn span{display:block;width:24px;height:2px;background:#3a3a3a;margin:5px 0}

/* Inicio */
.banner{width:100%;height:auto}
.intro{padding:60px 0}
.intro .wrap{display:flex;align-items:center;gap:40px}
.intro .col{flex:1 1 50%}
.intro h1{font-family:Roboto,sans-serif;font-size:26px;font-weight:700;color:#005C99;text-align:center;margin-bottom:20px;line-height:1.3}
.intro p{margin-bottom:16px;color:#333}

/* Securitas */
.securitas{padding:30px 0 60px}
.angosto{max-width:1064px}
.distribuidor{width:100%;margin:0 auto 28px}
.wa-link{display:block;max-width:720px;margin:0 auto 32px}
.camara{width:100%}
.texto-securitas{max-width:720px;margin:0 auto;color:#1A1A1A}
.texto-securitas p{margin-bottom:22px}
.texto-securitas a{color:#005C99;font-weight:500}
.wa-flotante{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.wa-flotante svg{width:72px;height:72px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.wa-flotante span{font-family:Poppins,Roboto,sans-serif;font-weight:800;color:#000;text-align:center;font-size:15px;line-height:1.3;margin-top:6px;text-shadow:0 0 4px #25D366,0 0 6px #25D366,1px 1px 2px rgba(0,0,0,.4)}

/* Pie (estilo Astra) */
.site-footer{border-top:1px solid #eaeaea;background:#f9f9f9;padding:22px 0;text-align:center;font-size:14px;color:#3a3a3a}

/* Celular */
@media(max-width:921px){
  .menu-btn{display:block}
  nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;border-bottom:1px solid #eaeaea;padding:8px 0}
  body.menu-open nav{display:flex}
  nav a{padding:12px 20px}
  .intro{padding:36px 0}
  .intro .wrap{flex-direction:column;gap:28px}
  .texto-securitas{font-size:18px}
}
@media(max-width:380px){
  .wa-flotante svg{width:60px;height:60px}
  .wa-flotante span{font-size:13px}
}