/*
 * -----------------------------------------------------------------
 * Estilos de Tarjetas de Servicios (Cards)
 * -----------------------------------------------------------------
 */


.services-cards .card {
    background-color: #fff; /* Asegura explícitamente el fondo blanco de la tarjeta */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 0.5rem !important;
    border: 0;
    height: 100%; /* Asegura que todas las tarjetas en una fila tengan la misma altura */
}

.services-cards .card:hover {
    transform: translateY(-10px); /* Efecto de "levantar" al pasar el ratón */
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

.services-cards .card-img-top {
    height: 200px;
    object-fit: cover; /* Evita que la imagen se deforme */
}

/* * Esto usa Flexbox para alinear los botones al fondo,
 * incluso si el texto de las tarjetas tiene diferente longitud.
*/
.services-cards .card-body {
    display: flex;
    flex-direction: column;
}

.services-cards .card-body .btn {
    margin-top: auto; /* Empuja el botón al fondo */
}

/*
 * -----------------------------------------------------------------
 * Personalización del Botón de las Tarjetas (Naranja)
 * -----------------------------------------------------------------
 */

.services-cards .card .btn-primary {
    background-color: #da6517 !important; /* Tu color naranja personalizado */
    border-color: #da6517 !important;     /* Borde del mismo color */
}

/* Opcional: Oscurecer el botón al pasar el mouse (hover) */
.services-cards .card .btn-primary:hover,
.services-cards .card .btn-primary:focus {
    background-color: #c35a14 !important; /* Un naranja un poco más oscuro */
    border-color: #c35a14 !important;
}

/*
 * -----------------------------------------------------------------
 * Centrar Títulos de Tarjetas (Versión Forzada)
 * -----------------------------------------------------------------
 */
.services-cards .card-title {
    text-align: center !important; /* Añadimos !important para forzarlo */
}