:root {
    --primary-color: #08245a;
    --secondary-color: #D59F0F;
    --tertiary-color: #f48e62;
    --black-color: #000;
    --white-color: #fff;

    --black-to-white-color: #000;
    --white-to-black-color: #fff;

    --bs-navbar-active-color: #000;
    --bs-nav-link-hover-color: #000;
    --bs-section-color: #adb5bd;
    --tblr-encabezado-rgb: 228, 34, 42;
    --tblr-white-rgb: 255, 255, 255;


     --azul-unam:#08245a;
    --dorado-unam:#D59F0F;

    --azul-950:#08245a;
    --azul-900:#0a1f42;
    --dorado-500:#c9a24b;
    --dorado-400:#dab767;
    --marfil:#fff;

}

  .hero{
    position:relative; overflow:hidden;
    min-height:75vh;
    display:flex; align-items:center;
    background:var(--azul-950);
  }

  /* Panel de foto: en escritorio ocupa la mitad derecha en diagonal,
     en móvil pasa a ser una franja superior completa */
  .foto-panel{
    position:absolute; inset:0;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 29% 100%);
  }
  .foto-panel img{ width:100%; height:100%; object-fit:cover; filter:saturate(.85) contrast(1.05); }
  .foto-panel::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(100deg, var(--azul-950) 0%, rgba(4,18,43,.4) 30%, rgba(4,18,43,0) 55%);
  }

  .texture{
    position:absolute; inset:0; opacity:.06; pointer-events:none; z-index:1;
    background-image: repeating-linear-gradient(115deg, var(--dorado-400) 0 1px, transparent 1px 26px);
  }

  .contenido{
    position:relative; 
    z-index: 2;
    padding: 0 2.5vw;
    max-width: 620px;
  }
  .icono{
    width:58px; height:58px; margin-bottom:22px;
    display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(201,162,75,.55); border-radius:50%;
    box-shadow: 0 0 0 6px rgba(201,162,75,.08), 0 10px 24px rgba(0,0,0,.4);
  }
  .icono .icono-secciones{ font-size:28px; color:var(--dorado-400); line-height:1; }
  /* .kicker{ color:var(--dorado-400); font-weight:600; font-size:.9rem; letter-spacing:.05em; text-transform:uppercase; } */
  .oro-line{ display:block; width:64px; height:3px; background:var(--dorado-500); margin:18px 0 20px; box-shadow:0 0 12px rgba(201,162,75,.6); }
   .hero h1{
    color:var(--marfil); font-weight:700; margin:0;
    font-size:clamp(1.9rem, 5vw, 3.4rem);
    line-height:1.12;
    text-shadow: 0 12px 30px rgba(0,0,0,.45);
  }

  /* ===== Tablet ===== */
  @media (max-width:991px){
    .foto-panel{ clip-path: polygon(28% 0, 100% 0, 100% 100%, 48% 100%); }
    .contenido{ max-width:480px; }
  }

  /* ===== Móvil: la foto pasa arriba como franja completa
     y el texto se acomoda debajo, ya sin diagonal ===== */
  @media (max-width:767px){
    .hero{ min-height:auto; flex-direction:column; align-items:stretch; padding-bottom:25px; }
    .foto-panel{
      position:relative; inset:auto; clip-path:none;
    height: 30vh;min-height: 160px;
    }
    .foto-panel::after{
      background:linear-gradient(0deg, var(--azul-950) 0%, rgba(4,18,43,.15) 35%, rgba(4,18,43,0) 70%);
    }
    .texture{ inset:0; }
    .contenido{ padding:36px 7vw 0; max-width:100%; text-align:left; }
    .oro-line{ margin:14px 0 16px; }
    h1{ font-size:clamp(1.7rem, 7vw, 2.4rem); }
    .icono{ width:48px; height:48px; margin-bottom:16px; }
    .icono .icono-secciones{ font-size:22px; }
  }

  @media (max-width:420px){
    .foto-panel{  height: 30vh;min-height: 160px; }
  }

