/* ===== HERO SECCIÓN ===== */
        .hero-instalaciones { background: linear-gradient(135deg, var(--bordo-oscuro) 0%, var(--bordo-primario) 60%, var(--bordo-claro) 100%); padding: 70px 24px; text-align: center; color: white; }
        .hero-instalaciones h1 { font-size: 2.5rem; margin-bottom: 10px; }
        .hero-instalaciones p { font-size: 1.1rem; color: rgba(255, 255, 255, 0.9); }

        .contenedor { max-width: 1200px; margin: 0 auto; padding: 60px 24px; }
        .grid-instalaciones { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }

        /* ===== TARJETAS Y REBOTES ===== */
        .tarjeta-instalacion { background: var(--blanco); border-radius: 15px; overflow: hidden; box-shadow: var(--sombra-suave); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .tarjeta-instalacion:hover { transform: translateY(-10px); box-shadow: var(--sombra-flote); }

        .img-contenedor { position: relative; height: 220px; overflow: hidden; background: #eee; }
        .slide-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.8s ease, transform 0.5s ease; }
        .slide-img.activa { opacity: 1; z-index: 1; }
        .tarjeta-instalacion:hover .slide-img.activa { transform: scale(1.08); }

        .info-instalacion { padding: 25px; text-align: center; }
        .info-instalacion h3 { color: var(--bordo-primario); margin-bottom: 10px; font-size: 1.3rem; }
        .info-instalacion p { font-size: 0.9rem; color: #666; }

        .btn-ver-laboratorio {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 18px;
            padding: 10px 16px;
            border-radius: 999px;
            background: var(--bordo-primario);
            color: var(--blanco);
            font-size: 0.88rem;
            font-weight: 600;
            transition: background 0.25s ease, transform 0.25s ease;
        }
        .btn-ver-laboratorio:hover {
            background: var(--bordo-oscuro);
            color: var(--blanco);
            transform: translateX(3px);
        }

        /* ===== NUEVA SECCIÓN: SERVICIOS EXTRA ===== */
        .servicios-extra {
            background: var(--blanco);
            border-radius: 15px;
            padding: 40px;
            margin-top: 50px;
            box-shadow: var(--sombra-suave);
            border-left: 6px solid var(--bordo-primario);
        }
        .servicios-extra h3 {
            color: var(--bordo-primario);
            font-size: 1.5rem;
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .lista-servicios {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            list-style: none;
            padding: 0;
        }
        .lista-servicios li {
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 1rem;
            color: var(--texto-oscuro);
            font-weight: 500;
            padding: 15px 20px;
            background: var(--gris-claro);
            border-radius: 10px;
            transition: all 0.3s ease;
        }
        .lista-servicios li:hover {
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.06);
            background: white;
            color: var(--bordo-primario);
        }
        .lista-servicios i {
            color: var(--bordo-claro);
            font-size: 1.2rem;
            background: rgba(110, 16, 22, 0.06);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: 0.3s;
        }
        .lista-servicios li:hover i {
            background: var(--bordo-primario);
            color: white;
        }

		.seccion-devocion {
    display: flex;
    align-items: center;
    gap: 50px;
    margin: 80px auto;
    padding: 40px;
    max-width: 1000px;
    background: linear-gradient(135deg, #ffffff 0%, #fdfbf7 100%);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid rgba(255, 215, 0, 0.3);
}

.devocion-texto {
    flex: 1;
    /* Se elimina el min-width fijo para permitir fluidez en móviles */
    width: 100%; 
}

.devocion-texto h2 {
    color: #8b0000;
    font-size: 2.2rem;
    margin-bottom: 20px;
    position: relative;
}

.devocion-texto p {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #444;
}

.devocion-imagen-contenedor {
    position: relative;
    width: 380px;
    height: 500px;
    border-radius: 20px;
    box-shadow: 0 0 60px 20px rgba(255, 215, 0, 0.35);
    border: 2px solid rgba(255, 215, 0, 0.5);
    overflow: hidden;
    margin: 0 auto;
    /* Evita que la imagen se aplaste en pantallas intermedias */
    flex-shrink: 0; 
}

.img-devocion {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 18px;
    transition: opacity 1.5s ease-in-out;
}

.img-secundaria {
    opacity: 0;
}

.devocion-imagen-contenedor:hover .img-secundaria {
    opacity: 1;
    transition-delay: 5s; 
}

.devocion-imagen-contenedor:not(:hover) .img-secundaria {
    opacity: 0;
    transition-delay: 0s;
}

@media (max-width: 768px) {
    .seccion-devocion {
        flex-direction: column; /* Ubica el texto arriba y la imagen abajo */
        padding: 30px 20px;
        gap: 25px; /* Reduce la separación vertical entre el texto y la foto */
    }
    
    /* Se fuerza el centrado directo en los textos */
    .devocion-texto h2,
    .devocion-texto p {
        text-align: center;
    }
    
    .devocion-texto h2 {
        font-size: 1.8rem; /* Tamaño de letra más amigable para celular */
    }
    
    .devocion-texto p {
        font-size: 1.05rem; 
    }
    
    .devocion-imagen-contenedor {
        width: 100%;
        max-width: 340px; 
        height: 380px; /* Altura optimizada para que no sature la pantalla */
    }
}