/* --- Clinica Detail Page (node--clinica) --- */

.clinica-hero {
    background-size: cover;
    background-position: center;
    min-height: 400px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    /* Banner redondeado */
    overflow: hidden;
    margin-top: 1rem;
    /* Espacio limpio tras el breadcrumb */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Ajuste para que el Hero cubra el ancho completo si está en container */
/* En Barrio a veces hay containers padres. Si queremos full width, necesitamos trucos o regiones. 
   Por ahora asumimos que está dentro del contenido. */

.clinica-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(15, 76, 129, 0.9) 0%, rgba(85, 197, 185, 0.8) 100%);
}

.hero-content {
    z-index: 2;
}

/* Efecto de solapamiento (Overlap) */
.main-content-overlap {
    margin-top: -80px;
    /* Subir el contenido sobre el hero */
    position: relative;
    z-index: 3;
}

.icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}