:root {
    --color-augc: #276289;
    --background-augc: #B7D1E6;
}

.menu-border-lg {
    border-left: 1px solid gray;
}
@media (max-width: 991.98px) {
    .menu-border-lg {
        border-left: 0 !important;
    }
}

.color-augc {
    color: var(--color-augc);
}

.background-augc {
    background-color: var(--background-augc);
}

.subtitle {
    color: var(--color-augc);
    font-family: "Noto Serif",serif;
    font-weight: 500;
    font-size: 25px;
}

/* Templates */

/* commons */

.article_cat_link{
    font-size: 0.8rem;
    color: #939FA7;    
}

.article_cat_link a{
    text-decoration: none;
    color: #276289;
}

.card-img-top-long{
    height: 400px;
}

.card-img-top-midle {
    height: 250px;
}
.card-img-top {
    object-fit: cover;
    border-radius: 6px;
    transition: 0.4s ease;
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

/* Hover de iluminación */
.card-img-top:hover {
    filter: brightness(1.3) drop-shadow(0 0 12px rgba(255,255,255,0.85));
    transform: scale(1.03);
}

/* Layouts */
/*  Template layoutSimpleWide */

.layout-simple-wide-caption{
    font-family: "Noto Serif",serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: -0.04em;
    color: #276289;
}

/* Template five-news */

.five-news-title{
    font-family: 'Noto Serif',serif;
    color: black;
    font-size: 28px;
    font-weight: 400;
}
/* Template detailNews */

.article_title{
    font-family: 'Noto Serif',serif;
    color: black;
    font-size: 42px;
    font-weight: 400;
}

.article_subtitle{
    font-family: 'Noto Serif',serif;
    color: #7f7f7f;
    font-size: 22px;
    border-bottom: #C3CFC7 1px solid;
}

.article_cat_header{
    font-family: 'Noto Serif',serif;
    margin-bottom: 12px;
    border-bottom: #C3CFC7 1px solid;
}

.article_cat_header a{
    text-decoration: none;
    color: #276289;
}

.row_social_links {
    display: flex;
}

.row_social_links .item_social{
    display: block;
    margin-left: 8px;
    text-decoration: none;
}

.item_social i{
    font-size: 24px;
    color: #276289;
}

.img-3x2 {
    object-fit: cover;
    width: 100%;
    height: auto;
}

/* */
.category_article_list_header{
    font-family: 'Noto Serif',serif;
    font-size: 28px;
    margin-bottom: 12px;
    border-bottom: #C3CFC7 1px solid;
    color: #276289;
}

/* Footer */
.footer{
    background-color: #276289;
    text-align: center;
    padding: 40px 0 30px;
}

.footer-logos{
    margin-bottom: 28px;
    /*display: flex;*/
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px 30px;
}

.footer_logo_augc{
    height: 50px;
    margin-right: 20px;
}

.footer-nav {
    margin-top: 0.1rem; 
    margin-bottom: 0.1rem;
}

.footer-compact p {
    margin: 0 !important;
    padding: 0 !important;
}


.card-img-top {
    object-fit: cover;    
}

.card-img-top-short {
    height: 200px;
}

.card-img-top-midle {
    height: 250px;
}

.card-img-top-long {
    height: 400px;
}

/* Afiliate */
:root{
--brand:#004a80; /* azul institucional - ajustar */
--accent:#ffab00; /* color CTA */
}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
.hero{background: linear-gradient(0deg, rgba(0,74,128,.06), rgba(0,74,128,.02)); padding:4.5rem 0;}
.badge-cta{background:var(--accent); color:#000; font-weight:600}
.card-ico{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f5f9fc}
.feature-icon{font-size:1.5rem;color:var(--brand)}
.cta-primary{background:var(--brand);color:#fff;border-radius:12px;padding:.9rem 1.4rem;font-weight:700}
.cta-outline{border:2px solid var(--brand);color:var(--brand);border-radius:12px;padding:.65rem 1rem;font-weight:600}
.price-pill{font-weight:700;color:var(--brand)}
.testimonial{background:#fff;border-left:4px solid rgba(0,74,128,.08);padding:1rem;border-radius:8px;}
.hero-img{max-width:540px}
/* Responsive tweaks */
@media (max-width:767px){.hero{padding:3rem 0}.hero-img{max-width:100%}}

/*Delegations page*/
:root{ --brand:#004a80; --muted:#6c757d }
    /*body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
    .hero{background:linear-gradient(90deg,#003a63 0%,#005b99 100%);color:#fff;padding:56px 20px}*/
    #mapa{height:520px;border-radius:10px;box-shadow:0 6px 18px rgba(10,30,60,.08)}
    .card-deleg{transition:transform .18s ease, box-shadow .18s ease}
    .card-deleg:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
    .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}
    .search-box{max-width:720px;margin:0 auto}
    @media (max-width:767px){#mapa{height:360px}}
    .sticky-cta{position:fixed;right:18px;bottom:18px;z-index:1400}
    .list-panel{max-height:420px;overflow:auto;padding-right:8px}
    .mobile-cards .carousel-item{padding:0 12px}

#mapa{height:520px;border-radius:10px;box-shadow:0 6px 18px rgba(10,30,60,.08);min-height:360px}
    .card-deleg{transition:transform .18s ease, box-shadow .18s ease}
    .card-deleg:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
    .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.08)}
    .search-box{max-width:720px;margin:0 auto}
    @media (max-width:767px){#mapa{height:360px}}
    .sticky-cta{position:fixed;right:18px;bottom:18px;z-index:1400}
    .list-panel{max-height:420px;overflow:auto;padding-right:8px}
    .mobile-cards .carousel-item{padding:0 12px}

    /* Fix tessellated tiles */
    .leaflet-container img.leaflet-tile{
      width:256px!important;
      height:256px!important;
      image-rendering:auto!important;
      backface-visibility:hidden;
      transform:translateZ(0);
    }

    /* Simple highlight ring */
    .card-deleg.ring{box-shadow:0 0 0 4px rgba(0,74,128,.12) !important}

.card-deleg .thumb-wrapper {
  width: 230px;
  height: 153px;
  overflow: hidden;
  border-radius: .4rem;      /* opcional, para un look más moderno */
}

.card-deleg .thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;         /* recorta sin deformar la imagen */
}

#mapa {
    width: 100%;
    height: 550px;  /* Puedes subirlo a 600 o más si quieres */
    border-radius: 8px;
    display: block;
}

.feature-img-top {
    width: 100%;
    max-height: 400px;         /* Ajusta la altura a tu gusto */
    object-fit: cover;     /* Mantiene proporción y recorta lo sobrante */
    border-radius: 6px;
    transition: 0.4s ease;
    /*aspect-ratio: 16 / 9;*/
}

/* Hover de iluminación */
.feature-img-top:hover {
    filter: brightness(1.05) drop-shadow(0 0 12px rgba(255,255,255,0.85));
    transform: scale(1.01);
}

.bg-augc {
    background-color: #276289;
}

.btn-augc {
    background-color: #276289;
    color: white;
}

/* bannerVertical */

.banners-column .banner-img {
    width: 100%;
    margin-bottom: 1rem;
}

.banners-column .banner-img picture,
.banners-column .banner-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    display: block;
}

/* learningAgreement */

.formation-links .formation-item {
    width: 100%;
    height: 140px;                  /* MISMO ALTO para todos */
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px 10px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
    text-decoration: none;

    background: #fff;
    transition: all 0.2s ease-in-out;
}

.formation-links .formation-item img {
    width: 55px;                    /* Tamaño equilibrado del icono */
    height: auto;
    margin-bottom: 10px;
}

.formation-links .formation-item span {
    font-weight: 600;
    font-size: 0.9rem;
    color: #000;
}

/* Suave hover */
.formation-links .formation-item:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}


/* downloadsItems */

.download-links .download-item {
    width: 100%;
    height: 140px;                  /* MISMO ALTO para todos */
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px 10px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
    text-decoration: none;

    background: #fff;
    transition: all 0.2s ease-in-out;
}

.download-links .download-item img {
    width: 55px;                    /* Tamaño equilibrado del icono */
    height: auto;
    margin-bottom: 10px;
}

.download-links .download-item span {
    font-weight: 600;
    font-size: 0.9rem;
    color: #000;
}

/* Suave hover */
.download-links .download-item:hover {
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}

/* AgendaItems */

.agenda-item {
    text-decoration: none;
    color: inherit;
    display: flex;
    gap: 12px;
}

.agenda-img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 4px;
}

.agenda-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.agenda-title {
    font-family: "Noto Serif",serif;
    font-weight: 700;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.25rem;
}

.agenda-time {
    font-size: 0.85rem;
    color: #666;
}

@media (max-width: 767.98px) {
    .article_title {
        font-size: 28px;
    }
    .article_subtitle {
        font-size: 17px;
    }
}