.cabecera{
width: 100%;
height: 280px;
background-size: cover;/* cover = llena todo el espacio (puede recortar los lados en pantallas muy pequeñas) */
}
@media (max-width: 768px){
.cabecera{
height: 120px; /* Reducimos la altura en celulares para que no ocupe toda la pantalla */
background-size: contain;   /* Opcional: usa 'contain' si necesitas que la imagen completa se vea siempre */
}
}
.contenido {
width: 100%; /* Ocupa el 90% de la pantalla del celular */
max-width: 1080px; /* Evita que sea gigante en pantallas grandes */
border-radius: 20px;
overflow: hidden; /* Oculta los bordes de la imagen si tiene border-radius */
border: 2px solid #05b4da;
box-shadow: 0px 5px 5px rgba(18, 8, 80, 0.55);
}
.tarjeta {
width: 100%; /* Ocupa el 90% de la pantalla del celular */
max-width: 1080px; /* Evita que sea gigante en pantallas grandes */
border-radius: 20px;
padding: 20px;
/* background:#f7f7f7; */
background: transparent;
overflow: hidden; /* Oculta los bordes de la imagen si tiene border-radius */
/* border: 1px solid #bfbfbf; */
/* box-shadow: 0px 5px 5px rgba(18, 8, 80, 0.55); */
}
.cardMensaje {
width: 100%; /* Ocupa el 90% de la pantalla del celular */
max-width: 1080px; /* Evita que sea gigante en pantallas grandes */
padding: 20px;
background: transparent;
}
.font0 {
color:#29405d;
}
.font1 {
color:#1268cf;
}
.font2 {
color:#2e84f7;
}
.bgBtn {
background-color: :#2e84f7;
}



.lista-circulos {
list-style: none; /* Quita los puntos originales */
padding: 0;
}
.lista-circulos li {
width: 25px; /* Tamaño del círculo */
height: 25px;
background-color: #3498db; /* Color de fondo */
color: white; /* Color del texto */
border-radius: 50%; /* ESTO HACE EL CÍRCULO [1, 5] */
/* Centrar el contenido */
display: flex;
align-items: center;
justify-content: center;
/* Estilos adicionales para separar los elementos */
margin: 10px;
font-family: sans-serif;
font-weight: bold;
}
.rayo-boton {
}
/* Efecto de rayo/brillo al hacer clic */
.rayo-boton:hover {
box-shadow: 0 0 15px #00d2ff, 0 0 30px #00d2ff; /* Resplandor */
transform: scale(0.97); /* Pequeño salto hacia adentro */
background-color: #00d2ff;
color: #fff;
}