/**
 * @file
 * Subtheme specific CSS.
 */
 /*
    Creado para el proyecto "web ESPOL 2025".
    Descripción: Este archivo CSS contiene los estilos base para toda la interfaz web de ESPOL 2025.
    Implementa un sistema de diseño moderno, responsivo y accesible que abarca desde la 
    navegación principal hasta componentes específicos de cada sección.

    Mejoras:
 * CSS Moderno - Eliminación de prefijos -webkit- redundantes
 * Propiedades Estándar - transform, animation, transition, backdrop-filter
 * Gradientes Modernos - Sintaxis actual sin prefijos innecesarios
 * Flexbox/Grid - Layout moderno sin dependencias legacy
 * Custom Properties - Variables CSS para consistencia y mantenibilidad
 * Animaciones Optimizadas - @keyframes modernos con mejor rendimiento
 * Responsive Design - Mobile-first con breakpoints optimizados
 * Accessibility - Focus states, ARIA support, prefers-reduced-motion
 * Dark Mode - Sistema completo de temas con variables dinámicas
 * Performance - Eliminación de código redundante y optimización de selectores
 
    Nota: Esta hoja de estilo tiene dependencias de CDN de la ESPOL
    Actualización: 10-febrero-2026
*/
:root {
  --radiusxs:6px;
  --radiussm:12px;
  --radiusbg:22px;
  --gap: 20px;
  --padding: min(8%, 20px);
  --font-icons: 'fontawesome6';
  --font-icons-brands: 'fontawesome6-brands';
  --transparencia: 0.8;
  --es-btn-padding: 12px 24px;

  --contraste: hsl(184, 100%, 49%);
  --espol-opc: rgba(34, 50, 101, 0.7);
  --espol-2: var(--bs-espol-1);
  --es-link: #0073b6;

  --theme-white: white;
  --theme-color-fcsh: var(--bs-c-8);
  --theme-complementario-3: white;
  --theme-complementario-4: var(--bs-c-4);
  --theme-complementario-5: var(--bs-c-5);
  --theme-complementario-6: var(--bs-c-6);
  --theme-complementario-7: var(--bs-c-8);
  --theme-complementario-8: var(--bs-c-3);
  --theme-bg: var(--theme-complementario-4);
  --theme-bg-top: var(--espol);
  --theme-bg-cifras: linear-gradient(180deg,var(--espol) 0%, rgba(25, 33, 71, 1) 100%);
  --theme-text-titulo: var(--espol);
  --theme-text-body: var(--theme-complementario-6);
  --theme-text-link: var(--espol);
  --theme-footer: var(--espol);
  --theme-text-menu: var(--espol);
  --theme-bg-copyrigth: #dcdcdc;
  --theme-text-copyrigth: white;
  --theme-title-contacto: white;
  --theme-btn-contacto: var(--espol);
  --theme-border-contacto: transparent;
  --theme-btn-enlace: var(--espol);
  --theme-title-enlace: white;
  --theme-bg-destacada: var(--espol);
  --theme-text-destacada: white;
  --theme-text-estadistica: white;
  --theme-check: white;
  --theme-btn-cerrar: #f2f3f4;
  --theme-text-cerrar: #b3b6b7;
  --theme-dropdown-menu: #f5f5f5;
  --theme-dropdown-hover: #dcdcdc;
  --theme-dropdown-active: var(--espol);
  --theme-text-active: #fff;
  --theme-lista-paises: #f6f6f6;
  --theme-home-noticias: #f6f6f6;
  --theme-text-noticias: #4f4e4e;
  --theme-text-red: #bd364b;
  --theme-sidebar-text: var(--bs-c-6);
  --theme-sidebar-bg: #f5f5f5;
  --theme-text-accordion: var(--bs-c-6);
  --theme-table-thead: var(--espol);
  --theme-btn-danger: #dc3545;
  --theme-btn-danger-hover: #bb2d3b;
  --theme-text-danger: white;
  --theme-title-primary: white;
  --theme-btn-primary: var(--espol-2);
  --theme-btn-primary-hover: var(--espol-2);
  --theme-insignia-contenido: var(--bs-c-4);
  --theme-insignia-sabias: #29abe2;
  --theme-text-white-back: white;
  --theme-servicio-image: none;
  --theme-link: var(--espol-2);
  --theme-cuadro-1: var(--espol-2);
  --theme-cuadro-2: #36a9e1;
  --theme-etiqueta-sostenibilidad: #f5f5f5;
  --theme-accordion-header: transparent;
  --theme-accordion-text: var(--bs-c-6);
  --theme-accordion-content: transparent;
  --theme-accordion-text-content: #333333;
  --theme-node-meta: var(--bs-c-6);
  --theme-background-footer: rgba(214,214,214,0.8);
  --theme-filtro: var(--theme-complementario-4);
  --theme-nav:white;  

  --theme-text-menu-top: rgba(255, 255, 255, 0.502);
  --theme-text-menu-buttom: white;
  --theme-text-menu-secondary: var(--espol);
  --theme-buttom-menu-primary: white;
  --theme-boder-menu-primary: white;
  --theme-buttom-menu-secondary: var(--espol);
  --theme-bg-aviso: var(--bs-c-5);
  --theme-aviso:var(--contraste);
  --theme-evento-fecha: white;
  --theme-evento-fecha-hoy: var(--espol-2);

  --theme-bg-espol: var(--espol);
  --theme-bg-fadcom: var(--bs-fadcom);
  --theme-bg-fcnm: var(--bs-fcnm);
  --theme-bg-fcsh: var(--bs-fcsh);
  --theme-bg-fcv: var(--bs-fcv);
  --theme-bg-fict: var(--bs-fict);
  --theme-bg-fiec: var(--bs-fiec);
  --theme-bg-fimcm: var(--bs-fimcm);
  --theme-bg-fimcp: var(--bs-fimcp);
  --theme-bg-espae: var(--bs-espae);
  --theme-white-opac: rgba(255,255,255,0.5);
  --theme-black-opac: rgba(0,0,0,0.5);
  --theme-espol-opac: rgba(34,50,101,var(--transparencia));
  --theme-bg-fadcom-opac: rgba(189,30,113,var(--transparencia));
  --theme-bg-fcnm-opac: rgba(55,36,106,var(--transparencia));
  --theme-bg-fcsh-opac: rgba(255,180,0,var(--transparencia));
  --theme-bg-fcv-opac: rgba(67, 125, 36,var(--transparencia));
  --theme-bg-fict-opac: rgba(43, 58, 30,var(--transparencia));
  --theme-bg-fiec-opac: rgba(66,93,108,var(--transparencia));
  --theme-bg-fimcp-opac: rgba(66,93,108,var(--transparencia));
  --theme-bg-fimcm-opac: rgba(14,135,145,var(--transparencia));
  --theme-bg-espae-opac: rgba(246, 163, 68,var(--transparencia));
  --theme-bg-postgrado: #183358;
  --theme-bg-cec: #144D17;
  --bs-tag: var(--contraste);
  --theme-btn-index: var(--espol);
  --theme-btn-index-txt: white;
  --theme-adn-txt: var(--bs-c-6);
  --theme-adn-titulo: var(--bg-espol);

  --alto-div: 1px; /* variable que cambia con js */
  --bs-complementario-4:  var(--bs-c-4);
  --bs-complementario-4-opc: rgba(242, 242, 242,var(--transparencia));
  --bs-espol-1: var(--bs-espol-1);
  --bs-espol-1-opc: rgba(41, 171, 226, var(--transparencia));
  --bs-complementario-8:  var(--bs-c-8);
  --bs-complementario-8-opc: rgba(32, 32, 32,var(--transparencia));
  --bs-ESPOL: var(--espol);
  --theme-acordeon: white;
  --theme-list: var(--bs-c-4);
}
.dark {
    --es-link: #2091d2;
    --theme-bg: black;
    --theme-bg-top: black;
    --theme-text-titulo: var(--bs-espol-1);
    --theme-text-body: var(--bs-c-4);
    --theme-text-link: var(--bs-espol-1);
    --theme-footer: black;
    --theme-text-menu: var(--bs-c-4);
    --theme-bg-copyrigth: var(--bs-c-3);
    --theme-text-copyrigth: var(--bs-c-4);
    --theme-title-contacto: var(--bs-c-4);
    --theme-btn-contacto: black;
    --theme-border-contacto: var(--bs-c-4);
    --theme-btn-enlace: var(--bs-c-4);
    --theme-title-enlace: black;
    --theme-bg-destacada: black;
    --theme-text-destacada: var(--bs-c-4);
    --theme-text-estadistica: var(--bs-c-4);
    --theme-check: black;
    --theme-btn-cerrar: black;
    --theme-text-cerrar: var(--bs-c-4);
    --theme-dropdown-menu: black;
    --theme-dropdown-hover: var(--bs-c-6);
    --theme-dropdown-active: var(--contraste);
    --theme-text-active: black;
    --theme-lista-paises: var(--bs-c-6);
    --theme-home-noticias: black;
    --theme-text-noticias: var(--bs-c-4);
    --theme-text-red: var(--bs-c-4);
    --theme-sidebar-text: var(--bs-c-4);
    --theme-sidebar-bg: var(--bs-c-3);
    --theme-text-accordion: var(--bs-c-4);
    --theme-table-thead: var(--contraste);
    --theme-btn-danger: var(--contraste);
    --theme-btn-danger-hover: var(--contraste);
    --theme-text-danger: black;
    --theme-title-primary: black;
    --theme-btn-primary: var(--contraste);
    --theme-btn-primary-hover: var(--contraste);
    --theme-insignia-contenido: var(--bs-c-3);
    --theme-insignia-sabias: var(--contraste);
    --theme-text-white-back: black;
    --theme-servicio-image: grayscale(100);
    --theme-link: var(--contraste);
    --theme-cuadro-1: var(--bs-c-6);
    --theme-cuadro-2: var(--bs-c-3);
    --theme-etiqueta-sostenibilidad: var(--bs-c-3);
    --theme-accordion-header: var(--bs-c-3);
    --theme-accordion-text: var(--bs-c-4);
    --theme-accordion-content: var(--bs-c-3);
    --theme-accordion-text-content: var(--bs-c-4);
    --theme-node-meta: var(--bs-c-4);
    --theme-bg-aviso: var(--bs-c-3);
    --theme-bg-postgrado: var(--bs-espol-1);
    --theme-bg-cec: #2c8d31;
    --theme-complementario-3: #373737;
    --theme-complementario-4: var(--bs-c-8);
    --theme-complementario-5: black;
    --theme-evento-fecha-hoy: var(--bs-espol-temporal);
    --theme-btn-index: black;
    --theme-btn-index-txt: var(--bs-c-4);
    --theme-background-footer: rgba(32, 32, 32,0.8);
    --theme-aviso:var(--contraste);
    --theme-evento-fecha: var(--theme-complementario-4);
    --theme-filtro: var(--theme-complementario-7);
    --theme-nav:var(--theme-complementario-8);
    --theme-acordeon: var(--theme-complementario-8);
    --theme-list: var(--bs-c-10);
    --theme-adn-titulo: var(--bg-espol-1);
}
@layer reset {
  *, *::before, *::after {
    box-sizing: border-box;
  }
}
body {
    font-family: 'Roboto';
    color: var(--theme-text-body) !important;
    background-color: var(--theme-bg) !important;
}
.z-index-1 {
    z-index: 1;
}
.position-relative {
    position: relative;
}
#main {
    position: relative;
    top: var(--margin-nav);
    padding-top: calc(var(--padding) * 2);
    padding-bottom: calc(var(--margin-nav) + var(--padding));
}
.page-view-frontpage .theme-section>.container {
    width: 90% !important;
}
.theme-section>.container {
    width: 70%;
}
aside.section,
.sidebar_second.sidebar {
    position: sticky;
    top: var(--margin-nav);
}
p {
    font-size: 0.95rem;
    font-family: 'Open Sans', sans-serif !important;
    line-height: normal;
}
h1 {
    font-size: clamp(1.8rem, 3vw, 2.2rem);
}
h2 {
    font-size: clamp(1.3rem, 2.5vw, 1.9rem);
}
h3 {
    font-size: 1.45rem !important;
}
h4 {
    font-size: 1.2rem !important;
}
h5 {	
    font-size: 0.9rem !important;
}
h1, h2, h3, h4 {
    font-family: 'Roboto-Medium';
    color: var(--theme-text-titulo);
}
h1.title,
.view-header p,
.page-vocabulary-ods h2.node__title * {
    margin-bottom: 25px;
    font-size: clamp(1.3rem, 3vw, 2rem);
    color: var(--theme-text-titulo);
    text-decoration: none;
}
main > section {
    padding-inline: var(--padding);
}
a,
.link {
    color: var(--theme-link);
}
a:hover,
.link:hover {
    color: var(--es-link);
}
.text-blue {
    color: var(--theme-text-link) !important;
}
.text-red {
    color: var(--theme-text-red) !important;
}
.text-gray {
    color: var(--theme-text-link) !important;
}
.text-bold {
    font-family: Roboto-Bold;
}
.bg-white {
    background-color: white;
}
.text-condensed p {
    margin-bottom: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.cuatro-lineas {
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*** Section Top ***/
.section-top {
    position: fixed;
    z-index: 6;
    width: 100%;
    height: 45px;
    color: var(--theme-text-menu-top);
    background-color: var(--theme-bg-top);
}
.container-2 {
    max-width: 100% !important;
    display: flex !important;
    padding:0;
}
/*** Section Buscar ***/
.section-buscar {
    padding-top: 120px;
    padding-bottom: 20px;
    display: none;
    position: fixed;
    z-index: 4;
    width: 100%;
    background: var(--theme-bg);
}
.section-buscar h2 {
    text-align: center;
    color: var(--theme-btn-enlace);
}
.section-buscar .btn-cerrar-buscador {
    font-size: 32px;
    float: right;
    cursor: pointer;
    color: var(--theme-text-link);
}
.region-top-header-form .container-inline>.container-inline {
    width: 100%;
}
.search-form > fieldset,
.search-form > div {
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.search-form > fieldset {
    width: 85% !important;
}
.search-form > div {
    width: min(100%, 360px);
}
.search-form > fieldset input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.search-form .form-actions input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.search-form .form-submit {
  background-color: var(--bs-espol);
  border-color: var(--bs-espol);
}
/*** Section Menu ***/
.section-menu {
    background-color: var(--theme-bg) !important;
    padding-top: 0;
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
}
.menu-secundario {
    display: flex !important;
    flex-direction: row;
}
.menu-secundario > li {
    margin-left: 10px;
}
.menu-secundario > li > a {
    color: var(--bs-espol);
    font-size: 14px;
}
.menu-secundario img {
    width: 20px !important;
}
.btn-contactanos {
    padding: 10px 12px;
    color: white !important;
    background-color: var(--theme-btn-contacto);
    border-radius: var(--radiussm);
    text-decoration: none;
    border: 0.15rem solid var(--theme-border-contacto);
}
.btn-contactanos:hover {
    text-decoration: underline;
}
section.section-contacto {
    position: relative;
    top: var(--margin-nav);
    padding-inline: var(--padding);
    padding-bottom: var(--margin-nav);
}
.region-contacto-first iframe {
    border-radius: var(--radiusbg);
}
/*** Footer ***/
.container-fluid ul.nav.justify-content-center.menu-rs {
    position: relative;
    top: 0;
    z-index: 1;
    width: 100%;
    gap: var(--gap);
    padding: var(--padding) 0;
    background: var(--theme-background-footer);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.container.pt-5.pb-4 {
    position: sticky;
    bottom: 0;
    z-index: 0;
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 60px 0 !important;
}
.site-footer .block {
    margin: 0;
    border: none;
    border-color: transparent;
    padding: 0 !important;
}
.site-footer .content {
    color: white;
}
.site-footer .content a {
    text-decoration: none;
}
section.section-menu-footer {
    position: sticky;
    bottom: 0;
    max-width:1280px;
    margin: auto;
}
section.section-menu-footer img {
    width: 100%;
    max-width: 110px;
}
.region-footer-info p {
    font-size: 0.8rem;
}
.region-footer-info img {
    width: 200px;
}
.region-footer-menu > nav {
    padding-top: 0 !important;
}
.region-footer-menu > nav > ul > li > a {
    color: var(--theme-white);
    font-size: 16px;
}
.region-footer-menu ul.nav > li {
    position: relative;
}
.region-footer-menu ul.nav > li > ul {
    position: absolute;
    top: auto;
    bottom: calc(100px -100%);
    z-index: 1;
    display: none;
    padding-left: 0;
    font-size: 13px;
    list-style: none;
    background-color: var(--theme-bg);
    border-radius: var(--radiusxs);
}
.region-footer-menu ul.nav > li:hover > ul {
    display: block;
}
.region-footer-menu ul.nav > li > ul > li > a {
    color: var(--theme-text-link);
}
.region-footer-menu ul.nav > li.menu-item--expanded > a::after {
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.eapps-instagram-feed-title {
    color: var(--bs-espol);
    font-weight: normal !important;
    font-size: 2rem !important;
}
/* Redes Sociales */
.section-redes-sociales .container-fluid {
    width: 100%;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
}
.section-redes-sociales h2 {
    display: none;
    color: var(--theme-text-body);
}
.section-redes-sociales .menu-rs {
    font-size: 35px;
}
.section-redes-sociales .menu-rs > li:hover {
    transform: scale(0.8);
}
.section-redes-sociales .menu-rs > li > a {
    color: var(--theme-text-link);
}
.section-redes-sociales .menu-rs svg path,
.section-redes-sociales .menu-rs svg path:hover {
    fill: var(--theme-text-link) !important;
}
.eapps-instagram-feed-posts-container {
    background: white;
    top: -2px;
    position: relative;
}
.widget-instagram {
    position: relative;
    z-index: 1;
    height: 0; /* temporal */
}
/* Copyright */
.section-copyright {
    background-color: var(--theme-bg-copyrigth);
}
.region-footer-copyright p {
    color: var(--theme-text-body);
    margin: 0;
    font-size: 16px;
    padding: 10px 40px;
}
/* Sidebar first */
.sidebar_first nav {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
}
.sidebar_first nav > ul {
    flex-direction: column;
    gap: 2px;
}
.sidebar_first nav > ul > li {
    position: relative;
}
.sidebar_first nav > ul > li > a {
    position: relative;
    padding: 1rem;
    background-color: var(--theme-complementario-5);
    color: var(--theme-sidebar-text);
}
.sidebar_first nav > ul > li > .is-active {
    background-color: var(--theme-text-link);
    color: var(--theme-complementario-5);
}
.sidebar_first nav > ul > li:first-child > a {
    border-radius: var(--radiussm) var(--radiussm) 0 0;
}
.sidebar_first nav > ul > li:last-child > a {
    border-radius: 0 0 var(--radiussm) var(--radiussm);
    border-bottom: none;
}
.accordion-header > button {
    font-size: clamp(1rem, 2.5vw, 1.2rem) !important;
}
.accordion-button::after,
.sidebar_first nav > ul > li > a::after {
    content: '\f105';
    position: absolute;
    top: 0;
    right: 5%;
    width: 13px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-family: var(--font-icons);
    background: none;
}
.sidebar_first nav > ul > li > a:hover {
    background-color: var(--theme-text-link);
    color: var(--theme-complementario-5);
}
.sidebar_first nav > ul > li > a:hover::after {
    transform: translateX(5px);
}
.accordion-button:not(.collapsed)::after,
.sidebar_first nav > ul > li > .is-active::after {
    transform: rotate(90deg);
}
.sidebar_second.sidebar {
    height: fit-content;
    border-radius: var(--radiussm);
    background-color: var(--theme-complementario-3);
}
/*** Accordion ***/
.accordion-button { 
    padding: 1.2rem !important;
    font-size: 1.5rem !important;
}
.accordion-subseccion {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: clip;
    margin-block: 30px;
    border-radius: var(--radiusbg);
}
.accordion-subseccion .accordion-button {
    padding-left: 2rem;
    justify-content: flex-start;
    color: var(--theme-text-accordion);
    background-color: var(--theme-acordeon);
}
/* .accordion-subseccion .accordion-button.collapsed {
    border-bottom: 1px solid var(--bs-c-2) !important;
} */
.accordion-subseccion .accordion-button:not(.collapsed) {
    color: var(--theme-text-titulo);
    font-family: Roboto-Medium;
    background-color: transparent;
    border-bottom: 0;
}
/* .accordion-subseccion .accordion-item:first-child .accordion-button {
    border-top: 1px solid var(--bs-c-2);
} */
.accordion-subseccion .accordion-button:focus {
    border-top-color: var(--bs-c-2) !important;
    border-top-width: 0;
    box-shadow: none !important;
}
.accordion-subseccion .accordion-button::after {
    position: absolute;
    left: 5px;
}
.accordion-subseccion .accordion-collapse.show {
    border-bottom: 1px solid var(--bs-c-2)!important;
}
.accordion-subseccion .accordion-item:last-child .accordion-collapse.show {
    border-bottom: 0 !important;
}
/* .accordion-button::after {
    width: 20px;
    height: 11px;
    background-image: url(/sites/default/files/d9/arrow_down_B.svg) !important;
    background-size: cover;
} */
.accordion-button:not(.collapsed)::after {
    background-image: none !important;
    /* background-image: url(/sites/default/files/d9/arrow_down_B.svg) !important; */
    background-size: contain;
}
/* Breadcrumb */
.block-system-breadcrumb-block {
    display: none;
}
/* Banner Top */
.section-banner-top {
    overflow-x: hidden;
    top: var(--margin-nav);
    position: relative;
}
/*** Tablas ****/
table > thead {
    background: var(--theme-table-thead) !important;
    color: var(--theme-text-active) !important;
}
table tr.table-active {
    background: var(--bs-c-4);
}
table tr td a {
    color: var(--theme-text-body);
    text-decoration: none;
}
table tr td a:hover {
    color: var(--theme-text-link);
}
.table {
    color: var(--theme-text-body);
}
table.table.table-hover>tbody>tr:hover {
    color: var(--theme-text-link);
}
/*** Menu Ayuda ***/
#menu-ayuda {
    width: 50px;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 100;
}
.wrapper-accesibilidad {
    position: relative;
    width: 50px;
    height: 60px;
    top: 50px;
    cursor: pointer;
}
.region-block-accesibilidad {
    width: 130px;
    border: solid 1px var(--bs-c-4);
    box-shadow: 0 0 5px #9e9e9e;
    position: absolute;
    right: -130px;
    bottom: 100%;
    background-color: white;
    padding: 10px 0;
    border-radius: var(--radiusxs) 0 0 var(--radiusxs);
    transition: right 0.2s ease-out 0s;
}
.wrapper-accesibilidad:hover .region-block-accesibilidad {
    right: 0;
}
.region-block-accesibilidad h2 {
    font-size: 14px !important;
    margin-bottom: 0;
}
.block-dark {
    margin-bottom: 15px;
}
.block-dark form > a {
    font-size: 14px;
    text-decoration: none;
}
.block-dark form > a:first-child {
    margin-right: 10px;
}
.block-text-resize > .content > .content {
    display: flex;
    justify-content: space-between;
}
.block-text-resize .changer {
    float: none;
}
.icono-accesibilidad {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px var(--bs-c-4);
    background-color: white;
    color: var(--bs-espol);
    cursor: pointer;
    font-size: 42px;
    box-shadow: 0 0 5px #9e9e9e;
}
/*** Section Intro ***/
.section-intro {
    overflow-x: hidden;
    position: relative;
}
#carrusel-slider .item {
    position: relative;
}
#carrusel-slider .descripcion-container {
    position: absolute;
    width: 100%;
    bottom: 0;
}
#carrusel-slider .descripcion {
    margin-bottom: 80px;
}
#carrusel-slider .descripcion p {
    display: block;
    width: fit-content;
    margin: 5px auto;
    padding: 0 10px;
    background: rgba(255, 255, 255, 0.4);
    color: var(--bs-c-4);
    font-family: 'Neue-Semibold';
    font-size: 36px;
    line-height: 42px;
    text-shadow: 2px 2px 5px #333;
}
#carrusel-slider .descripcion a {
    color: var(--bs-c-4);
    margin-left: 25px;
}
#carrusel-slider :is(.owl-next, .owl-prev) {
    position: absolute;
    top: 50%;
    background-color: var(--espol-opc);
    color: var(--bs-c-4);
    font-size: 28px;
    margin-inline: 10px;
    padding: 0px 18px !important;
    border-radius: 50%;
}
#carrusel-slider :is(.owl-next, .owl-prev):hover {
    background-color: var(--espol-2);
}
#carrusel-slider .owl-prev {
    left: -5px;
}
#carrusel-slider .owl-next {
    right: -5px;
}
#carrusel-slider .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    border-radius: 0;
    background: var(--bs-c-4);
    border: solid 1px var(--bs-espol);
}
.owl-theme .owl-nav.disabled+.owl-dots {
    display: flex;
    position: sticky;
    -webkit-position: sticky;
    position: -webkit-sticky;
    bottom: 50px;
    width: fit-content;
    margin: 0 auto;
    padding: 10px;
    border-radius: var(--nav-dashboard-radius);
    color: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.owl-theme .owl-nav.disabled+.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin: 5px;
    border-radius: 24px;
    background: var(--bs-c-6);
    outline: none;
}
#carrusel-slider .owl-dots .owl-dot:hover {
    background-color: var(--bs-espol-1);
}
#carrusel-slider .owl-dots .owl-dot.active {
    width: 80px;
    background-color: var(--bs-espol-1-opc);
}
#carrusel-slider .owl-dots .owl-dot.active span,
#carrusel-slider .owl-dots .owl-dot span {
    background: transparent;
    border: none;
}
/* Nota Destacada */
#nota-destacada-container {
    position: absolute;
    width: 100%;
    bottom: 0;
}
section.section-intro .owl-carousel .owl-item img {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    height: calc(100dvh - var(--alto-div));
    object-fit: cover;
    object-position: center;
}
.nota-destacada {
    position: relative;
    width: 280px;
    margin-left: auto;
    margin-bottom: 8px;
    padding: 20px 30px 40px 30px;
    border-radius: var(--radiusxs);
    background-color: var(--theme-bg-destacada);
    color: var(--theme-text-destacada);
    opacity: 0.95;
    box-shadow: 3px 3px 8px var(--bs-c-6);
}
.nota-destacada .titulo {
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: solid 1px;
}
.nota-destacada .subtitulo {
    font-size: 24px;
    font-family: 'Roboto-Bold';
    margin-bottom: 20px;
}
.nota-destacada a {
    display: inline-block;
    padding: 5px 20px;
    border: solid 1px;
    border-radius: var(--radiusxs);
    color: var(--bs-c-4);
    font-size: 14px;
    text-decoration: none;
}
/*** Section Nuestro ADN ***/
.section-nuestro-adn {
    position: relative;
    height: auto;
}
.region-home-adn {
    text-align: center;
    --bs-gutter-x: 0;
}
.adn-image-shadow {
    position: relative;
    width: 100%;
    height: 200px;
    z-index: 1;
    background: url(/themes/semilla/images/shadow.webp) top/contain no-repeat;
    mix-blend-mode: multiply;
}
.region-items-adn div a img {
    position: relative;
    height: auto;
    width: 200px;
    border: 5px solid var(--theme-white);
    border-radius: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.region-items-adn .item-adn {
    padding: calc(var(--padding) * 2);
} 
.region-home-adn .content p {
    font-size: 1.2rem;
}
.item-adn {
    text-align: center;
}
.item-adn h3 {
    color: var(--theme-text-titulo);
    font-family: 'RobotoCondensed-Bold';
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.3rem !important;
    font-weight: bolder;
}
.item-adn h3 a {
    color: var(--theme-adn-titulo);
    text-decoration: none;
}
/*** Section Oferta Academica ***/
.section-oferta-academica h2 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0;
    padding-block: 20px;
    text-align: center;
    background-color: var(--bs-espol);
    color: var(--bs-c-4);
}
.container-fluid.g-0.py-5.d-flex.align-items-start.div-oferta-academica {
    padding: 0 !important;
}
.unidad-fadcom .descripcion {
    background-color: var(--bs-fadcom-nav);
}
.unidad-fcnm .descripcion {
    background-color: var(--bs-fcnm-nav);
}
.unidad-fcsh .descripcion {
    background-color: var(--bs-fcsh-nav);
    color: var(--bs-c-8);
}
.unidad-fcv .descripcion {
    background-color: var(--bs-fcv-nav);
}
.unidad-fict .descripcion {
    background-color: var(--bs-fict-nav);
}
.unidad-fiec .descripcion {
    background-color: var(--bs-fiec-nav);
}
.unidad-fimcm .descripcion {
    background-color: var(--bs-fimcm-nav);
}
.unidad-fimcp .descripcion {
    background-color: var(--bs-fimcp-nav);
}
.unidad-espae .descripcion {
    background-color: rgba(246, 163, 68, 0.7);
}
.unidad-fadcom .subtitulo,
.unidad-fadcom .subtitulo::after {
    background-color: var(--bs-fadcom) !important;
}
.unidad-fcnm .subtitulo,
.unidad-fcnm .subtitulo::after {
    background-color: var(--bs-fcnm) !important;
}
.unidad-fcsh .subtitulo,
.unidad-fcsh .subtitulo::after {
    background-color: var(--bs-fcsh) !important;
}
.unidad-fcv .subtitulo,
.unidad-fcv .subtitulo::after {
    background-color: var(--bs-fcv) !important;
}
.unidad-fict .subtitulo,
.unidad-fict .subtitulo::after {
    background-color: var(--bs-fict) !important;
}
.unidad-fiec .subtitulo,
.unidad-fiec .subtitulo:after {
    background-color: var(--bs-fiec) !important;
}
.unidad-fimcm .subtitulo,
.unidad-fimcm .subtitulo::after {
    background-color: var(--bs-fimcm) !important;
}
.unidad-fimcp .subtitulo,
.unidad-fimcp .subtitulo::after {
    background-color: var(--bs-fimcp) !important;
}
.unidad-espae .subtitulo,
.unidad-espae .subtitulo::after {
    background-color: var(--bs-espae) !important;
}
.region-home-oferta-enlaces .content ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    margin-top: 20px;
}
.region-home-oferta-enlaces .content ul>li {
    width: 45%;
}
.region-home-oferta-enlaces .content ul>li>a {
    padding: 8px 0;
    border: solid 2px var(--theme-btn-enlace);
    color: var(--theme-btn-enlace);
    border-radius: var(--radiusxs);
    text-decoration: none;
    display: block;
    text-align: center;
}
.region-home-oferta-enlaces .content ul>li>a:hover {
    background-color: var(--theme-btn-enlace);
    color: var(--theme-title-enlace);
}
/*** Section Home Enlaces ***/
.section-home-enlaces {
    position: relative;
    padding: var(--padding);
    background-color: var(--theme-complementario-5);
}
.section-home-enlaces .row {
    flex-wrap: wrap;
    flex-direction: row;
    gap: var(--gap);
}
.section-home-enlaces .my-4 {
    flex: 1 0 min(300px, 100%);
    margin: 0 !important;
    padding: 0;
}
.section-home-enlaces .div-especializacion .row.g-0 {
    position: relative;
    z-index: 1;
}
.section-home-enlaces .div-especializacion {
    height: 100%;
    position: relative;
    border-radius: var(--radiusbg);
    padding: calc(var(--padding) * 2);
    background-image: linear-gradient(0deg, var(--theme-complementario-4), var(--theme-complementario-3));
}
.section-home-enlaces .postgrado-enlaces::before,
.section-home-enlaces .cec-enlaces::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: var(--radiusbg);
    opacity: 0;
}
.section-home-enlaces .postgrado-enlaces::before {
    background-image: linear-gradient(to bottom, var(--bs-espol), #000f37);
}
.section-home-enlaces .cec-enlaces::before {
    background-image: linear-gradient(to bottom, #144417, #103413);
}
.section-home-enlaces .postgrado-enlaces:hover::before,
.section-home-enlaces .cec-enlaces:hover:before {  
    opacity: 1;
}
.section-home-enlaces .postgrado-enlaces:hover > .texto-enlaces .h3-home-enlaces ,
.section-home-enlaces .postgrado-enlaces:hover > .texto-enlaces .p-home-enlaces,
.section-home-enlaces .cec-enlaces:hover > .texto-enlaces .h3-home-enlaces,
.section-home-enlaces .cec-enlaces:hover > .texto-enlaces .p-home-enlaces {
    color: var(--bs-white);
}
.section-home-enlaces .h3-home-enlaces {
    font-size: 28px !important;
    font-family: 'Roboto-Bold' !important;
}
.section-home-enlaces .cec-enlaces .h3-home-enlaces {
    color: var(--theme-bg-cec);
}
.section-home-enlaces .postgrado-enlaces .h3-home-enlaces {
    color: var(--theme-bg-postgrado);
}
.section-home-enlaces p.p-home-enlaces {
    height: 3.5rem;
    margin-top: 2rem;
}
.section-home-enlaces .span-home-enlaces {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    width: 40px;
    height: 40px;
    padding: 5px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid var(--bs-white);
    border-radius: 50%;
}
.section-home-enlaces .cec-enlaces .span-home-enlaces svg path {
    fill: var(--theme-bg-cec);
}
.section-home-enlaces .postgrado-enlaces .span-home-enlaces svg path {
    fill: var(--theme-bg-postgrado);
}
.section-home-enlaces .cec-enlaces:hover > .row .span-home-enlaces svg path,
.section-home-enlaces .postgrado-enlaces:hover > .row .span-home-enlaces svg path,
.section-home-enlaces .cec-enlaces:hover > .row .svg-especialidad path,
.section-home-enlaces .postgrado-enlaces:hover > .row .svg-especialidad path  {
    fill: var(--bs-white);
} 
.section-home-enlaces .cec-enlaces:hover > .row .span-home-enlaces,
.section-home-enlaces .postgrado-enlaces:hover > .row .span-home-enlaces   {
    right: -10px;
}
.section-home-enlaces .texto-enlaces {
    position: relative;
    z-index: 1;
}
/*** Section Espol en cifras ***/
.section-espol-en-cifras {
    padding: calc(var(--padding) * 2) 0;
}
#section-cifras h2 {
    position: absolute;
    left: 0;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-block: 0 !important;
    text-align: center;
    font-size: 8rem !important;
    letter-spacing: 0;
    color: var(--theme-white) !important;
    text-transform: none !important;
    opacity: 0;
}
.item-estadisticas {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-around;
    flex: 1 0 170px;
    padding: 0;
    text-align: center;
    color: var(--theme-text-estadistica);
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif !important;
}
.item-estadisticas .valor {
    font-size: 32px;
    font-family: 'Roboto-Bold';
}
.item-estadisticas.estadisticas-profesor > div > div {
    display: flex;
    align-items: center;
    text-align: left;
}
.item-estadisticas.estadisticas-profesor .valor {
    margin-right: 5px;
}
.item-estadisticas.estadisticas-profesor .contenido {
    border-left: 2px solid white;
    padding-left: 5px;
}
/*** Section Internacionalizacion ***/
.section-internacionalizacion {
    padding-block: calc(var(--padding) * 2);
    background-color: var(--theme-complementario-4);
}
.section-internacionalizacion .col-8 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.lista-paises-socios {
    background-color: var(--theme-bg);
    border-radius: var(--radiussm);
    list-style: none;
    padding: 30px 0px;
    text-align: center;
    font-size: 0.75rem;
    font-family: "Open Sans", sans-serif !important;
    color: var(--theme-complementario-6);
}
.lista-paises-socios li {
    padding: 5px 0;
}
.lista-paises-socios a {
    color: var(--theme-text-body);
    text-decoration: none;
}
.region-home-internacionalizacion {
    text-align: center;
}
.region-home-internacionalizacion .content {
    color: var(--theme-text-body);
    font-size: 0.95rem;
}
.region-home-internacionalizacion-second {
    padding-top: 20px;
}
.region-home-internacionalizacion-second .content p {
    font-size: 0.95rem;
    text-align: center;
    color: var(--theme-text-body);
}
.region-home-internacionalizacion-third .content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    margin-top: var(--padding);
    padding-left: 0;
    list-style: none;
}
.region-home-internacionalizacion-third .content ul > li > a,
.region-home-alumni-enlaces .content ul > li > a,
.region-home-formacion-enlace .content a,
.btn-mas-noticias {
    display: inline-block;
    position: relative;
    z-index: 0;
    padding: var(--es-btn-padding);
    border-radius: 50px;
    background-color: var(--theme-text-link);
    color: var(--theme-bg);
    font-size: 0.9rem;
    text-decoration: none;
    will-change: background-color, color;
    transition: background-color 300ms cubic-bezier(0.215, 0.610, 0.355, 1), color 300ms cubic-bezier(0.215, 0.610, 0.355, 1);
}
.region-home-alumni-enlaces .content ul > li:last-child > a {
    background-color: var(--bs-c-4);
    color: var(--bs-espol);
}
.region-home-internacionalizacion-third .content ul > li > a:hover,
.region-home-alumni-enlaces .content ul > li > a:hover,
.region-home-formacion-enlace .content a:hover,
.btn-mas-noticias:hover {
    background-color: var(--bs-espol-1);
    color: var(--bs-c-8);
}
.region-home-alumni-enlaces .content ul > li > a {
    border: 1px solid var(--bs-c-4);
}
.popover-header {
    font-size: 1rem !important;
    border: none;
}
.popover-body {
    color: var(--bs-c-8);
}
.item-socio {
    border-bottom: solid 1px var(--bs-c-4);
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 0.8rem;
}
/*** Section Formacion Integral ***/
.section-formacion-integral {
    padding-block: calc(var(--padding) * 2);
    background: url(/sites/default/files/d9/bg_formacion.svg) center/cover no-repeat;
}
#block-encabezadoformacionintegral p {
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
    font-family: 'Roboto-Medium' !important;
    line-height: normal;
}
.dark .section-formacion-integral {
    background-image: none;
    background-color: var(--bs-c-7);
}
.region-home-formacion-first {
    background-image: url(/sites/default/files/d9/Espol_deporte.webp);
}
.region-home-formacion-second {
    background-image: url(/sites/default/files/d9/Espol_flora.webp);
}
.region-home-formacion-third {
    background-image: url(/sites/default/files/d9/Espol_fepol.webp);
}
.region-home-formacion-fourth {
    background-image: url(/sites/default/files/d9/Espol_becas.webp);
}
.region-home-formacion-fifth {
    background-image: url(/sites/default/files/d9/Espol_Especies.webp);
}
.region-home-formacion-sixth {
    background-image: url(/sites/default/files/d9/Espol_Clubes.webp);
}
.region-home-formacion-seventh {
    background-image: url(/sites/default/files/d9/Espol_Bosque.webp);
}
.region-home-formacion-eighth {
    background-image: url(/sites/default/files/d9/Espol_Cultura.webp);
}
.item-formacion {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 6px;
    text-align: center;
    color: var(--bs-c-4);
}
.section-formacion-integral .item-formacion .region {
    position: relative;
    height: 236px;
    border-radius: var(--radiusbg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.section-formacion-integral .item-formacion .region > .block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--radiusbg);
    background-color:var(--theme-espol-opac);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.section-formacion-integral .item-formacion .region > .block:hover {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
#block-deportes {
    background-color: var(--theme-bg-fcv-opac);
}
#block-especiesdeave,
#block-transforma {
    color: var(--bs-c-8);
    background-color: var(--bs-espol-1-opc);
}
#block-fepol {
    background-color: var(--theme-bg-fimcm-opac);
}
#block-clubes {
    color: var(--bs-c-8);
    background-color: var(--theme-bg-espae-opac);
}
#block-cultura {
    background-color: var(--theme-bg-fimcp-opac);
}
.section-formacion-integral .item-formacion .region .content {
    padding: 0 10px;
}
.region-home-formacion-encabezado {
    margin-bottom: 30px;
}
.region-home-formacion-encabezado .content {
    color: var(--theme-text-body);
    font-size: 1rem;
    font-weight: bold;
    line-height: normal;
}
.section-formacion-integral .item-formacion .region .content span.formacion-titulo {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 1.2rem !important;
    font-family: 'Roboto-Medium' !important;
    line-height: 1.2;
    white-space: pre-line;
}
.region-home-formacion-enlace {
    margin-top: 20px;
}
/*** Section Info Eventos ***/
.section-info-eventos {
    padding-block: calc(var(--padding) * 2);
    background-color: #936037;
}
.region-block-info-eventos .content {
    text-align: center;
}
.region-block-info-eventos .content p {
    color: white;
}
.region-block-info-eventos .content a {
    display: inline-block;
    padding: 8px 60px;
    color: white;
    border: solid 2px currentColor;
    border-radius: var(--radiusxs);
    text-decoration: none;
    margin-top: 20px;
}
/*** Section Alumni Enlaces ***/
.section-alumni {
    background-color: var(--bs-espol);
    color: var(--bs-c-4);
    background-image: url("/sites/default/files/d9/trama.svg");
    background-size: cover;
}
section.row.region.region-home-alumni-enlaces {
    padding: 0 calc(var(--padding) * 2) calc(var(--padding) * 2);
    --bs-gutter-x: 0 !important;
}
.region-home-alumni-enlaces .content ul {
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.section-widget-instagram {
    padding-block: calc(var(--padding) * 2);
}
.section-widget-instagram h2 {
    text-align: center;
}
/*** Section Noticias ***/
.section-home-noticias {
    padding-block: calc(var(--padding) * 2);
    background-color: var(--es-theme-noticias);
}
.section-home-noticias h2 {
    margin-bottom: calc(var(--padding) * 2);
    text-align: center;
}
/* Noticias */
body.node--type-noticias #main {
    padding-inline: 0;
}
body.node--type-noticias #main .col-md-9 {
    padding-inline: calc(var(--padding) * 2);
}
/******** Paginas Internas ***********/
.btn-contenido {
    padding: 8px 60px;
    border: solid 2px var(--theme-btn-enlace);
    color: var(--theme-btn-enlace);
    border-radius: var(--radiusxs);
    text-decoration: none;
}
.btn-contenido:hover {
    color: var(--theme-title-enlace);
    background-color: var(--theme-btn-enlace);
}
#block-imagenalumnienmovil {
    display: none;
}
.list-unidades>li p {
    line-height: 12px;
}
.etiqueta-valores {
    display: inline-block;
    width: auto;
    background: var(--theme-sidebar-bg);
    color: var(--theme-text-link);
    margin: auto;
}
.etiqueta-sostenibilidad {
    margin: auto;
    padding: calc(var(--padding) * 2);
    background-color: var(--bs-c-4);
    border-radius: var(--radiussm);
    text-align: center;
    max-width: 90%;
    color: var(--bs-espol);
}
/*********** PARTE DINAMICA ****************/
/* Noticia detalle */
.field--name-uid {
    display: none;
}
.node--type-noticias .node .field--name-body {
    margin-top: 30px;
}
.node .field--type-image {
    margin-right: 0;
}
.more-link {
    text-align: right;
}
.more-link a {
    display: inline-block;
    position: relative;
    width: max-content;
    z-index: 0;
    padding: 12px 22px;
    border-radius: 50px;
    background-color: var(--theme-text-link);
    color: var(--theme-bg) !important;
    font-size: 0.9rem !important;
    text-decoration: none;
}
.more-link a:hover {
    color: var(--bs-c-8);
    background-color: var(--theme-btn-primary-hover);
    border-color: var(--theme-btn-primary);
}
/* Noticias */
.view-noticias {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: var(--gap);
}
.view-noticias > p { /* Titulo Noticias */
    width: 100%;
    font-size: 2.2rem;
    font-family: 'Roboto-Medium';
    font-weight: bold;
    color: var(--theme-text-titulo);
}
.view-noticias .views-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1 0 300px;
    height: auto;
    overflow: hidden;
    border-radius: var(--radiusbg);
    background: var(--es-neumorphism-card-bg);
    border: none;
    box-shadow: var(--es-neumorphism-shadow);
}
.view-noticias a {
    color: var(--es-link);
    font-size: clamp(1.2rem, 1.2vw, 2rem);
}
.view-noticias nav {
    width: 100%;
}
.view-noticias .views-row .views-field-field-imagen-noticia {
    width: 100%;
}
.views-field-field-imagen-noticia img {
    max-width: 100%;
    height: auto;
    display: block;
}
.view-noticias .views-row .views-field-fieldset {
    width: 100%;
    padding: calc(var(--padding) * 2);
}
.view-noticias .views-row .views-field-fieldset > span > * {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* Noticias Recientes */
.view-noticias.view-display-id-block_1 .view-content.row {
    margin-left: 0;
    margin-right: 0;
}
.view-noticias.view-display-id-block_1 .views-row {
    flex-direction: column;
    flex: 0 0 100%;
    gap: var(--gap);
    padding-inline: 0;
    border-bottom: solid 1px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}
.view-noticias.view-display-id-block_1 .views-field-title {
    margin-bottom: 0;
}
.view-noticias.view-display-id-block_1 .views-field-title a {
    font-family: 'Roboto-Medium';
    font-size: 1rem;
    line-height: normal;
    text-decoration: none;
}
.view-noticias.view-display-id-block_1 .views-row .views-field-field-imagen-noticia {
    width: auto;
}
.view-noticias.view-display-id-block_1 .views-field-field-imagen-noticia img {
    max-width: inherit;
    width: 100%;
    height: auto;
    border-radius: var(--radiusxs);
    object-fit: cover;
}
.view-noticias.view-display-id-block_1 .views-row .views-field-fieldset {
    width: auto;
    padding: 0;
}
/* Noticias y Eventos*/
#carrusel-noticias .item h2 {
    font-family: 'Roboto-Medium';
    margin-top: 10px;
}
#carrusel-noticias .item h2 a {
    color: var(--bs-espol);
    text-decoration: none;
}
.link-mas-noticias {
    display: block;
    color: var(--bs-espol);
    font-family: Roboto-Bold;
    text-decoration: none;
    text-align: right;
    border-top: solid 1px;
}
.link-mas-noticias:hover {
    color: var(--bs-espol);
}
/* Espol en la prensa */
.view-espol-en-la-prensa .views-row {
    margin-bottom: 10px;
}
.view-espol-en-la-prensa .views-field-title {
    padding-bottom: 10px;
    border-bottom: solid 1px;
    font-family: Roboto-Medium;
}
.view-espol-en-la-prensa .views-field-title a {
    color: var(--bs-c-6);
    text-decoration: none;
}
.view-espol-en-la-prensa .views-field-title a:hover {
    color: var(--bs-espol);
}
/* Sidebar */
.sidebar .block {
    padding: var(--padding);
    border: 0;
    background-color: transparent;
}
.sidebar h2 {
    padding-block: var(--padding);
    font-family: 'Roboto-Bold';
    border-bottom: 0;
    font-size: 1.25rem;
    color: var(--theme-text-link) !important;
    text-shadow: none;
}
/* Views Accordion */
.ui-accordion-header {
    border-left: 0;
    border-right: 0;
    border-top: solid 1px #b2b2b2;
    border-bottom: 0;
    border-radius: 0;
    background-color: var(--bs-c-4);
    color: var(--bs-c-6);
    margin-top: 0 !important;
    font-family: Roboto-Medium;
}
.ui-accordion .views-row>.views-row:last-child .ui-accordion-header {
    border-bottom: solid 1px #b2b2b2;
}
.ui-accordion .views-row>.views-row:last-child .ui-accordion-header-active {
    border-bottom: 0;
}
.ui-accordion-header>.field-content {
    margin-left: 10px;
}
.ui-accordion-content {
    border: 0;
    color: var(--bs-c-6);
    font-family: Roboto;
    height: auto !important;
}
.ui-icon-triangle-1-e,
.ui-icon-triangle-1-s {
    background-position: inherit;
}
.ui-icon {
    width: 13px;
    height: 13px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(/sites/default/files/d9/chevron-down.svg);
    background-size: cover;
}
.ui-state-hover .ui-icon {
    background-image: url(/sites/default/files/d9/chevron-down.svg);
}
.ui-state-active .ui-icon {
    background-image: url(/sites/default/files/d9/chevron-up.svg);
}
.view-transparencia-2023 .ui-accordion-content .views-field,
.view-transparencia-2023-new .ui-accordion-content .views-field {
    margin-bottom: 15px;
}
/* Concurso de Meritos y Oposicion */
.page-node-9425 .collapse:not(.show) {
    display: block;
}
/* Espolshop */
.modal-dialog .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 5px;
    border-radius: 50%;
    background-color: var(--bs-c-4);
    opacity: 0.5;
}
.font-style {
    font-family: 'Neue Hans Kendrick', sans-serif;
    font-size: 16px;
    color: var(--bs-c-4);
}
.border-custom {
    border: 15px solid rgb(224, 239, 249);
}
.box-wrap {
    width: 145px;
    height: 145px;
    display: relative;
    align-items: center;
    justify-content: center;
    margin-left: -7px;
}
.box {
    background: white;
    position: relative;
    width: 145px;
    height: 145px;
    overflow: hidden;
    cursor: pointer;
}
.box img {
    width: 145px;
    display: block;
    height: 145px;
}
.box img:nth-child(1) {
    position: absolute;
}
.box img:nth-child(2) {
    opacity: 0;
}
.fondo-modal {
    padding: 10px 20px;
    background-color: var(--bs-espol);
}
a.nav-link--es-informes-de-pertinencia-aprobados-por-la-cge {
    white-space: break-spaces;
}
#popUpVideo .modal-content {
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    background-color: transparent;
    pointer-events: auto;
}
#popUpVideo .modal-content iframe {
    width: 420px;
    height: 780px;
    border: 0;
}
.float_chatbot,
.float_evento {
    position: fixed;
    z-index: 10;
    height: auto;
    margin: 25px;
    cursor: pointer;
}
.float_chatbot {
    inset: auto 0 0 auto;
    width: 130px;
}
.float_evento {
    inset: auto auto 0 0;
    width: 161px;
}
.float_chatbot:hover,
.float_evento:hover {
    filter: drop-shadow(0px 0px 9px var(--bs-espol-1));
    -webkit-filter: drop-shadow(0px 0px 9px var(--bs-espol-1));
    transform: scale(1.02);
    animation: none;
}
span.text-calendario {
    margin-left: -2px;
}
.f0 {
    font-size: 0.8rem;
}
.f1 {
    font-size: 0.9rem;
}
.f2 {
    font-size: 1rem;
}
.f3 {
    font-size: 1.1rem;
}
.f4 {
    font-size: 1.2rem;
}
.form-check-input {
    height: 0.85em !important;
    margin-top: 0.35em !important;
}
.form-check-input:focus {
    border-color: var(--theme-insignia-sabias) !important;
    box-shadow: 0 0 0 0.25rem var(--theme-shadow) !important;
}
section.section-intro {
    height: calc(100dvh - var(--alto-div) - var(--navspace) - var(--navicons) - var(--navmargin));
    overflow: hidden;
    background-color: var(--theme-bg) !important;
}
section.section-formacion {
    background-color: var(--theme-bg) !important;
    padding-block: calc(var(--padding) * 2);
}
.region-items-adn p {
    color: var(--bs-c-8);
    font-size:0.85rem;
}
.dark .region-items-adn p {
    color: var(--bs-c-4);
}
.row.region-items-adn {
    padding: var(--padding);
    max-width: 1300px;
    margin:auto;
    flex-direction: row-reverse;
}
section#section-cifras {
    background: var(--theme-bg-cifras);
}
section#section-cifras .row {
    gap: var(--gap);
}
section#section-cifras img {
    width:70px;
    padding: 5px;
}
.header .form-check-input:checked {
    background-color: var(--theme-check);
    border-color: white
}
.section-formacion-integral-black {
    background-color: var(--theme-bg);
    background-image: none !important;
}
.site-footer {
    position: relative;
    top: inherit;
    padding: 0;
    background: var(--theme-footer) url(/sites/default/files/d9/espol_fondo_trama.png) center center / cover fixed;
}
#main-wrapper {
    overflow: clip;
}
body.page-view-frontpage #main-wrapper {
    position: relative;
    top: calc(var(--navicons) + (var(--navmargin) * 2));
    padding-bottom: calc(var(--navicons) + (var(--navmargin) * 2));
}
#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
    background: var(--theme-bg) !important;
    color: var(--theme-text-body);
}
#accordionExample .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: var(--theme-text-body) !important;
}
#accordionExample .accordion-body > ul > li > a {
    color: var(--theme-text-body) !important;
    text-decoration: none;
}
#accordionExample .accordion-body > ul > li > a:hover {
    color: var(--theme-text-link) !important;
}
.accordion-body a {
    color: var(--theme-text-link);
}
.list-group-item {
    background-color: var(--theme-bg) !important;
}
.titulo_interno {
    color: var(--theme-text-titulo) !important;
}
.btn-danger {
    color: var(--theme-text-danger) !important;
    background-color: var(--theme-btn-danger);
    border-color: var(--theme-btn-danger);
}
.btn-danger:hover {
    background-color: var(--theme-btn-danger-hover);
    border-color: var(--theme-btn-danger-hover);
}
.button-radio-style {
    border: 1px solid var(--theme-text-link) !important;
}
.button-radio-style:hover {
    background: var(--theme-btn-primary-hover) !important;
}
.btn-primary {
    padding: var(--es-btn-padding);
    background-color: var(--theme-btn-primary) !important;
    color: var(--theme-title-primary) !important;
    border-color: var(--theme-btn-primary) !important;
    border-radius: 50px;
}
.btn-primary:hover {
    background-color: var(--theme-btn-primary-hover);
    border-color: var(--theme-btn-primary);
}
#carrusel-insignias .item .contenido {
    background-color: var(--theme-insignia-contenido) !important;
}
.section-insignia-que-es {
    position: relative;
    top: var(--margin-nav);
}
.section-insignia-que-es .sabias-que {
    margin-top: 0px;
    padding-top: 20px;
    padding-right: 20%;
    padding-bottom: 10px;
    padding-left: 20%;
    border-radius: 10px;
    color: var(--theme-text-white-back);
    background-color: var(--theme-insignia-sabias);
}
.content_servicio_online {
    background: var(--theme-sidebar-bg) !important;
}
.title_servicio_online a {
    color: var(--theme-text-link) !important;
}
.graph_servicio_online img.img-responsive.img-fluid {
    filter: var(--theme-servicio-image);
}
#tb_inv_contactos tr th {
    background: var(--theme-table-thead) !important;
    color: var(--theme-text-active) !important;
}
#tb_inv_contactos tr td {
    background: var(--theme-bg) !important;
}
.ckeditor-accordion-container > dl dt.active > a {
    color: var(--theme-text-link) !important;
}
.ckeditor-accordion-container > dl dt > a {
    color: var(--theme-text-body) !important;
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
    color: var(--theme-text-link) !important;
    background: var(--theme-text-link) !important;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
    color: var(--theme-text-body) !important;
    background: var(--theme-text-body) !important;
}
.btn_investigacion_proy {
    background-color: var(--theme-bg) !important;
    border: 2px solid var(--theme-dropdown-active) !important;
    color: var(--theme-text-body) !important;
}
.btn_investigacion_proy:hover {
    background-color: none !important;
}
.page-link,
.page-link:hover {
    color: var(--theme-text-body) !important;
}
.page-link {
    background-color: var(--theme-bg) !important;
}
.page-link {
    background-color: var(--theme-bg) !important;
}
.page-link:hover {
    background-color: var(--theme-dropdown-hover) !important;
}
.page-item.disabled .page-link {
    color: var(--theme-text-body) !important;
    background-color: var(--theme-sidebar-bg) !important;
}
.page-item.active .page-link {
    border-color: var(--theme-insignia-sabias) !important;
}
.content_grupo_investigacion ul li a {
    color: var(--theme-text-link) !important;
}
#menu_publicaciones ul li.active a,
#menu_publicaciones ul li a:hover {
    background: var(--theme-dropdown-active) !important;
    color: var(--theme-text-white-back) !important;
}
#menu_publicaciones ul li a {
    color: var(--theme-text-body) !important;
}
.nav-tabs > li.active {
    background-color: transparent !important;
}
.form-control {
    background-color: var(--theme-bg);
    border-radius: var(--radiusbg);
    border: 1px solid var(--bs-c-2);
}
.form-control:active {
    color: var(--theme-text-body) !important;
    background-color: var(--theme-bg-copyrigth) !important;
}
.form-control:focus {
    box-shadow: none;
    outline: 1px solid var(--bs-espol-1-opc);
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}
.form-select {
    color: var(--theme-text-body) !important;
    background-color: var(--theme-bg);
    border-radius: var(--radiusbg);
}
.icon-rs svg {
    width: 32px;
    height: 32px;
    margin-top: -6px;
}
.icon-x {
    fill: var(--theme-text-titulo);
}
.barras {
    color: var(--theme-text-link) !important;
}
.cuadro_1,
.cuadro_2 {
    color: var(--bs-c-8) !important;
    background-color: var(--theme-cuadro-1) !important;
}
.morelink {
    color: var(--theme-text-link) !important;
}
.etiqueta-sostenibilidad {
    background-color: var(--theme-etiqueta-sostenibilidad) !important;
    color: var(--theme-text-link) !important;
}
.ckeditor-accordion-container>dl dt>a:hover {
    background-color: transparent !important;
}
.ui-accordion-header {
    background-color: var(--theme-accordion-header) !important;
    color: var(--theme-accordion-text) !important;
}
.ui-accordion-content {
    color: var(--theme-accordion-text-content) !important;
    background-color: var(--theme-accordion-content) !important;
}
.ui-widget-content a {
    color: var(--theme-text-link) !important;
}
.ui-widget-content a:hover {
    color: var(--theme-text-link) !important;
}
.node__meta {
    color: var(--theme-node-meta);
}
.item-unidad-academica .content {
    background-color: var(--theme-sidebar-bg);
}
.icon-rs-head svg {
    width: 16px;
    height: 16px;
    margin-top: -3px;
}
.iconx-header {
    fill: var(--theme-text-destacada);
}
.btn-accesibilidad:focus {
    box-shadow: 0 0 0 0.15rem var(--theme-btn-primary-hover) !important;
}
.iframeInsideView {
    display: flex;
}
/*** Transparencia *****/
.form-transparencia #edit-validar-correo {
    width: 130px;
    background-color: var(--bs-espol-1) !important;
    border-color: var(--bs-espol-1);
    cursor: pointer;
}
.form-transparencia #edit-validar-correo::placeholder {
    color: white !important;
    opacity: 1;
}
.form-transparencia #edit-validar-correo:disabled,
.form-transparencia #edit-actions-submit:disabled {
    background-color: #e9ecef !important;
    border-color: transparent !important;
    color: #333 !important;
}
.form-transparencia #edit-actions-submit {
    background-color: var(--bs-espol-1) !important;
    color: white !important;
}
.form-transparencia #edit-codigo-de-verificacion {
    display: none;
}
.form-transparencia .row-correo {
    display: none;
}
section.row.region.region-chatpol {
    --bs-gutter-x: 0 !important;
    height: 0;
}
.section-alumni .frase-alumni p {
    font-size: 1.5rem;
    padding-top: 1rem;
    font-style: italic;
    line-height: normal;
}
.section-alumni .nombre-alumni {
    font-size: 2rem;
    margin-bottom: 0;
}
.section-alumni .cargo-alumni {
    font-size: 1rem;
    font-weight: 600;
    font-style: italic;
}
.section-alumni .titulo-uni-alumni {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.section-alumni .promocion-alumni {
    font-style: italic;
    font-size: 0.9rem;
    margin-bottom: 0;
}
.section-alumni .comilla-alumni svg {
    width: 10%;
    height: auto;
}
.section-alumni .comilla-alumni{
  padding-left: 60px;
}
#alumni-espol {
    width: 65%;
}
.section-alumni .btn.btn-alumni {
    padding: 8px 60px;
    border: 2px solid var(--bs-c-4);
    color: var(--bs-c-6);
    border-radius: var(--radiusxs);
    text-decoration: none;
    background-color: var(--bs-c-4);
}
.section-alumni-enlaces{
    position: relative;
    top: -8vh;
}
.section-aviso {
    padding-block: calc(var(--padding) * 2);
    background-color: var(--theme-bg-aviso);
}
.section-aviso h2 {
    margin: 0;
    text-align: center;
}
.section-aviso > .container {
    padding: 0;
}
.section-aviso .region {
    padding-top: calc(var(--padding) * 2);
}
.section-aviso .item {
    margin: 0 0.5rem;
}
.section-aviso .card-body {
    padding: 0 2rem;
}
.section-aviso .item .card {
    height: 12rem;
    align-items: center;
    border-radius: var(--radiussm);
    border: 1px solid var(--theme-cuadro-2);
}
.section-aviso .item .card-body {
    height: 11.9rem;
    border-radius: var(--radiussm) 0 0 var(--radiussm);
    background-color: var(--bs-espol);
    background-image: url("/sites/default/files/d9/trama.svg") !important;
    background-size: cover;
    color: var(--theme-text-copyrigth);
}
.section-aviso .item .card-body:hover {
    color: var(--es-link);
    background-color: var(--bs-c-4);
    background-image: none !important;
}
.section-aviso .item .card-body span {
    position: absolute;
    top: 0;
    right: 16px;
    width: 96px;
    height: 40px;
    display: block;
    border-radius: 0 var(--radiussm);
    border-left: 5px solid var(--theme-complementario-5);
    border-bottom: 5px solid var(--theme-complementario-5);
    background: var(--theme-aviso);
    color: var(--espol);
    text-align: right;
    padding: 8px 15px;
    font-size: 14px;
}
.section-aviso .item .card-body span::before {
    content: '\f27a';
    position: absolute;
    right: 68px;
    height: 40px;
    font-family: var(--font-icons);
}
.dark .section-aviso .item .card-body span {
    border-left-color: var(--theme-bg-aviso);
    border-bottom-color: var(--theme-bg-aviso);
}
.section-aviso .card-text {
    font-size: 1.2rem;
    font-weight: 600;
    }