/* menu-rapido */



  
/* inicio encabezado */
.text-primary-fg {
    color: var(--tblr-primary-fg) !important;
}

.fondo {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-encabezado-rgb), var(--tblr-bg-opacity)) !important;
}

.text-primary {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-encabezado-rgb), var(--tblr-text-opacity)) !important;
}

.icono-encabezado {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
}

.fondo {
    background-color: rgba(var(--tblr-encabezado-rgb), var(--tblr-bg-opacity)) !important;
    position: relative;
}

.fondo-encabezado {
    --tblr-stamp-size: 12rem;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(var(--tblr-stamp-size) * 1);
    height: calc(var(--tblr-stamp-size) * 1);
    max-height: 100%;
    border-top-right-radius: 4px;
    opacity: .2;
    overflow: hidden;
    pointer-events: none;
}

.icono-encabezado {
    /* background: var(--tblr-secondary); */
    /* color: var(--tblr-card-bg,var(--tblr-bg-surface)); */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    width: calc(var(--tblr-stamp-size) * 1);
    height: calc(var(--tblr-stamp-size) * 1);
    position: relative;
    /* top: calc(var(--tblr-stamp-size) * -.25); */
    /* right: calc(var(--tblr-stamp-size) * -.25); */
    font-size: calc(var(--tblr-stamp-size) * .75);
    transform: rotate(10deg);
}

.icono-encabezado .icon-svg {
    fill: black;
}

.encabezado-title {
    padding: 80px 50px;
    color: #fff;
}

/* fin */

/* btn */
 /* ---- shared markup base ---- */
.btn-cat{width:100%;}
  .category{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:14px;
    text-decoration:none;
    color:var(--ink);
    padding:28px 20px;
    border-radius:10px;
    background:var(--card-bg);
       box-shadow: 0 1px 3px #08245a66;
    transition:box-shadow .25s ease, transform .25s ease;
  }
  .botones .btn-cat .icon {
    font-size: 50px;
    color: #255981;
    margin: 0px auto 0px;
    text-align: center;
    fill: #255981;
}
  .icon{
    display:block;
    width:48px;height:48px;flex:none;
    border-radius:8px;
  }
  .category p{margin:0;font-size:1rem;line-height:1.3; text-align: center;}

  .category:hover{
    box-shadow:0 12px 24px rgba(0,0,0,.15);
    transform:translateY(-4px);
  }
  .category:hover .icon{transform:scale(1.15) rotate(-6deg);}

  
.menu-rapido .nav-link:hover {
    color: #000;
}

.pagination .active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--azul-950);
    border-color: var(--azul-950);
}

.section-color .container{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 15px;
}
.section-color .container .pt-5{
padding: 3rem !important;
}
.new-section-color{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 15px;
    height: 100% !important;
    padding: 1rem !important;
}
.content p,
.content ul,
.content ol {
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.4px;
    line-height: 1.75;
    font-size: 0.875rem;
}

h1,
h3,
h4,
h5 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
}

h1 {
    display: inline-block;
    font-size: 1.6rem;
}

h2 {
    font-size: 1.5rem;
    font-weight: 400;
    /* line-height: 40px; */
    color: #08245a;
    text-align: center

}

.pleca-secciones .secciones .icono-secciones,
.pleca-secciones .secciones .icon-encabezado {
    color: var(--black-to-white-color);
    fill: var(--black-to-white-color);
}

.seccion-informacio h2,
.seccion-informacio h4 {
    color: var(--white-to-black-color);
}

/* i {
    font-size: 16px;
    padding-right: 4px;
} */

p i {
    font-size: 13px !important;
}

.encabezado .encabezado-titulo h2 {
    color: #08245a;
}

h2 {
    font-size: 1.3rem;
    color: #08245a;
}

h3 {
    font-size: 1.5rem;
    color: #08245a;
}

h4 {
    font-size: 1.5rem;
    color: #08245a;
}

h5 {
    font-size: 1.5rem;
    color: #08245a;
}

