:root{
  --color-primario:#0f3460;
  --color-secundario:#3b82f6;
  --color-fondo:#ffffff;
  --color-fondo-alt:#f4f6f9;
  --color-texto:#1f2937;
  --color-texto-claro:#ffffff;
  --fuente-titulos:'Poppins', 'Segoe UI', Arial, sans-serif;
  --fuente-texto:'Inter', 'Segoe UI', Arial, sans-serif;
  --radio-borde:8px;
  --sombra:0 10px 30px rgba(15,52,96,.10);
  --max-ancho:1200px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fuente-texto);color:var(--color-texto);line-height:1.6;background:var(--color-fondo);overflow-x:hidden}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{overflow-wrap:break-word;word-break:break-word}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.contenedor{max-width:var(--max-ancho);margin:0 auto;padding:0 24px}
.titulo-seccion{font-family:var(--fuente-titulos);font-size:2.2rem;text-align:center;margin-bottom:16px;color:var(--color-primario)}
.subtitulo-seccion{text-align:center;color:#666;max-width:640px;margin:0 auto 48px}
.boton{display:inline-block;padding:14px 32px;background:var(--color-primario);color:var(--color-texto-claro);border-radius:var(--radio-borde);font-weight:600;letter-spacing:.5px;transition:transform .2s ease,background .2s ease;border:none;cursor:pointer}
.boton:hover{background:var(--color-secundario);color:var(--color-primario);transform:translateY(-2px)}
section{padding:80px 0}
@media(max-width:768px){section{padding:56px 0} .titulo-seccion{font-size:1.6rem}}

/* Botón flotante de acceso al admin (visible solo en el front, quítalo si no lo quieres) */
.admin-fab{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:var(--color-primario);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--sombra);z-index:200;opacity:.75;transition:opacity .2s ease}
.admin-fab:hover{opacity:1}

/* Botón flotante de WhatsApp (se agrega vía js/main.js si hay contacto.whatsapp configurado) */
.whatsapp-fab{position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:200;transition:transform .2s ease}
.whatsapp-fab:hover{transform:scale(1.08)}
@media(max-width:600px){.whatsapp-fab{width:50px;height:50px;left:14px;bottom:14px}}