/* Cuïdo — base.css — tokens y estilos compartidos */
:root {
  --primary: #0D3B4C;
  --accent: #29D1B1;
  --white: #FFFFFF;
  --primary-light: #1a5570;
  --primary-dark: #082530;
  --accent-light: #e8faf7;
  --accent-mid: #a8ede3;
  --gray-light: #f8f9fa;
  --gray-mid: #e9ecef;
  --gray-text: #6c757d;
  --shadow-sm: 0 2px 12px rgba(13,59,76,.08);
  --shadow-md: 0 8px 32px rgba(13,59,76,.12);
  --shadow-lg: 0 20px 60px rgba(13,59,76,.16);
  --radius: 16px;
  --radius-lg: 24px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:var(--primary);background:var(--white);overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* Acceso flotante de WhatsApp compartido por el sitio */
.whatsapp-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:999;
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background:#25d366;
  box-shadow:0 8px 24px rgba(13,59,76,.28);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.whatsapp-float:hover{
  color:#fff;
  background:#1fbd59;
  box-shadow:0 10px 28px rgba(13,59,76,.36);
  transform:translateY(-3px) scale(1.04);
}
.whatsapp-float:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
.whatsapp-float svg{width:32px;height:32px;display:block;fill:currentColor}
@media(max-width:600px){
  .whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}
  .whatsapp-float svg{width:29px;height:29px}
}