.icon-encabezado {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.header-logos {
    background-color: var(--azul-950);
}

.seccion-texto a,
.seccion a,
.ligas-de-interes a,
.list-group-item a {
    text-decoration: none;
    color: var(--bs-body-color);
}

.ligas-de-interes a:hover,
.ligas-de-interes .ligas:hover {
    color: #fff;
    background-color: #08245a;
}

.ligas-de-interes .ligas {
    background-color: #eee;

}

.ligas-de-interes .ligas p {
    padding: 5px;
    text-align: left;
}

.navbar-toggler {
    border: 1px solid rgba(0, 0, 0, 0.27);
}

.navbar .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
}

.navbar {
    box-shadow: 0px 10px 22px 1px rgb(0 0 0 / 75%);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.navbar-nav .nav-link {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--black-color);
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}


.navbar {
    background-color: #fff;
}

.pleca-secciones .secciones h1 {
    text-align: center;
}

.breadcrumb-background {
    background-color: #ebebeb;
}

.breadcrumb-background a {
    color: #08245a;
    text-decoration: none;
}

.breadcrumb-background .breadcrumb-item {
    margin: 0px;
}

.breadcrumb-background .breadcrumb {
    --bs-breadcrumb-item-padding-x: 0rem;
}

.menu_icon {
    border-left: 1px #d2d2d2 solid;
    padding-left: 5px;
    margin: 3px;
}

.menu_icon .redessociales {
    display: flex;
}

.menu_icon .redes_sociales_menu .icon-svg {
    width: 26px;
    height: 26px;
    fill: #414141;
    padding: 5px;
}

.accesibilidad .redes_sociales_menu .icon-svg:hover,
.menu_icon .redes_sociales_menu .icon-svg:hover {
    fill: #08245a;
}

.accesibilidad .redessociales a {
    text-decoration: none;
}

.accesibilidad .redes_sociales_menu .icon-svg {
    width: 25px;
    height: 25px;
    fill: #414141;
    padding: 5px;
}

.logos {
    display: flex;
    border-right: 1px #fff solid;
    padding-right: 2px;
    margin-right: 5px;
}

.logos-unam-fesaragon {
    display: flex;
    border-right: 1px #fff solid;
    padding-right: 5px;
    margin-right: 5px;
}

.header-logos .logo-encabezado .unam,
.header-logos .logo-encabezado .fes-aragon {
    width: 195px;
    height: 74px;
    fill: #fff;
}
.header-logos .vr {
background-color: rgb(255 255 255);
}

.container ol li,
.container ul li {
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.4px;
    line-height: 1.75;
    font-size: 14px;
    /* margin-bottom: 16px; */
}


.accordion-button {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.3rem;
}


.seccion-informacion {
    background-color: #f4f4f4;
    padding: 15px 8px;
}

.seccion-informacion strong {
    font-weight: 600;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
}

.seccion-informacion h2,
.seccion-informacion h4,
.seccion-informacion strong,
.seccion-informacion p {
    color: #000;
}

.seccion-informacion h4,
.seccion-informacion strong,
.seccion-informacion p {
    margin-bottom: 0px;
    text-align: left;
}

.seccion-informacion .hr-complete hr {
    margin: 8px 0px;
}


.parallax {
    /* The image used */
    background-image: url("http://localhost/fes-aragon/wp-content/uploads/2023/11/parallax.jpg");

    /* Set a specific height */
    /* min-height: 700px; */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-text {
    padding: 3rem !important;
    background-color: var(--parallax-fondo);
}


.parallax .p-5 {
    padding: 5rem !important;
}


.parallax .liga-muro {
    height: 100px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;

}

/* .owl-nav {
    display: none;
}
.owl-dots {
    text-align: center;
}
.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
  background-color: #FEAE00;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 1px;
  left:1px;
}
.owl-dots button.owl-dot{
  border: 1px solid gray;
  background: white;
   border-radius: 50%;
   height: 16px;
   width: 16px;
   position: relative;
} */

.parallax .liga-muro:hover {
    background-color: #08245a;
    color: #fff;
}

.list-guion {
    list-style: none;
}

.list-guion li:before {
    content: "-"
}

.list-alpha {
    list-style-type: lower-latin;
}

.list-roman {
    list-style-type: upper-roman;
}

.muro .col-md-6:nth-child(1),
.muro .col-md-6:nth-child(3) {
    border-right: 0.5px solid hsla(0, 0%, 100%, .3);
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
}

.muro .col-md-6:nth-child(5) {
    border-right: 0.5px solid hsla(0, 0%, 100%, .3);
}

.muro .col-md-6:nth-child(2),
.muro .col-md-6:nth-child(4) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
}