.section-aviso .link-aviso {
    color: var(--es-link);
    background-color: var(--bs-c-4);
    border-radius: 0 var(--radiussm) var(--radiussm) 0;
}
.section-aviso a {
     text-decoration: none;
}
.section-aviso .item .card:hover {
    color: var(--theme-text-active) !important;
}
.owl-theme .owl-nav{
    margin-top:0 !important;
}
.section-aviso #carrusel-aviso .owl-nav button {
    position: absolute;
    top: 70px;
    color: var(--theme-text-link);
}
.section-aviso #carrusel-aviso .owl-nav .owl-prev {
    left: -3rem;
}
.section-aviso #carrusel-aviso .owl-nav .owl-next {
    right: -3rem;
}
.section-aviso .owl-theme .owl-nav [class*=owl-]:hover {
    scale: 1.2 !important;
}
.section-aviso #carrusel-aviso .owl-nav.disabled {
    display: block;
}
.section-aviso #carrusel-aviso.owl-carousel :is(.owl-nav button.owl-next, .owl-nav button.owl-prev, button.owl-dot) {
    color: var(--theme-text-link);
    font-size: 2rem;
}
.section-aviso .owl-theme .owl-nav [class*=owl-]:hover,
.section-aviso #carrusel-aviso .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
}
.section-aviso #carrusel-aviso .owl-theme .owl-nav {
    margin-top: 0 !important;
}
.section-aviso #carrusel-aviso .container {
    height: 12rem;
    align-items: center;
    border-radius: var(--radiussm);
}
.container, .container-sm {
    max-width: 1280px;
}
.bg-menu-movil .menu-rs svg path {
    fill: var(--theme-text-link);
}
.contenedor-img {
    display: inline-block;
    box-sizing: border-box;
}
.img-figure {
    height: 70vh;
    object-fit: cover;
    object-position: top;
    border-radius: 70vh 0 0 70vh;
}
.mb-2rem {
    margin-bottom: 2rem;
}
#logo-alumni-espol-movil{
    width: 30%;
}
#carrusel-alumni :where(.owl-prev, .owl-next) {
    position: absolute;
    top: 30vh;
    color: var(--bs-c-4);
    padding: 0 8px !important;
    font-size: 45px;
}
#carrusel-alumni .owl-prev {
    left: 0;
}
#carrusel-alumni .owl-next {
    right: 0;
}
.section-alumni .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    scale: 1.2 !important;
}
button:focus {
    outline:none !important;
}
.dark .video-container video {
    filter: hue-rotate(195deg) invert(1);
    -webkit-filter: hue-rotate(195deg) invert(1);
}
.adn-image { 
    position: sticky;
    top: 0;
    z-index: 1;
    display: block;
    height: 100vh;
    background: url(../images/Espol_Back_video.webp) bottom/cover;
    mask-image: linear-gradient(to bottom,transparent 0%,black 35%);
    -webkit-mask-image: linear-gradient(to bottom,transparent 0%,black 35%);
}
.dark .adn-image {
    background-image: url(../images/Espol_Back_video_dark.webp);
}
.video-container video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: center;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 75%);
    mask-image: linear-gradient(to top, transparent 0%, black 75%);
}
img.img-fluid.imagen-facultad {
    width: 100%;
    position: relative;
}
div#accordionOferta .accordion-collapse {
    border:0 !important;
}
button.accordion-button.color-fcsh.collapsed span, button.accordion-button.color-espae.collapsed span {
    color: var(--theme-color-fcsh) !important;
}
button.accordion-button.color-fcsh span, button.accordion-button.color-espae span {
    color:var(--theme-black-opac) !important;
}
.video-container .caption {
    position: relative;
    top: -60vh;
    z-index: 1;
    margin: auto;
    padding: var(--padding);
    text-align: center;
}
.section-oferta-academica .nav-link {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 200px;
    height: 60px;
    overflow: hidden;
    border: none;
    border-radius: 0;
    color: var(--bs-white) !important;
    font-weight: 700;
}
.section-oferta-academica .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0) !important;
    z-index: -2;
}
.section-oferta-academica .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2) !important;
    z-index: -1;
}
.section-oferta-academica .nav-link:hover::before {
    width: 100%;
}
.section-oferta-academica .nav-link.active {
    opacity: 0.8;
    border-left: 10px solid;
}
.section-oferta-academica .nav .nav-item button.active::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    border-radius: var(--radiusxs) 0 0 var(--radiusxs);
}
.section-oferta-academica .nav-link.color-fadcom {
    background-color: var(--theme-bg-fadcom);
}
.section-oferta-academica .nav-link.color-fcnm {
    background-color: var(--theme-bg-fcnm);
}
.section-oferta-academica .nav-link.color-fcsh {
    background-color: var(--theme-bg-fcsh);
    color: var(--theme-color-fcsh) !important;
}
.section-oferta-academica .nav-link.color-fcv {
    background-color: var(--theme-bg-fcv);
}
.section-oferta-academica .nav-link.color-fict {
    background-color: var(--theme-bg-fict);
}
.section-oferta-academica .nav-link.color-fiec {
    background-color: var(--theme-bg-fiec);
}
.section-oferta-academica .nav-link.color-fimcm {
    background-color: var(--theme-bg-fimcm);
}
.section-oferta-academica .nav-link.color-fimcp {
    background-color: var(--theme-bg-fimcp);
}
.section-oferta-academica .nav-link.color-espae {
    background-color: var(--theme-bg-espae);
    color: var(--theme-color-fcsh) !important;
}
.section-oferta-academica .section-oferta-academica .div-oferta-academica{
    color: var(--bs-white);
}
.section-oferta-academica .tab-pane {
    border: 0;
}
.section-oferta-academica .tab-pane .row {
    height: 540px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.section-oferta-academica .tab-pane.color-fadcom .row {
    background-color: var(--theme-bg-fadcom-opac);
}
.section-oferta-academica .tab-pane.color-fcnm .row {
    background-color: var(--theme-bg-fcnm-opac);
}
.section-oferta-academica .tab-pane.color-fcsh .row {
    background-color: var(--theme-bg-fcsh-opac);
}
.section-oferta-academica .tab-pane.color-fcv .row {
    background-color: var(--theme-bg-fcv-opac);
}
.section-oferta-academica .tab-pane.color-fict .row {
    background-color: var(--theme-bg-fict-opac);
}
.section-oferta-academica .tab-pane.color-fimcm .row {
    background-color: var(--theme-bg-fimcm-opac);
}
.section-oferta-academica .tab-pane.color-fiec .row {
    background-color: var(--theme-bg-fiec-opac);
}
.section-oferta-academica .tab-pane.color-fimcp .row {
    background-color: var(--theme-bg-fimcp-opac);
}
.section-oferta-academica .tab-pane.color-espae .row {
    background-color: var(--theme-bg-espae-opac);
}
div#pills-fcsh .descripcion p, div#pills-fcsh h3, div#pills-espae .descripcion p, div#pills-espae h3{
    color: var(--theme-color-fcsh) !important;
}
div#pills-fcsh .nombre-corto, div#pills-espae .nombre-corto {
    color: var(--theme-black-opac) !important;
}
.section-oferta-academica h3{
    position: relative;
    top: 0px;
    font-size: 1.5rem !important;
    font-weight: 600;
    color: var(--bs-c-4);
}
.section-oferta-academica .nombre-corto {
    position: relative;
    left: -0.8vw;
    margin-bottom: 80px;
    font-size: 10vw;
    font-weight: 600;
    color: var(--theme-white-opac);
}
.section-oferta-academica .descripcion p {
    font-weight: 400;
    color: var(--bs-white);
}
.section-oferta-academica .btn-oferta-academica {
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: var(--es-btn-padding);
    border: solid 1px var(--theme-white);
    border-radius: 50px;
    background: var(--theme-bg);
    color: var(--theme-text-body);
    font-size: 1rem;
    text-decoration: none;
}
.section-oferta-academica .btn-oferta-academica:hover {
    background: rgba(0,0,0,0.3);
    color: var(--theme-white);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.section-oferta-academica::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 100px;
    z-index: -1;
}
.btn-oferta-academica::after { 
    background-color: white;
}
.section-oferta-academica .btn-oferta-academica:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}
.section-oferta-academica .image-bg-oferta-academica{
    background-size: cover;
}   
.section-oferta-academica .accordion-button {
    border-radius: 0 !important;
    color:var(--bs-white);
    font-family: "Open Sans", sans-serif !important;
}
.accordion-button.color-fadcom, #id-fadcom {
    background-color: var(--theme-bg-fadcom);
}
.accordion-button.color-fcnm, #id-fcnm {
    background-color: var(--theme-bg-fcnm);
}
.accordion-button.color-fcsh, #id-fcsh {
    background-color: var(--theme-bg-fcsh);
    color: var(--theme-color-fcsh);
}
.accordion-button.color-fcv, #id-fcv {
    background-color: var(--theme-bg-fcv);
}
.accordion-button.color-fict, #id-fict {
    background-color: var(--theme-bg-fict);
}
.accordion-button.color-fiec, #id-fiec {
    background-color: var(--theme-bg-fiec);
}
.accordion-button.color-fimcm, #id-fimcm {
    background-color: var(--theme-bg-fimcm);
}
.accordion-button.color-fimcp, #id-fimcp {
    background-color: var(--theme-bg-fimcp);
}
.accordion-button.color-espae, #id-espae {
    background-color: var(--theme-bg-espae);
    color: var(--theme-color-fcsh);
}
.col-sm-12.col-md-4.col-lg-4.text-center.div-oferta-academica-boton {
    position: relative;
    right: -45px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.accordion.acordion-oferta-academica .accordion-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: var(--padding);
}
p.nombre-facultad {
    margin: 0;
    font-size: clamp(1.2rem, 3vw, 2rem);
    font-weight: bold;
    line-height: normal;
    color: var(--theme-white);
}
.acordion-oferta-academica .accordion-button:not(.collapsed) span {
    font-size: 10dvw !important;
    font-weight: 600;
    color: var(--theme-white-opac);
} 
div#id-fcsh div p, div#id-espae div p {
    color: var(--theme-color-fcsh) !important
}
/* EVENTOS */
.section-evento {
    margin: auto;
}
.section-evento h1 {
    text-align: center;
}
option {
    font-family: "Open Sans", sans-serif;
}
/* Modal */
.modal-dialog {
    max-width: 40em;
}
.modal-body {
    overflow: hidden;
    padding: 0 !important;
    border-radius: var(--radiussm);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
}
.modal-content {
    border: none;
    background: transparent;
}
.modal-open .modal {
    background-color: var(--bs-c-8-opc);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
/* Fin Modal */
.section-evento .btn-outline-espol {
    width: 100%;
    border-radius: 50px;
    background-color: var(--theme-text-titulo);
    color: var(--theme-evento-fecha);
    padding-block: 10px;
    padding-inline: 20px;
}
.section-evento .arrow-down::before {
    position: absolute;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 20px;
    content: '\f078';
    font-family: var(--font-icons);
    font-size: 16px;
    color: var(--theme-text-link);
    font-style: normal;
}
select#sel_ambito,
select#sel_audiencia {
    border: none;
    border-radius: 0 var(--radiusbg) var(--radiusbg) 0;
    background-color: var(--theme-filtro) !important;
}
.section-evento label.input-group-text {
    border: 1px solid var(--theme-text-titulo);
    border-radius: var(--radiusbg);
    background-color: var(--theme-text-titulo);
    color: var(--theme-evento-fecha);
    padding: 10px 20px;
}
/* Sección ADS*/
.section-ads #carrusel-ads {
    height: 100%;
    padding-block: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
}
.section-ads .text-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    text-align: left;
    color: var(--theme-text-titulo) !important;
    font-size: 1.4rem !important;
}
.section-ads .item { 
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: 80px;
    height: 100%;
}
.section-ads .item .row {
    width:100%;
}
.section-ads .btn-ads {
    width: 100%;
    margin-block: 10px;
    padding-block: 10px;
    padding-inline: 20px;
    border-radius: 50px;
    background-color: var(--theme-text-titulo);
    color: var(--theme-evento-fecha);
}
.section-ads .btn-ads:hover {
    background-color: var(--theme-btn-primary-hover);
}
.section-ads .owl-stage {
    display: inline-flex;
}
.section-ads .btn-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-ads #carrusel-ads .owl-nav button {
    position: absolute;
    top:20px;
    color: var(--theme-text-link);
    display: flex;
    top: calc(50% - 16px);
    margin: 0;
}
.section-ads #carrusel-ads .owl-nav .owl-prev {
    left: 2rem;
}
.section-ads #carrusel-ads .owl-nav .owl-next {
    right: 2rem;
}
.section-ads .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    scale: 1.2 !important;
}
.section-ads #carrusel-aviso .owl-nav.disabled {
    display: block;
}
.section-ads #carrusel-ads.owl-carousel .owl-nav button.owl-next,
.section-ads #carrusel-ads.owl-carousel .owl-nav button.owl-prev,
.section-ads #carrusel-ads.owl-carousel button.owl-dot {
    color: var(--theme-text-link);
    font-size: 2rem;
}
.section-ads #carrusel-ads .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
}
.section-ads #carrusel-ads .owl-theme .owl-nav {
    margin-top: 0 !important;
}
/* Fin ADS*/
a#edit-help-link {
    display: none;
}
#block-popupwhatsapp {
    display: none;
} 
.toolbar-icon-9 .section-menu {
    top: 80px;
}
.field.field--name-field-b-imagen.field--type-image img {
    width: 100%;
    height: 100%;
}
.field--name-field-imagen-noticia img {
    margin: 0;
}
.cookiesjsr-banner--action {
    flex-direction: row-reverse;
}
.cookiesjsr-banner {
    padding: min(40px, 8%);
    font-size: 0.9rem;
    background-color: var(--bs-complementario-4-opc);
    color: var(--bs-complementario-8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
html.dark-mode .cookiesjsr-banner {
    background-color: var(--bs-complementario-8-opc);
}
.cookiesjsr-banner button {
    font-size: 1rem;
    text-transform: capitalize;
    border-radius: var(--radiussm);
}
.cookiesjsr-banner button:hover {
    background-color: var(--bs-espol-1) !important;
    color: var(--bs-complementario-8) !important;
    border: 1px solid var(--bs-complementario-4) !important;
}
button.cookiesjsr-btn.important.allowAll {
    background: var(--bs-ESPOL);
    color: var(--bs-complementario-4);
}
button.cookiesjsr-btn.important.denyAll {
    background: var(--bs-complementario-4);
    border: 1px solid var(--bs-ESPOL);
    color: var(--bs-ESPOL);
}
.cookiesjsr-links.links--row a {
    color: var(--bs-espol-1);
}
.cookiesjsr-links.links--row li:before {
    background-color: var(--bs-espol-1) !important;
}
/*FIN politicas de cookies*/
/* Grado - quitar los estilos del drupal para luego retirar los important*/
button.accordion-button:is([
  data-bs-target="#fadcomGrado"],
  [data-bs-target="#fcnmGrado"],
  [data-bs-target="#fcvGrado"],
  [data-bs-target="#fictGrado"],
  [data-bs-target="#fiecGrado"],
  [data-bs-target="#fimcmGrado"],
  [data-bs-target="#fimcpGrado"]) {
    color: var(--bs-c-4) !important;
}
button.accordion-button[data-bs-target="#fadcomGrado"] { background-color: var(--bs-fadcom) !important; }
button.accordion-button[data-bs-target="#fcnmGrado"] { background-color: var(--bs-fcnm) !important; }
button.accordion-button[data-bs-target="#fcvGrado"] { background-color: var(--bs-fcv) !important; }
button.accordion-button[data-bs-target="#fictGrado"] { background-color: var(--bs-fict) !important; }
button.accordion-button[data-bs-target="#fiecGrado"] { background-color: var(--bs-fiec) !important; }
button.accordion-button[data-bs-target="#fimcmGrado"] { background-color: var(--bs-fimcm) !important; }
button.accordion-button[data-bs-target="#fimcpGrado"] { background-color: var(--bs-fimcp) !important; }
button.accordion-button[data-bs-target="#fcshGrado"] {
    background-color: var(--bs-fcsh) !important;
    color: var(--bs-c-8) !important;
}
button.accordion-button[data-bs-target$="Grado"] i {
    display: none;
}
/* Fin Grado*/
/* Acordeón details BID*/
details.type2 {
    background-color: var(--theme-acordeon);
    padding: 24px 42px;
    margin-block-end: 2px;
}
details.type2:is(:hover,[open]) {
    background-color: var(--theme-complementario-5);
    border-inline-end: 6px solid var(--bs-espol-1);
}
details.type2[open] {
    background-color: var(--theme-acordeon);
    border-inline-end: 6px solid var(--bs-espol-1);
}
details.type2[open] small {
    color: var(--bs-c-6-opc);
}
details summary > * { 
    display: inline;
}
details > summary:first-of-type {
    list-style: inside disclosure-closed;
}
details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
}
details:first-child {
    border-radius: var(--radiussm) var(--radiussm) 0 0;
}
details:last-child {
    border-radius: 0 0 var(--radiussm) var(--radiussm);
}
summary {
    cursor: pointer;
    color: var(--theme-text-titulo);
    font-family: 'Roboto-Medium', 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    font-weight: 500;
}
summary :is(h2, h3, h4) {
    line-height: 1lh;
    font-size: 1em !important
}
.noticias_destacadas {
    margin: 0 auto;
}
.noticias_destacadas small {
    display: block;
    color: var(--info);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.noticias_destacadas small::before {
    content: '\f017';
    font-family: var(--font-icons);
    margin-inline-end: 10px;
}
.noticias_destacadas ul:not(.noticias-BID) {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
}
.noticias_destacadas li {
    padding-inline: 2em;
}
.noticias_destacadas li:nth-child(odd) {
    background-color: var(--theme-list);
}
.btn_link {
    display: flex;
    width: auto;
    margin-block: 12px;
    color: var(--bs-espol-1);
    text-decoration: none;
}
.btn_link:before {
    content: '\f0c1';
    font-family: var(--font-icons);
    margin-inline-end: 10px;
}
.btn_link:hover {
    padding-inline-start: 10px;
}
.btn_link:hover:before {
    transform: rotate(-15deg);
}
.noticias-BID {
    width: fit-content;
    display: flex;
    list-style: none;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0;
}
.noticias-BID li {
    background-color: transparent !important;
}
.fecha-inicio small{
    color: #5dbf9b !important;
}
.fecha-inicio small::before {
    content: '\f274';
}
.fecha-fin small{
    color: #ff6464 !important;
}
.fecha-fin small::before{
    content: '\f273';
}
.fecha-status small::before{
    content: '\f05a';
}
.noticias-BID .fecha-status {
    padding-block: 5px;
    border-radius: 50px;
}
.noticias-BID .fecha-status:has(.status-1) {
    background-color: #fff1c4 !important;
}
.noticias-BID .fecha-status small.status-1 {
    color: #c49c5c !important;
}
.noticias-BID .fecha-status:has(.status-2) {
    background-color: #9fe9be !important;
}
.noticias-BID .fecha-status small.status-2 {
    color: #2e5d31 !important;
}
.noticias-BID .fecha-status:has(.status-3) {
    background-color: #5a9bd4 !important;
}
.noticias-BID .fecha-status small.status-3 {
    color: white !important;
}
.noticias-BID .fecha-status:has(.status-4) {
    background-color: #d9c5fb !important;
}
.noticias-BID .fecha-status small.status-4 {
    color: #554274 !important;
}
/* Fin Acordeón details BID*/
/* Ajuste 18-08-2025 */
#accordionTranspCategorias .accordion-item .accordion-button {
    justify-content: start;
    border: 0 !important;
    font-size: 1rem !important;
    color: var(--theme-text-link);
    text-decoration: underline;
    padding-left: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#accordionTranspCategorias .accordion-button::after,
#accordionTranspCategorias .accordion-button:not(.collapsed)::after {
    background-image: none !important;
}
/* CAS ESPOL */
body.page-user-login main {
    height: 60dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.page-user-login h1 {
    text-align: center;
}
/* Fin CAS ESPOL */
/* LOGIN Microsoft */
form.openid-connect-login-form {
    display: block;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid var(--espol);
    border-radius: var(--radiusxs);
    background-color: var(--bs-complementario-4);
    background-image: url('data:image/png;base64,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');
    background-position: 10px, left;
    background-size: 10%;
    background-repeat: no-repeat;
    color: var(--espol);
    font-weight: 500;
    isolation: isolate;
    will-change: background-color, color;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
form.openid-connect-login-form:hover {
    background-color: var(--espol);
    color: var(--bs-complementario-4);
}
form.openid-connect-login-form input {
    padding-inline: 45px 15px;
    padding-block: 10px;
    border-color: transparent !important;
    color: unset !important;
    background-color: transparent !important;
}
form.openid-connect-login-form input:active {
    background-color: transparent !important;
}
body.path-user main h1 {
    text-align: center;
}
body.path-user :is(nav.tabs, form#user-login-form, #block-espol-theme-local-tasks) {
    display: none;
}
/* Fin LOGIN Microsoft */
/* code */
span.resultado {
    position: absolute;
    font-family: monospace;
    color: greenyellow;
    background: blue;
    top: 50%;
    left: 50%;
    display: block;
    z-index:-9999999999;
}
/* fin Bienestar */
@media (min-width: 2200px) {
    /* FULL FULL LARGE */
    .nota-destacada {
        width: 440px;
    }
    .nota-destacada .titulo {
        font-size: 20px;
    }
    .nota-destacada .subtitulo {
        font-size: 50px;
    }
    .nota-destacada a {
        font-size: 16px;
    }
}
@media (min-width: 1920px) {
    div#main-wrapper {
        min-height: 43vh !important;
    }
}
@media (min-width: 1024px) {
    .region-items-adn .col-sm-3 {
        width: 25% !important;
    }
}
@media (min-width: 1400px) and (max-width: 1799px) {
    /* XXL */
    .nota-destacada {
        width: 330px;
    }
    .nota-destacada .subtitulo {
        font-size: 24px;
        line-height: 34px;
    }
    /*.nota-destacada .subtitulo{ font-size: 38px; line-height: 44px; }*/
}
@media (min-width: 1800px) and (max-width: 2199px) {
    /* FULL LARGE */
    .nota-destacada {
        width: 380px;
    }
    .nota-destacada .titulo {
        font-size: 18px;
    }
    .nota-destacada .subtitulo {
        font-size: 40px;
    }
}
@media (max-width: 968px) {
    #main {
        top: calc(var(--menu-escritorio) + var(--menu-scrolled-margin));
        padding-bottom: calc(var(--menu-escritorio) + var(--menu-scrolled-margin));
        padding-inline: var(--padding);
    }
    body.page-view-frontpage #main-wrapper {
        top: calc(var(--menu-mobile) * 2);
        padding-bottom: calc(var(--menu-mobile) * 2);
    }
  .float_chatbot,
  .float_evento {
    bottom: calc(var(--navicons) + var(--navmargin) * 2) !important;
  }
  body:has(header#site_header.scrolldown) :is(.float_chatbot, .float_evento){
    opacity: 0;
  }
  .section-oferta-academica h2 {
    top: calc(var(--menu-escritorio) + var(--menu-scrolled-margin));
  }
  .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
    .section-alumni .nombre-alumni{
    font-size: 1.5rem;
    }
    .region-home-alumni-enlaces .content ul{
        float: none;
        align-items: center;
    }
    .section-alumni-enlaces {
        height: 0;
    }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1023px)
