/* ---------------------------------------------------------------
   Guía "Protegé el WhatsApp de tu empresa".
   Solo la usa guia-whatsapp.php; se apoya en estilo.css.
--------------------------------------------------------------- */

.titular .acciones{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;}

/* La regla de oro: un aviso rojo, que no se confunda con un dato más */
.alerta{
  display:flex;gap:1rem;align-items:flex-start;
  background:#fdecec;border:1px solid #f5c2c2;border-left:4px solid #c53030;
  border-radius:0 var(--radio) var(--radio) 0;padding:1.2rem 1.4rem;margin:0 0 1.4em;
}
.alerta svg{flex:0 0 auto;width:2rem;height:2rem;fill:#c53030;margin-top:.1rem;}
.alerta p{margin:0;color:#6e1f1f;}
.alerta strong{color:#8a1c1c;}

/* Cuatro tarjetas: dos por fila (la rejilla de dos columnas de siempre da tres y una queda sola) */
.rejilla.rejilla-dos{grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));}

/* Tres tildes que resumen lo que hay que pedirle a la operadora y al personal */
.verificaciones{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.6rem;}
.verificaciones li{
  position:relative;padding:.9rem 1.1rem .9rem 3rem;
  background:var(--azul-claro);border-radius:var(--radio);
}
.verificaciones li::before{
  content:"\2713";position:absolute;left:1.1rem;top:.85rem;
  color:#1f7a52;font-weight:700;font-size:1.1rem;
}

/* Material para llevarse: el PDF y las imágenes para el estado */
.descargas{
  display:grid;gap:1.5rem;
  grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));
}
.descarga{
  display:flex;flex-direction:column;gap:1rem;
  background:#fff;border:1px solid var(--linea);border-radius:var(--radio);
  padding:1.4rem;box-shadow:var(--sombra);
}
.descarga img{
  width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;
  border-radius:10px;border:1px solid var(--linea);background:var(--fondo-alt);
}
.descarga h3{margin:0;font-size:1.1rem;}
.descarga p{margin:0;font-size:.95rem;}
.descarga .boton{margin-top:auto;align-self:flex-start;}
.descarga-pdf .icono-pdf{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:9/16;border-radius:10px;border:1px solid var(--linea);
  background:linear-gradient(160deg,#0b2a5c,#1256c4);color:#fff;text-align:center;padding:1rem;
}
.descarga-pdf .icono-pdf strong{display:block;color:#fff;font-size:2.6rem;letter-spacing:.04em;}
.descarga-pdf .icono-pdf span{display:block;font-size:.95rem;color:#cfdcf2;margin-top:.3rem;}