.row hr {
    border-top: 2px solid #08245a;
    width: 10%;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    opacity: inherit;
    color: #08245a;
}

.hr-complete hr {
    border-top: 0.5px solid #08245a;
    color: #08245a;
    width: 100%;
    opacity: none;
}

.btn-primary a {
    color: #fff;
    text-decoration: none;
}

a {
    color: #08245a;
}

.btn a {
    color: #fff;
    text-decoration: none;
}

.navbar-nav .nav-link.active {
    --bs-navbar-active-color: #000;
}

.navbar-nav {
    color: var(--black-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
}

.accordion-button:not(.collapsed) {
    color: #08245a;
    background-color:  #d5a00f42;
}

.accordion-button:focus {
    border-color:    #d5a00f42;
    box-shadow: none;
}

.list-group-item.active {
    background-color: #08245a;
    border-color: #08245a;
}

.principal .btn,
.educacion_continua .btn,
.centro_de_lenguas .btn,
.suayed .btn {
    --bs-btn-border-radius: 0rem;
}

.badge {
    --bs-badge-font-size: 0.95em;
    --bs-badge-font-weight: 400;
    text-align: left;
}

.ligas_principales {
    background-color: #eee;
    border: 5px solid var(--bs-body-bg);
}

.enl-pri a {
    color: #2b2b2b;
    text-decoration: none;
}

.ligas_principales:hover {
    background-color: #08245a;
}

.enl-pri a:hover {
    color: #ffffff;
}

.ligas_principales p {
    padding: 10px;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-end;

}

.principal {
    justify-content: center;
    background-color: #08245a;
}

.principal button {
    font-size: 12px;
}


footer {
    color: #fff;
    background-color: #08245a;;
}

footer p {
    font-size: 14px;
    text-align: center;
}

footer a {
    color: #fff;
}


/*--------------- Media Query all max-width ----------------------------- */
@media (max-width: 576px) {
    .header-logos {
        /*  display: none; */
    }

    .icon-before-navbar-toggler {
        display: none;
    }

    .header-logos .logo-encabezado .unam,
    .header-logos .logo-encabezado .fes-aragon {
        width: 150px;
        height: 60px;
    }
}



@media (min-width: 768px) {}

@media (min-width: 992px) {

    .ligas-de-interes .col-lg-2 {
        width: 9.666667%;
        padding: 0px 8px;
    }

    .accesibilidad {
        justify-content: flex-end;
    }


}

@media (max-width: 992px) {
    .ligas-de-interes .col-md-5 {
        width: 19.666667%;
        padding: 8px;
    }

    .accesibilidad {
        justify-content: flex-start;
    }
}


@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

/*--------------- Media Query all min-width ----------------------------- */
@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media all and (min-width: 992px) {
    .icon-before-navbar-toggler {
        display: none;
    }

}

/*--------------- Media Query -- min-width and max-width -- ----------------------------- */
@media (min-width: 992px) and (max-width: 1200px) {}

@media (min-width: 1122px) and (max-width: 1252px) {}

@media (min-width: 1058px) and (max-width: 1122px) {}

@media (min-width: 992px) and (max-width: 1058px) {}

@media (max-width: 768px) and (min-width: 992px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-nav .nav-link {
        font-size: 11px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .menu_icon .redes_sociales_menu .icon-svg {
        width: 22px;
        height: 22px;
        padding: 3px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .icon-after-navbar-toggler {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .icon-after-navbar-toggler {
        display: none;
    }
}

@media (min-width: 400px) and (max-width: 575.98px) {}