/* =========================================
   ESTILOS ESPECÍFICOS DE SERVICIOS
   ========================================= */

/* HERO */
.hero-servicios {
    background: linear-gradient(rgba(24, 53, 146, 0.9), rgba(24, 53, 146, 0.8)), url('https://images.unsplash.com/photo-1473968512647-3e447244af8f?q=80&w=1200'); /* Fondo azulado con foto sutil */
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 180px 20px 80px;
    text-align: center;
}
.contenido-hero-serv h1 { font-family: 'Montserrat', sans-serif; font-size: 3rem; margin-bottom: 10px; }
.contenido-hero-serv p { font-size: 1.2rem; opacity: 0.9; }

/* LAYOUT GENERAL */
.bloque-servicios { padding: 80px 20px; max-width: 1200px; margin: 0 auto; }
.fondo-gris { background-color: #f4f4f4; width: 100%; max-width: 100%; }
.fondo-gris .grid-servicios-hub, .fondo-gris .cabecera-bloque { max-width: 1200px; margin: 0 auto; }

/* CABECERAS DE SECCIÓN */
.cabecera-bloque { text-align: center; margin-bottom: 50px; }
.icono-bloque { font-size: 2.5rem; color: #D3AA52; margin-bottom: 15px; display: block; }
.icono-bloque.azul { color: #183592; }
.cabecera-bloque h2 { font-size: 2.2rem; color: #333; margin-bottom: 10px; }

/* GRID Y TARJETAS */
.grid-servicios-hub {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.card-servicio {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-decoration: none;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex; flex-direction: column;
}
.card-servicio:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

.img-card { height: 220px; overflow: hidden; }
.img-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.card-servicio:hover .img-card img { transform: scale(1.1); }

.info-card { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; }
.info-card h3 { color: #183592; font-size: 1.4rem; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; }
.info-card p { color: #666; margin-bottom: 20px; line-height: 1.6; flex-grow: 1; }

/* Chip de Precio (Nuevo) */
.precio-chip {
    background: #f0f0f0;
    color: #555;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    align-self: flex-start;
    margin-bottom: 15px;
}

.btn-ver-mas { color: #D3AA52; font-weight: bold; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; }

/* SECCIÓN COLABORACIÓN (Recuperada) */
.seccion-colaboracion {
    background: #183592;
    color: #fff;
    padding: 80px 20px;
    text-align: center;
}
.contenido-colab { max-width: 800px; margin: 0 auto; }
.contenido-colab h2 { font-size: 2rem; margin-bottom: 20px; color: #D3AA52; }
.contenido-colab p { font-size: 1.1rem; line-height: 1.8; margin-bottom: 30px; opacity: 0.9; }
.btn-colab {
    display: inline-block;
    border: 2px solid #D3AA52;
    color: #D3AA52;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s;
}
.btn-colab:hover { background: #D3AA52; color: #000; }