and (orientation : portrait) {
    .section-alumni .frase-alumni {
        padding: 0 80px;
        font-size: 3.8vw;
    }
}
@media (max-device-width: 768px){
    .section-alumni .frase-alumni {
        padding: 0 1.5rem 1rem;
        font-size: 4.8vw !important;
    }
    .comilla-alumni svg {
        width: 20%;
        height: auto;
    }
    .section-alumni .comilla-alumni {
        padding-left: 0;
        margin: 25px;
    }
    .img-figure{
        height: 45vh !important;
        border-radius: 0 !important;
    }
    #carrusel-alumni :where(.owl-prev, .owl-next) {
        top: 22vh !important;
    }
    .section-alumni-enlaces {
        top: -130px !important;
    }
    p.titulo-uni-alumni,
    p.promocion-alumni  {
        padding: 0 20px;
    }
}
@media (max-width: 849px) {
    .section-aviso #carrusel-aviso .owl-nav.disabled {
        display: none;
    }
}
@media (max-width: 768px) {
    .section-banner-top {
        top: 70px;
    }
    .section-menu {
        padding-top: 0;
        padding-block: 0;
    }
    .section-buscar {
        padding-top: 60px;
    }
    .theme-section > .container {
        width: 100%;
    }
    /* Header */
    .navbar-brand img {
        width: 200px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    /* Footer */
    .region-footer-menu > nav > ul {
        flex-direction: column;
        align-items: center;
    }
    /* Intro */
    section.section-intro {
        height: 100% !important;
        overflow-x: inherit !important;
    }
    #nota-destacada-container {
        bottom: -150px;
    }
    .nota-destacada {
        margin-right: auto;
        opacity: 1;
    }
    #carrusel-slider .descripcion-container {
        top: 0;
    }
    section.section-intro .owl-carousel .owl-item img {
        height: 100%;
        object-fit: cover;
    }
    .sidebar_second.sidebar {
        border-radius: 0;
    }
    .view-noticias {
        justify-content: center;
    }
    .section-info-eventos,
    .section-internacionalizacion .align-self-center,
    .calendario {
        display: none;
    }
    .section-internacionalizacion .col-8 {
        width: 100%;
    }
    #block-imagenalumnienmovil {
        display: block;
    }
    .region-home-alumni-enlaces .content ul {
        flex-direction: column;
    }
    .region-home-alumni-enlaces .content ul > li {
        width: 100%;
    }
    .region-home-alumni-enlaces .content ul > li > a {
        display: block;
        text-align: center;
    }
    .region-home-oferta-enlaces .content ul {
        flex-direction: column;
    }
    .region-home-oferta-enlaces .content ul > li {
        margin-bottom: 24px;
        width: 100%;
    }
    .region-home-oferta-enlaces .content ul > li > a {
        padding: 8px 0;
        display: block;
        text-align: center;
        max-width: 75%;
        margin: auto;
    }
    .region-items-adn {
        padding-left: 25px;
        padding-right: 25px;
    }
    .sidebar_first aside {
        display: none;
    }
    main > section {
        margin-left: 0;
    }
    .navbar-nav > li.dropdown:hover > .dropdown-menu.show {
        display: block;
    }
    .navbar-nav > li.dropdown:hover > .dropdown-menu {
        display: none;
    }
    .page-link {
        padding: 0.275rem 0.45rem !important;
    }
    .iconx-header {
        fill: var(--theme-text-titulo) !important;
    }
}
@media (min-width: 768px) {
   .region-items-adn .col-sm-3 {
        width: 50%;
    }
}
@media (max-width: 576px) {
    .item-adn h4 {
        font-size: 1rem !important;
        text-align: center;
    }
    .adn-image {
        background-position: 75% !important;
    }
    .row.region-items-adn,
    .region-items-adn {
        padding: 0;
    }
    .row.region-items-adn .col-6 {
        width: 100%;
    }
    .region-items-adn .item-adn {
        padding: var(--padding);
    }
    .section-ads .text-title{
        text-align: center;
        justify-content: space-evenly;
    }
    .section-ads #carrusel-ads .owl-nav .owl-next {
        right: 10px;
    }
    .section-ads #carrusel-ads .owl-nav .owl-prev {
        left: 10px;
    }
    .section-ads .item {
        padding-inline: calc(var(--padding) * 2);
    }
    .region-home-internacionalizacion-third .content ul {
        flex-direction: column;
        gap: var(--gap);
    }
    .section-aviso > .container {
        padding-inline: var(--padding);
        min-width: 100% !important;
    }
    .section-aviso > .container .row {
        margin: 0;
    }
    #block-views-block-noticia-destacada-block-1 {
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 480px) {
    .navbar-brand {
        padding-inline: 0px;
    }
    .owl-theme .owl-nav.disabled+.owl-dots,
    #carrusel-alumni :where(.owl-prev, .owl-next) {
        display: none !important;
    }
    #popUpVideo .modal-content iframe {
        width: 304px;
        height: 540px;
    }
}
@media (prefers-reduced-motion: no-preference) {
    .section-formacion-integral .row > div:nth-child(odd) .item-formacion .region > .block:hover {
        transform: rotate(-3deg) scale(1.02);
    }
    .section-formacion-integral .row > div:nth-child(even) .item-formacion .region > .block:hover {
        transform: rotate(3deg) scale(1.02);
    }
    .section-aviso .item .card-body,
    .section-oferta-academica .nav-link,
    .section-oferta-academica .nav-link::before {
        transition: all 350ms linear;
    }
    .section-home-enlaces .span-home-enlaces,
    .fc .fc-button-primary:hover,
    .region-items-adn div a img,
    .section-oferta-academica .btn-oferta-academica {
        transition: all 350ms ease;
    }
    .region-items-adn div a img:hover { 
        transform: translateY(-10px);
    }
    details.type2 {
        transition: all 300ms cubic-bezier(0.4, 0, 1, 1);
    }
    a,
    .link,
    .section-home-enlaces .h3-home-enlaces,
    .section-home-enlaces .postgrado-enlaces:hover > .texto-enlaces .h3-home-enlaces ,
    .section-home-enlaces .postgrado-enlaces:hover > .texto-enlaces .p-home-enlaces,
    .section-home-enlaces .cec-enlaces:hover > .texto-enlaces .h3-home-enlaces,
    .section-home-enlaces .cec-enlaces:hover > .texto-enlaces .p-home-enlaces,
    .section-formacion-integral .item-formacion .region > .block,
    .float_chatbot,
    .float_evento,
    .section-redes-sociales .menu-rs > li,
    #carrusel-alumni :where(.owl-prev, .owl-next),
    .section-ads #carrusel-ads .owl-nav :is(.owl-prev, .owl-next),
    .section-aviso #carrusel-aviso .owl-nav :where(.owl-prev, .owl-next),
    .section-nuestro-adn {
        transition: all 350ms ease-in-out;
    }
    .section-oferta-academica::after {
        transition: all 400ms ease-in-out;
    }
    .section-home-enlaces :is(.cec-enlaces, .postgrado-enlaces) .span-home-enlaces svg path,
    .owl-theme .owl-nav.disabled+.owl-dots .owl-dot  {
        transition: all 500ms ease;
    }
    .adn-image,
    .video-container video,
    #carrusel-slider :is(.owl-next, .owl-prev) {
        transition: all 500ms ease-in-out;
    }
    details.type2[open] small {
        transition: color 1s ease;
    }
    .sidebar_first nav > ul > li > a::after,
    .btn_link,
    .btn_link:before {
        transition: all 1s cubic-bezier(0, 0.17, 0.33, 0.99);
    }
    .section-oferta-academica .nombre-corto {
        animation: Facultanima 1s ease 0s 1 normal forwards;
    }
    .acordion-oferta-academica .accordion-button:not(.collapsed) span {
        animation: Facultanima 1s ease 0s 1 normal forwards;
    }
    .section-home-enlaces .cec-enlaces:hover > .row .span-home-enlaces,
    .section-home-enlaces .postgrado-enlaces:hover > .row .span-home-enlaces   {
        animation: Blink 1s ease 0s 1 normal forwards;
    }
    .section-home-enlaces .cec-enlaces:hover > .row .svg-especialidad,
    .section-home-enlaces .postgrado-enlaces:hover > .row .svg-especialidad {
        animation: wobble 1s ease 0s 1 normal forwards;
    }
    .section-home-enlaces .postgrado-enlaces::before,
    .section-home-enlaces .cec-enlaces::before {
        transition: opacity 0.65s ease-in-out;
    }
    .section-oferta-academica .btn-oferta-academica {
        animation: moveInBottom 1s ease-out;
        animation-fill-mode: backwards;
    }
    .float_chatbot,
    .float_evento {
        animation: Chatbot 2s ease 10s infinite normal both;
    }
    @media (max-width: 968px) {
        body:has(header#site_header.scrolldown) :is(.float_chatbot, .float_evento) {
            transition: opacity 500ms cubic-bezier(0.23, 1, 0.320, 1);
        }
    }
}
@supports not (background-attachment: fixed) {
  .site-footer {
    background-attachment: scroll;
  }
}
@keyframes Chatbot {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}
	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}
	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}
	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}
	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
@keyframes Blink {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
@keyframes wobble {
	0%,
	100% {
		transform: translateY(0) rotatez(5deg);
		transform-origin: 50% 50%;
	}
	15% {
		transform: translateY(-30px) rotate(-6deg);
	}
	30% {
		transform: translateY(15px) rotate(6deg);
	}
	45% {
		transform: translateY(-15px) rotate(-3.6deg);
	}
	60% {
		transform: translateY(9px) rotate(2.4deg);
	}
	75% {
		transform: translateY(-6px) rotatez(5deg);
	}
}
@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes Facultanima {
    0% {
        transform: scale(0);
        transform-origin: 0% 50%;
    }

    100% {
        transform: scale(1);
        transform-origin: 0% 50%;
    }
}