img {
	width:100%;
	height:300px;
    object-fit:cover;
    border-radius:10px;
}

.textoImagen{
	color:#050000; 
	font-weight:600; 
	margin-top:8px;
}

                             /* DEGRADADO  */
/* ==== ESTILO PARA LOS RECTÁNGULOS DE SERVICIOS  Y LOS OTROS RECTANGULOS UNA CHULADA JAJAJAJ==== */

.service-card {
    /* 1. Degradado con MÁS Blanco/Luminosidad */
    /* Empieza en un blanco azulado pálido y termina en un azul muy claro. */
    background: linear-gradient(135deg, #F0F8FF, #B3E0FF); 
    
    /* Color de Texto: Vuelve a un color oscuro para que contraste bien con el fondo más blanco */
    color: #1a1a1a; 
    
    padding: 35px;
    border-radius: 18px;
    
    /* Sombra más clara para ir a juego con el fondo más luminoso */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    
    max-width: 600px;
    margin-top: 30px;
    
    /* Ajustes de color de contenido si los tienes */
    border: 1px solid #e0f0ff; 
    
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}
/* ESTILO HOVER */
.service-card:hover {
    
    transform: translateY(-10px);
    
    
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
    
    /* Opcional: Oscurecer ligeramente el degradado al pasar el mouse para contraste */
    background: linear-gradient(135deg, #E6F0FF, #A0D3FF);
}


.service-card h3 {
    color: #0056b3; /* Un azul sólido para el título */
    font-size: 1.8em;
    margin-bottom: 10px;
}

.service-card p {
    color: #555;
    line-height: 1.6;
}                                   /* AQUI TERMINA EL DEGRADADO  */                              


body {
  padding-top: 100px; /* Igual a la altura del header */
}

header{<div style="margin-top: 10px;">
    <a href="https://www.facebook.com/profile.php?id=61582441176188&sk=about" target="_blank">
    <img src="pages/facebook.png" alt="Facebook" 
               style="width: 35px; height: 35px; margin-left: 10px;">
    </a>
    <a href="https://www.tiktok.com/@ciberprevent" target="_blank">
    <img src="pages/tiktok.png" alt="TikTok" 
               style="width: 35px; height: 35px; margin-left: 10px;">
               </div>

}