:root {
  --amigo-primary: #003366;
  --amigo-secondary: #005fa3;
  --amigo-light: #f5f7fa;
  --amigo-dark: #1a1a1a;
  --amigo-text: #333;
  --amigo-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--amigo-font);
  color: var(--amigo-text);
  background-color: #fff;
  line-height: 1.6;
}

/* No tocar Bootstrap, solo normalizar */
img {
  max-width: 100%;
  height: auto;
}
/* =========================================
   HUB INSTITUCIONAL
========================================= */

/* Azul institucional */
:root{
    --amigo-primary: #026888;
}

/* Títulos principales */
h3.fw-bold.text-primary.mb-3{
    color: var(--amigo-primary) !important;
}

/* Título del item */
.hub-title{
    color: var(--amigo-primary);
    font-weight: 700;
    margin-bottom: .5rem;
}

/* Icono institucional */
.hub-icon.bg-primary.text-white{
    background-color: var(--amigo-primary) !important;
    color: #fff !important;
}

/* =========================================
   BLOQUE HUB ASPIRANTES
========================================= */

.wp-block-hub-aspirantes{
    padding: 1.25rem;
    border-radius: 16px;
    background: #fff;
    transition: all .25s ease;
    border: 1px solid rgba(0,0,0,.06);
    display:flex;
    align-items:flex-start;
    gap:1rem;
    margin: 10px 0 10px 0;
}

.wp-block-hub-aspirantes:hover{
    transform: translateY(-4px);
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);
    border-color: rgba(2,104,136,.18);
}

/* Icono */
.wp-block-hub-aspirantes .hub-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
}

/* Texto */
.wp-block-hub-aspirantes .hub-text{
    margin:0;
    color:#6c757d;
    line-height:1.5;
    font-size:.95rem;
}

/* Hover del título */
.wp-block-hub-aspirantes:hover .hub-title{
    color:#014e66;
}

/* Responsive */
@media (max-width:768px){

    .wp-block-hub-aspirantes{
        padding:1rem;
    }

    .wp-block-hub-aspirantes .hub-icon{
        width:48px;
        height:48px;
        min-width:48px;
        font-size:1.1rem;
    }

}
@media(max-width:768px){

    .hub-grid{
        grid-template-columns:1fr;
    }

}
