/* =========================================================
   HRGDV ESPECIALIDADES
   Compatible Bootstrap 3
   ========================================================= */

.hrgdv-especialidad{
    width:100%;
    max-width:1100px;
    margin:auto;
}

.hrgdv-hero{
    background:linear-gradient(135deg,#0b3c5d,#145374);
    border-radius:18px;
    padding:45px 25px;
    text-align:center;
    margin-bottom:35px;
    color:#fff;
}

.hrgdv-title{
    font-size:38px;
    font-weight:700;
    margin-bottom:18px;
	color:#fff;
}

.hrgdv-description{
    max-width:700px;
    margin:auto;
    font-size:15px;
    line-height:1.8;
}

.hrgdv-card{
    background:#fff;
    border-radius:16px;
    padding:25px 20px;
    margin-bottom:25px;
    text-align:center;
    border:1px solid #ececec;
    transition:.3s;
    min-height:260px;
}

.hrgdv-card-icon{
    font-size:42px;
    color:#e63946;
    margin-bottom:18px;
}

.hrgdv-card-title{
    font-size:21px;
    color:#0b3c5d;
    margin-bottom:12px;
    font-weight:600;
    line-height:1.4;
}

.hrgdv-card-text{
    color:#666;
    line-height:1.8;
    font-size:14px;
}

/* SECTION */

.hrgdv-section{
    background:#f8f9fa;
    border-left:5px solid #e63946;
    border-radius:12px;
    padding:35px;
    margin-top:20px;
    margin-bottom:40px;
}

.hrgdv-section-title{
    font-size:34px;
    color:#0b3c5d;
    margin-bottom:20px;
    font-weight:700;
}

.hrgdv-section-text{
    color:#555;
    line-height:1.9;
    margin-bottom:15px;
    font-size:16px;
}

/* MINI CARDS */

.hrgdv-mini-card{
    background:#fff;
    border-radius:15px;
    padding:25px 20px;
    text-align:center;
    margin-bottom:30px;
    border:1px solid #ececec;
    transition:.3s;
}

.hrgdv-mini-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.hrgdv-mini-icon{
    font-size:40px;
    color:#0b3c5d;
    margin-bottom:15px;
}

.hrgdv-mini-title{
    font-size:16px;
    color:#333;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:991px){

    .hrgdv-title{
        font-size:38px;
    }

}

@media(max-width:768px){

    .hrgdv-hero{
        padding:40px 20px;
    }

    .hrgdv-title{
        font-size:30px;
    }

    .hrgdv-description{
        font-size:15px;
    }

    .hrgdv-section{
        padding:25px;
    }

    .hrgdv-section-title{
        font-size:28px;
    }

}

.hrgdv-cirugia-hero{
    background:linear-gradient(135deg,#0b3c5d,#1f6f8b);
}
/* =========================================================
   PROCEDIMIENTOS
   ========================================================= */

.hrgdv-procedimientos{
    margin-bottom:40px;
}

.hrgdv-pro-box{
    background:#fff;
    border-radius:18px;
    padding:30px;
    border:1px solid #ececec;
    margin-bottom:30px;
    height:100%;
}

.hrgdv-pro-header{
    font-size:24px;
    font-weight:700;
    color:#0b3c5d;
    margin-bottom:25px;
}

.hrgdv-pro-header i{
    color:#1f6f8b;
    margin-right:10px;
}

.hrgdv-pro-list{
    list-style:none;
    padding:0;
    margin:0;
}

.hrgdv-pro-list li{
    padding:12px 0;
    border-bottom:1px solid #f1f1f1;
    color:#555;
    font-size:15px;
    line-height:1.7;
}

.hrgdv-pro-list li:last-child{
    border-bottom:none;
}

.hrgdv-pro-list li i{
    color:#198754;
    margin-right:10px;
}
.hrgdv-dermatologia-hero{
    background:linear-gradient(135deg,#7b4397,#dc2430);
}
.hrgdv-endocrinologia-hero{
    background:linear-gradient(135deg,#11998e,#38ef7d);
}
/* =========================================================
   HRGDV - GASTROENTEROLOGÍA (VARIANTE MATRIZ)
   ========================================================= */

.hrgdv-gastroenterologia .hrgdv-gastroenterologia-hero{
    background: linear-gradient(135deg, #2b7de9, #6dd5ed);
}

/* badge consistente institucional */
.hrgdv-gastroenterologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía limpia */
.hrgdv-gastroenterologia .hrgdv-card-icon{
    color:#ff7e5f;
}

.hrgdv-gastroenterologia .hrgdv-pro-header i{
    color:#ff7e5f;
}

/* hover sobrio del sistema */
.hrgdv-gastroenterologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(255,126,95,.12);
}
/* =========================================================
   HRGDV - GINECOLOGÍA (VARIANTE MATRIZ)
   ========================================================= */

.hrgdv-ginecologia .hrgdv-ginecologia-hero{
    background: linear-gradient(135deg,#d63384,#ff6f91);
}

/* badge institucional consistente */
.hrgdv-ginecologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* icono principal */
.hrgdv-ginecologia .hrgdv-card-icon{
    color:#d63384;
}

.hrgdv-ginecologia .hrgdv-pro-header i{
    color:#d63384;
}

/* hover sobrio */
.hrgdv-ginecologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(214,51,132,.12);
}
/* =========================================================
   HRGDV - MEDICINA FÍSICA Y REHABILITACIÓN (MATRIZ)
   ========================================================= */

.hrgdv-rehabilitacion .hrgdv-rehabilitacion-hero{
    background: linear-gradient(135deg,#1d3557,#457b9d);
}

/* badge consistente */
.hrgdv-rehabilitacion .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía funcional */
.hrgdv-rehabilitacion .hrgdv-card-icon{
    color:#457b9d;
}

.hrgdv-rehabilitacion .hrgdv-pro-header i{
    color:#457b9d;
}

/* hover sobrio clínico */
.hrgdv-rehabilitacion .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(69,123,157,.12);
}
/* =========================================================
   HRGDV - MEDICINA GENERAL (MATRIZ BASE)
   ========================================================= */

.hrgdv-medicina-general .hrgdv-medicina-general-hero{
    background: linear-gradient(135deg,#0b3c5d,#1f6f8b);
}

/* badge institucional neutro */
.hrgdv-medicina-general .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía base */
.hrgdv-medicina-general .hrgdv-card-icon{
    color:#0b3c5d;
}

.hrgdv-medicina-general .hrgdv-pro-header i{
    color:#0b3c5d;
}

/* hover sobrio estándar del sistema */
.hrgdv-medicina-general .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(11,60,93,.12);
}
/* =========================================================
   HRGDV - MEDICINA INTERNA (MATRIZ CLÍNICA CENTRAL)
   ========================================================= */

.hrgdv-medicina-interna .hrgdv-medicina-interna-hero{
    background: linear-gradient(135deg,#1d3557,#2a9d8f);
}

/* badge institucional */
.hrgdv-medicina-interna .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía clínica profunda */
.hrgdv-medicina-interna .hrgdv-card-icon{
    color:#2a9d8f;
}

.hrgdv-medicina-interna .hrgdv-pro-header i{
    color:#2a9d8f;
}

/* hover sobrio hospitalario */
.hrgdv-medicina-interna .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(42,157,143,.12);
}
/* =========================================================
   HRGDV - NEFROLOGÍA (MATRIZ CLÍNICA)
   ========================================================= */

.hrgdv-nefrologia .hrgdv-nefrologia-hero{
    background: linear-gradient(135deg,#0f4c75,#3282b8);
}

/* badge institucional */
.hrgdv-nefrologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía renal */
.hrgdv-nefrologia .hrgdv-card-icon{
    color:#3282b8;
}

.hrgdv-nefrologia .hrgdv-pro-header i{
    color:#3282b8;
}

/* hover clínico sobrio */
.hrgdv-nefrologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(50,130,184,.12);
}
/* =========================================================
   HRGDV - NEUMOLOGÍA (MATRIZ RESPIRATORIA)
   ========================================================= */

.hrgdv-neumologia .hrgdv-neumologia-hero{
    background: linear-gradient(135deg,#0d6efd,#6ea8fe);
}

/* badge institucional */
.hrgdv-neumologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía respiratoria */
.hrgdv-neumologia .hrgdv-card-icon{
    color:#0d6efd;
}

.hrgdv-neumologia .hrgdv-pro-header i{
    color:#0d6efd;
}

/* hover clínico suave */
.hrgdv-neumologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(13,110,253,.12);
}
/* =========================================================
   HRGDV - NEUROLOGÍA (MATRIZ SISTEMA NERVIOSO)
   ========================================================= */

.hrgdv-neurologia .hrgdv-neurologia-hero{
    background: linear-gradient(135deg,#1b263b,#415a77);
}

/* badge institucional */
.hrgdv-neurologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía neurológica */
.hrgdv-neurologia .hrgdv-card-icon{
    color:#415a77;
}

.hrgdv-neurologia .hrgdv-pro-header i{
    color:#415a77;
}

/* hover clínico sobrio */
.hrgdv-neurologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(65,90,119,.15);
}
/* =========================================================
   HRGDV - NUTRICIÓN Y DIETÉTICA (MATRIZ CLÍNICA)
   ========================================================= */

.hrgdv-nutricion .hrgdv-nutricion-hero{
    background: linear-gradient(135deg,#2d6a4f,#52b788);
}

/* badge institucional */
.hrgdv-nutricion .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía saludable */
.hrgdv-nutricion .hrgdv-card-icon{
    color:#2d6a4f;
}

.hrgdv-nutricion .hrgdv-pro-header i{
    color:#2d6a4f;
}

/* hover clínico suave */
.hrgdv-nutricion .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(45,106,79,.12);
}
/* =========================================================
   HRGDV - LABORATORIO CLÍNICO (SERVICIO DIAGNÓSTICO)
   ========================================================= */

.hrgdv-laboratorio .hrgdv-laboratorio-hero{
    background: linear-gradient(135deg,#343a40,#6c757d);
}

/* badge institucional */
.hrgdv-laboratorio .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía técnica */
.hrgdv-laboratorio .hrgdv-card-icon{
    color:#6c757d;
}

.hrgdv-laboratorio .hrgdv-pro-header i{
    color:#6c757d;
}

/* hover sobrio técnico */
.hrgdv-laboratorio .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(108,117,125,.12);
}
/* =========================================================
   HRGDV - ECOGRAFÍA (SERVICIO DIAGNÓSTICO POR IMÁGENES)
   ========================================================= */

.hrgdv-ecografia .hrgdv-ecografia-hero{
    background: linear-gradient(135deg,#0f766e,#14b8a6);
}

/* badge institucional */
.hrgdv-ecografia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía diagnóstica */
.hrgdv-ecografia .hrgdv-card-icon{
    color:#0f766e;
}

.hrgdv-ecografia .hrgdv-pro-header i{
    color:#0f766e;
}

/* hover clínico suave */
.hrgdv-ecografia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(15,118,110,.12);
}

/* opcional: icono del hero */
.hrgdv-ecografia .hrgdv-icon i{
    color:#fff;
}
/* =========================================================
   HRGDV - ODONTOLOGÍA (SERVICIO DENTAL)
   ========================================================= */

.hrgdv-odontologia .hrgdv-odontologia-hero{
    background: linear-gradient(135deg,#0ea5e9,#38bdf8);
}

/* badge institucional */
.hrgdv-odontologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía dental */
.hrgdv-odontologia .hrgdv-card-icon{
    color:#0ea5e9;
}

.hrgdv-odontologia .hrgdv-pro-header i{
    color:#0ea5e9;
}

/* hover clínico suave */
.hrgdv-odontologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(14,165,233,.15);
}

/* icono hero (opcional más limpio) */
.hrgdv-odontologia .hrgdv-icon i{
    color:#fff;
}

/* detalle extra: tarjetas con “sensación limpia” */
.hrgdv-odontologia .hrgdv-card{
    border:1px solid #e6f6ff;
}
/* =========================================================
   HRGDV - OFTALMOLOGÍA (SERVICIO VISUAL)
   ========================================================= */

.hrgdv-oftalmologia .hrgdv-oftalmologia-hero{
    background: linear-gradient(135deg,#1e3a8a,#3b82f6);
}

/* badge institucional */
.hrgdv-oftalmologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía visual */
.hrgdv-oftalmologia .hrgdv-card-icon{
    color:#2563eb;
}

.hrgdv-oftalmologia .hrgdv-pro-header i{
    color:#2563eb;
}

/* hover clínico suave */
.hrgdv-oftalmologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(37,99,235,.15);
}

/* icono hero */
.hrgdv-oftalmologia .hrgdv-icon i{
    color:#fff;
}

/* detalle visual suave */
.hrgdv-oftalmologia .hrgdv-card{
    border:1px solid #e6f0ff;
}
/* =========================================================
   HRGDV - ONCOLOGÍA MÉDICA (ATENCIÓN ONCOLÓGICA)
   ========================================================= */

.hrgdv-oncologia .hrgdv-oncologia-hero{
    background: linear-gradient(135deg,#5b2c83,#8f5cc6);
}

/* badge institucional */
.hrgdv-oncologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía oncológica */
.hrgdv-oncologia .hrgdv-card-icon{
    color:#7c3aed;
}

.hrgdv-oncologia .hrgdv-pro-header i{
    color:#7c3aed;
}

/* hover clínico elegante */
.hrgdv-oncologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(124,58,237,.14);
}

/* icono hero */
.hrgdv-oncologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas más suaves */
.hrgdv-oncologia .hrgdv-card{
    border:1px solid #efe7ff;
}

/* sección clínica diferenciada */
.hrgdv-oncologia .hrgdv-section{
    border-left:5px solid #7c3aed;
}
/* =========================================================
   HRGDV - OTORRINOLARINGOLOGÍA (OÍDO, NARIZ Y GARGANTA)
   ========================================================= */

.hrgdv-otorrinolaringologia .hrgdv-otorrinolaringologia-hero{
    background: linear-gradient(135deg,#0f4c81,#3aa6b9);
}

/* badge institucional */
.hrgdv-otorrinolaringologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía ORL */
.hrgdv-otorrinolaringologia .hrgdv-card-icon{
    color:#0f4c81;
}

.hrgdv-otorrinolaringologia .hrgdv-pro-header i{
    color:#0f4c81;
}

/* hover clínico elegante */
.hrgdv-otorrinolaringologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(15,76,129,.14);
}

/* icono principal */
.hrgdv-otorrinolaringologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas más suaves */
.hrgdv-otorrinolaringologia .hrgdv-card{
    border:1px solid #e5f3f8;
}

/* sección clínica personalizada */
.hrgdv-otorrinolaringologia .hrgdv-section{
    border-left:5px solid #0f4c81;
}
/* =========================================================
   HRGDV - PEDIATRÍA (ATENCIÓN INFANTIL)
   ========================================================= */

.hrgdv-pediatria .hrgdv-pediatria-hero{
    background: linear-gradient(135deg,#2563eb,#60a5fa);
}

/* badge institucional */
.hrgdv-pediatria .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía pediátrica */
.hrgdv-pediatria .hrgdv-card-icon{
    color:#2563eb;
}

.hrgdv-pediatria .hrgdv-pro-header i{
    color:#2563eb;
}

/* hover amigable y profesional */
.hrgdv-pediatria .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(37,99,235,.14);
}

/* icono principal */
.hrgdv-pediatria .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-pediatria .hrgdv-card{
    border:1px solid #e8f1ff;
}

/* sección personalizada */
.hrgdv-pediatria .hrgdv-section{
    border-left:5px solid #2563eb;
}
/* =========================================================
   HRGDV - PSICOLOGÍA (SALUD MENTAL)
   ========================================================= */

.hrgdv-psicologia .hrgdv-psicologia-hero{
    background: linear-gradient(135deg,#5b3f8c,#8b5fbf);
}

/* badge institucional */
.hrgdv-psicologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía psicológica */
.hrgdv-psicologia .hrgdv-card-icon{
    color:#6f42c1;
}

.hrgdv-psicologia .hrgdv-pro-header i{
    color:#6f42c1;
}

/* hover suave y humano */
.hrgdv-psicologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(111,66,193,.14);
}

/* icono principal */
.hrgdv-psicologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-psicologia .hrgdv-card{
    border:1px solid #efe8fb;
}

/* sección personalizada */
.hrgdv-psicologia .hrgdv-section{
    border-left:5px solid #6f42c1;
}
/* =========================================================
   HRGDV - OBSTETRICIA (SALUD MATERNA)
   ========================================================= */

.hrgdv-obstetricia .hrgdv-obstetricia-hero{
    background: linear-gradient(135deg,#c2185b,#f06292);
}

/* badge institucional */
.hrgdv-obstetricia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía obstétrica */
.hrgdv-obstetricia .hrgdv-card-icon{
    color:#d63384;
}

.hrgdv-obstetricia .hrgdv-pro-header i{
    color:#d63384;
}

/* hover elegante y cálido */
.hrgdv-obstetricia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(214,51,132,.14);
}

/* icono principal */
.hrgdv-obstetricia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-obstetricia .hrgdv-card{
    border:1px solid #ffe5ef;
}

/* sección personalizada */
.hrgdv-obstetricia .hrgdv-section{
    border-left:5px solid #d63384;
}
/* =========================================================
   HRGDV - PSIQUIATRÍA (SALUD MENTAL ESPECIALIZADA)
   ========================================================= */

.hrgdv-psiquiatria .hrgdv-psiquiatria-hero{
    background: linear-gradient(135deg,#34495e,#5d6d7e);
}

/* badge institucional */
.hrgdv-psiquiatria .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía psiquiátrica */
.hrgdv-psiquiatria .hrgdv-card-icon{
    color:#34495e;
}

.hrgdv-psiquiatria .hrgdv-pro-header i{
    color:#34495e;
}

/* hover clínico elegante */
.hrgdv-psiquiatria .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(52,73,94,.14);
}

/* icono principal */
.hrgdv-psiquiatria .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-psiquiatria .hrgdv-card{
    border:1px solid #e8edf2;
}

/* sección personalizada */
.hrgdv-psiquiatria .hrgdv-section{
    border-left:5px solid #34495e;
}
/* =========================================================
   HRGDV - TRAUMATOLOGÍA Y ORTOPEDIA
   ========================================================= */

.hrgdv-traumatologia .hrgdv-traumatologia-hero{
    background: linear-gradient(135deg,#1f2937,#3b82f6);
}

/* badge institucional */
.hrgdv-traumatologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía traumatológica */
.hrgdv-traumatologia .hrgdv-card-icon{
    color:#2563eb;
}

.hrgdv-traumatologia .hrgdv-pro-header i{
    color:#2563eb;
}

/* hover clínico moderno */
.hrgdv-traumatologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(37,99,235,.14);
}

/* icono principal */
.hrgdv-traumatologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-traumatologia .hrgdv-card{
    border:1px solid #e8f1ff;
}

/* sección personalizada */
.hrgdv-traumatologia .hrgdv-section{
    border-left:5px solid #2563eb;
}
/* =========================================================
   HRGDV - UROLOGÍA (SISTEMA URINARIO Y REPRODUCTOR)
   ========================================================= */

.hrgdv-urologia .hrgdv-urologia-hero{
    background: linear-gradient(135deg,#0f4c75,#3282b8);
}

/* badge institucional */
.hrgdv-urologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía urológica */
.hrgdv-urologia .hrgdv-card-icon{
    color:#0f4c75;
}

.hrgdv-urologia .hrgdv-pro-header i{
    color:#0f4c75;
}

/* hover clínico moderno */
.hrgdv-urologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(15,76,117,.14);
}

/* icono principal */
.hrgdv-urologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-urologia .hrgdv-card{
    border:1px solid #e5f2fa;
}

/* sección personalizada */
.hrgdv-urologia .hrgdv-section{
    border-left:5px solid #0f4c75;
}
/* =========================================================
   HRGDV - FISIOTERAPIA Y REHABILITACIÓN
   ========================================================= */

.hrgdv-fisioterapia .hrgdv-fisioterapia-hero{
    background: linear-gradient(135deg,#198754,#43c59e);
}

/* badge institucional */
.hrgdv-fisioterapia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía fisioterapia */
.hrgdv-fisioterapia .hrgdv-card-icon{
    color:#198754;
}

.hrgdv-fisioterapia .hrgdv-pro-header i{
    color:#198754;
}

/* hover dinámico suave */
.hrgdv-fisioterapia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(25,135,84,.14);
}

/* icono principal */
.hrgdv-fisioterapia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-fisioterapia .hrgdv-card{
    border:1px solid #e4f7ef;
}

/* sección personalizada */
.hrgdv-fisioterapia .hrgdv-section{
    border-left:5px solid #198754;
}
/* =========================================================
   HRGDV - INFECTOLOGÍA (ENFERMEDADES INFECCIOSAS)
   ========================================================= */

.hrgdv-infectologia .hrgdv-infectologia-hero{
    background: linear-gradient(135deg,#0b5d4b,#20c997);
}

/* badge institucional */
.hrgdv-infectologia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía infectología */
.hrgdv-infectologia .hrgdv-card-icon{
    color:#198754;
}

.hrgdv-infectologia .hrgdv-pro-header i{
    color:#198754;
}

/* hover clínico moderno */
.hrgdv-infectologia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(25,135,84,.14);
}

/* icono principal */
.hrgdv-infectologia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-infectologia .hrgdv-card{
    border:1px solid #e4f7f1;
}

/* sección personalizada */
.hrgdv-infectologia .hrgdv-section{
    border-left:5px solid #198754;
}
/* =========================================================
   HRGDV - PROGRAMAS ESTRATÉGICOS
   ========================================================= */

.hrgdv-programas .hrgdv-programas-hero{
    background: linear-gradient(135deg,#0b3c5d,#2a9d8f);
}

/* badge institucional */
.hrgdv-programas .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía programas */
.hrgdv-programas .hrgdv-card-icon{
    color:#2a9d8f;
}

.hrgdv-programas .hrgdv-pro-header i{
    color:#2a9d8f;
}

/* hover institucional */
.hrgdv-programas .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(42,157,143,.14);
}

/* icono principal */
.hrgdv-programas .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-programas .hrgdv-card{
    border:1px solid #e5f5f2;
}

/* sección personalizada */
.hrgdv-programas .hrgdv-section{
    border-left:5px solid #2a9d8f;
}
/* =========================================================
   HRGDV - PLANIFICACIÓN FAMILIAR
   ========================================================= */

.hrgdv-planificacion .hrgdv-planificacion-hero{
    background: linear-gradient(135deg,#c2185b,#ec4899);
}

/* badge institucional */
.hrgdv-planificacion .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía planificación */
.hrgdv-planificacion .hrgdv-card-icon{
    color:#d63384;
}

.hrgdv-planificacion .hrgdv-pro-header i{
    color:#d63384;
}

/* hover elegante */
.hrgdv-planificacion .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(214,51,132,.14);
}

/* icono principal */
.hrgdv-planificacion .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-planificacion .hrgdv-card{
    border:1px solid #ffe4ef;
}

/* sección personalizada */
.hrgdv-planificacion .hrgdv-section{
    border-left:5px solid #d63384;
}
/* =========================================================
   HRGDV - RAYOS X (DIAGNÓSTICO POR IMÁGENES)
   ========================================================= */

.hrgdv-rayosx .hrgdv-rayosx-hero{
    background: linear-gradient(135deg,#1e293b,#0ea5e9);
}

/* badge institucional */
.hrgdv-rayosx .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía radiología */
.hrgdv-rayosx .hrgdv-card-icon{
    color:#0ea5e9;
}

.hrgdv-rayosx .hrgdv-pro-header i{
    color:#0ea5e9;
}

/* hover moderno */
.hrgdv-rayosx .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(14,165,233,.14);
}

/* icono principal */
.hrgdv-rayosx .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-rayosx .hrgdv-card{
    border:1px solid #e0f2fe;
}

/* sección personalizada */
.hrgdv-rayosx .hrgdv-section{
    border-left:5px solid #0ea5e9;
}
/* =========================================================
   HRGDV - TOMOGRAFÍA (DIAGNÓSTICO AVANZADO)
   ========================================================= */

.hrgdv-tomografia .hrgdv-tomografia-hero{
    background: linear-gradient(135deg,#14213d,#3a86ff);
}

/* badge institucional */
.hrgdv-tomografia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía tomografía */
.hrgdv-tomografia .hrgdv-card-icon{
    color:#3a86ff;
}

.hrgdv-tomografia .hrgdv-pro-header i{
    color:#3a86ff;
}

/* hover moderno tecnológico */
.hrgdv-tomografia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(58,134,255,.15);
}

/* icono principal */
.hrgdv-tomografia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-tomografia .hrgdv-card{
    border:1px solid #e3efff;
}

/* sección personalizada */
.hrgdv-tomografia .hrgdv-section{
    border-left:5px solid #3a86ff;
}
/* =========================================================
   HRGDV - NEUROCIRUGÍA (SISTEMA NERVIOSO CENTRAL QUIRÚRGICO)
   ========================================================= */

.hrgdv-neurocirugia .hrgdv-neurocirugia-hero{
    background: linear-gradient(135deg,#0b1320,#1e3a8a);
}

/* badge institucional */
.hrgdv-neurocirugia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía neurocirugía */
.hrgdv-neurocirugia .hrgdv-card-icon{
    color:#1d4ed8;
}

.hrgdv-neurocirugia .hrgdv-pro-header i{
    color:#1d4ed8;
}

/* hover quirúrgico elegante */
.hrgdv-neurocirugia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(29,78,216,.18);
}

/* icono principal */
.hrgdv-neurocirugia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-neurocirugia .hrgdv-card{
    border:1px solid #e3eaff;
}

/* sección personalizada */
.hrgdv-neurocirugia .hrgdv-section{
    border-left:5px solid #1d4ed8;
}
/* =========================================================
   HRGDV - COLPOSCOPÍA (SALUD GINECOLÓGICA DIAGNÓSTICA)
   ========================================================= */

.hrgdv-colposcopia .hrgdv-colposcopia-hero{
    background: linear-gradient(135deg,#7c3aed,#ec4899);
}

/* badge institucional */
.hrgdv-colposcopia .hrgdv-badge{
    background: rgba(255,255,255,.15);
    color:#fff;
}

/* iconografía colposcopía */
.hrgdv-colposcopia .hrgdv-card-icon{
    color:#a855f7;
}

.hrgdv-colposcopia .hrgdv-pro-header i{
    color:#a855f7;
}

/* hover clínico elegante */
.hrgdv-colposcopia .hrgdv-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(168,85,247,.14);
}

/* icono principal */
.hrgdv-colposcopia .hrgdv-icon i{
    color:#fff;
}

/* tarjetas suaves */
.hrgdv-colposcopia .hrgdv-card{
    border:1px solid #f3e8ff;
}

/* sección personalizada */
.hrgdv-colposcopia .hrgdv-section{
    border-left:5px solid #a855f7;
}

/* CONTENEDOR GENERAL */
.hrgdv-banco-sangre {
    --hrgdv-primary: #b71c1c;
    --hrgdv-secondary: #e53935;
    --hrgdv-light: #ffebee;
}

/* HERO */
.hrgdv-banco-sangre-hero {
    background: linear-gradient(
        135deg,
        var(--hrgdv-primary),
        var(--hrgdv-secondary)
    );
}

/* ICONOS */
.hrgdv-banco-sangre .hrgdv-icon,
.hrgdv-banco-sangre .hrgdv-card-icon {
    background: var(--hrgdv-light);
    color: var(--hrgdv-primary);
}

/* TITULOS */
.hrgdv-banco-sangre .hrgdv-section-title {
    color: var(--hrgdv-primary);
}

/* BOXES */
.hrgdv-banco-sangre .hrgdv-pro-box {
    border-top: 4px solid var(--hrgdv-primary);
}

/* =========================================================
   HRGDV - DEPARTAMENTOS (VERSIÓN MEJORADA VISUALMENTE)
   Estilo: institucional moderno + más humano + más aire
   ========================================================= */

/* =========================================================
   DEPARTAMENTOS HRGDV
   ========================================================= */

.hrgdv-departamento{
    width:100%;
    position:relative;
    margin-bottom:40px;
}

/* HERO */

.hrgdv-dep-hero{
    position:relative;
    background:linear-gradient(135deg,#0b3c5d,#145374);
    border-radius:22px;
    overflow:hidden;
    margin-bottom:40px;
}

.hrgdv-dep-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.15);
}

.hrgdv-dep-content{
    position:relative;
    z-index:2;
    padding:70px 40px;
    text-align:center;
    color:#fff;
}

.hrgdv-dep-badge{
    display:inline-block;
    background:rgba(255,255,255,.15);
    padding:10px 22px;
    border-radius:40px;
    font-size:13px;
    margin-bottom:20px;
}

.hrgdv-dep-icon{
    font-size:65px;
    margin-bottom:20px;
}

.hrgdv-dep-title{
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.2;
	color:#fff;
}

.hrgdv-dep-description{
    max-width:820px;
    margin:auto;
    font-size:17px;
    line-height:1.9;
}

/* CONTAINER */

.hrgdv-dep-container{
    padding:0 10px;
}

/* CARDS */

.hrgdv-dep-card{
    background:#fff;
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    margin-bottom:30px;
    border:1px solid #ececec;
    transition:.3s;
    min-height:280px;
}

.hrgdv-dep-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 25px rgba(0,0,0,.08);
}

.hrgdv-dep-card-icon{
    font-size:52px;
    color:#0b3c5d;
    margin-bottom:20px;
}

.hrgdv-dep-card-title{
    font-size:24px;
    color:#0b3c5d;
    margin-bottom:15px;
    font-weight:700;
}

.hrgdv-dep-card-text{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/* SECTION */

.hrgdv-dep-section{
    background:#f8fafc;
    border-radius:20px;
    padding:40px;
    margin-top:10px;
    margin-bottom:40px;
}

.hrgdv-dep-info{
    padding-right:15px;
}

.hrgdv-dep-section-title{
    font-size:36px;
    color:#0b3c5d;
    font-weight:700;
    margin-bottom:25px;
}

.hrgdv-dep-section-text{
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
    font-size:16px;
}

/* BOX */

.hrgdv-dep-box{
    background:#fff;
    border-radius:18px;
    padding:30px;
    border:1px solid #ececec;
}

.hrgdv-dep-box-title{
    font-size:24px;
    font-weight:700;
    color:#0b3c5d;
    margin-bottom:25px;
}

.hrgdv-dep-box-title i{
    margin-right:10px;
}

.hrgdv-dep-list{
    list-style:none;
    padding:0;
    margin:0;
}

.hrgdv-dep-list li{
    padding:12px 0;
    border-bottom:1px solid #f1f1f1;
    color:#555;
    font-size:15px;
}

.hrgdv-dep-list li:last-child{
    border-bottom:none;
}

.hrgdv-dep-list li i{
    color:#198754;
    margin-right:10px;
}

/* MINI */

.hrgdv-dep-mini{
    background:#fff;
    border-radius:16px;
    padding:25px 20px;
    text-align:center;
    margin-bottom:30px;
    border:1px solid #ececec;
    transition:.3s;
}

.hrgdv-dep-mini:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}

.hrgdv-dep-mini-icon{
    font-size:40px;
    color:#145374;
    margin-bottom:15px;
}

.hrgdv-dep-mini-title{
    font-size:16px;
    font-weight:600;
    color:#333;
}

/* RESPONSIVE */

@media(max-width:991px){

    .hrgdv-dep-title{
        font-size:38px;
    }

    .hrgdv-dep-section{
        padding:30px;
    }

}

@media(max-width:768px){

    .hrgdv-dep-content{
        padding:50px 25px;
    }

    .hrgdv-dep-title{
        font-size:30px;
    }

    .hrgdv-dep-description{
        font-size:15px;
    }

    .hrgdv-dep-section-title{
        font-size:28px;
    }

    .hrgdv-dep-info{
        padding-right:0;
        margin-bottom:25px;
    }

}

/* =========================================================
   DEPARTAMENTO CIRUGIA
   ========================================================= */

.hrgdv-dep-cirugia-hero{
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
}
/* =========================================================
   DEPARTAMENTO GINECO-OBSTETRICIA
   ========================================================= */

.hrgdv-dep-gineco-hero{
    background:linear-gradient(135deg,#c94b4b,#4b134f);
}
/* =========================================================
   DEPARTAMENTO SALUD MENTAL
   ========================================================= */

.hrgdv-dep-saludmental-hero{
    background:linear-gradient(135deg,#614385,#516395);
}
/* =========================================================
   DEPARTAMENTO PEDIATRIA
   ========================================================= */

.hrgdv-dep-pediatria-hero{
    background:linear-gradient(135deg,#36d1dc,#5b86e5);
}
/* =========================================================
   DEPARTAMENTO ONCOLOGIA
   ========================================================= */

.hrgdv-dep-oncologia-hero{
    background:linear-gradient(135deg,#8e2de2,#4a00e0);
}
/* =========================================================
   DEPARTAMENTO ODONTOESTOMATOLOGIA
   ========================================================= */

.hrgdv-dep-odonto-hero{
    background:linear-gradient(135deg,#11998e,#38ef7d);
}
/* =========================================================
   DEPARTAMENTO ENFERMERIA
   ========================================================= */

.hrgdv-dep-enfermeria-hero{
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
}
/* =========================================================
   DEPARTAMENTO EMERGENCIA Y CUIDADOS CRITICOS
   ========================================================= */

.hrgdv-dep-emergencia-hero{
    background:linear-gradient(135deg,#c31432,#240b36);
}
/* =========================================================
   DEPARTAMENTO ANESTESIOLOGIA Y CENTRO QUIRURGICO
   ========================================================= */

.hrgdv-dep-anestesia-hero{
    background:linear-gradient(135deg,#141e30,#243b55);
}
/* =========================================================
   DEPARTAMENTO PATOLOGIA CLINICA Y ANATOMIA PATOLOGICA
   ========================================================= */

.hrgdv-dep-patologia-hero{
    background:linear-gradient(135deg,#134e5e,#71b280);
}
/* =========================================================
   DEPARTAMENTO DIAGNOSTICO POR IMAGENES
   ========================================================= */

.hrgdv-dep-imagenes-hero{
    background:linear-gradient(135deg,#1e3c72,#2a5298);
}
/* =========================================================
   DEPARTAMENTO NUTRICION Y DIETETICA
   ========================================================= */

.hrgdv-dep-nutricion-hero{
    background:linear-gradient(135deg,#11998e,#38ef7d);
}
/* =========================================================
   DEPARTAMENTO FARMACIA
   ========================================================= */

.hrgdv-dep-farmacia-hero{
    background:linear-gradient(135deg,#134e5e,#2c7744);
}
/* =========================================================
   DEPARTAMENTO SERVICIO SOCIAL
   ========================================================= */

.hrgdv-dep-social-hero{
    background:linear-gradient(135deg,#4b6cb7,#182848);
}