/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,P|
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* variables */
:root {
    --color-primary: rgb(38, 43, 93);
    --color-secondary: #e40000;
    --color-gris: #b3b3b3;
    --bg-primary: #f8f5f1;
    --bg-gris: #e6e6e6;
    --fs-ultratiny: 10px;
    --fs-tiny: 12px;
    --fs-normal: 16px;
    --fs-grande: 22px;
    --fs-grande-l: 42px;
    --fs-titular: 56px;
}

/* asignacion de tipos */
header a,
header a + div,
h3 {font-family: "Kulim Park", sans-serif; font-weight: 400; font-style: normal; font-size:var(--fs-grande-l); letter-spacing: 4px; line-height:100%;}

.titular-home .subtitulo {font-family: "Kulim Park", sans-serif;font-weight: 700;font-style: normal;}

h2, h4,
p.bajada,
.titular-home .tag,
time,
p.published,
.titular-bloque .subtitulo,
.caja-calendario p,
figcaption,
footer *,
form button {font-family: "Barlow Condensed", sans-serif;font-weight: 500;font-style: normal;}


/* elementos */

.z-1 {z-index:1}

h2,h3,h4 {text-transform: uppercase; color:var(--color-primary)}

body {background-color: var(--bg-primary);}
button:active, button:focus {opacity:1}
button:hover {opacity: 0.8}
button {text-decoration: none!important; padding-right:10px}
button a {text-decoration:none; font-size:var(--fs-normal); font-family: "Barlow Condensed", sans-serif;font-weight: 500;font-style: normal;}
button:has(a:not(:empty)) a::after, footer button:has(a:not(:empty)) a::after {content:''; display: inline-block;margin-left: 5px; width: 8px;height: 8px;border-top: 3px solid white;border-right: 3px solid white;transform: rotate(45deg); border-bottom: none; }
button:has(a:empty) a::after, footer button:has(a:empty) a::after {content:''; display: inline-block; margin-left: 0px; width: 8px;height: 8px;border-top: 3px solid white;border-right: 3px solid white;transform: rotate(45deg);line-height: 1; margin: 0 10px 2px 10px; }

.tag {letter-spacing: 2px; font-size:var(--fs-normal); text-transform: uppercase;}

.ghost {background-color: rgba(38, 43, 93, 0.85)} 
.ghost-gradient {background: linear-gradient(to right, rgba(38, 43, 93, 0.8) 40%,  rgba(30, 46, 97, 0) 100%)}
.ghost-right {background: linear-gradient(to left, rgba(179,179,179, 0.8) 40%,  rgba(179,179,179, 0) 100%)}

p.bajada {font-size:var(--fs-grande);color:var(--color-primary); line-height: 1.25em;}
p.published {color: var(--color-gris);font-size: var(--fs-normal);}
time {color:var(--color-gris); font-size:var(--fs-normal)}

.publicacion-destacada h2,
.bloque-calendario h2,
.bloque-actualidad h2,
.yt-shorts h2,
.alianzas h2 {letter-spacing:4px; font-size:var(--fs-grande);color:var(--color-primary);}

figcaption {background-color:var(--color-primary);}

.logo-placeholder {text-indent:-9999px;background-image: url(images/logo-web.svg);background-repeat: no-repeat; background-position: center; background-size: contain;}

/* == HEADER Y FOOTER == */

header .logo-placeholder { width: 150px; height: 96px; }
header .navbar-nav {height: auto;}
header .navbar-nav a.nav-link {height: 100%;display: flex;align-items: flex-end; padding-bottom: 10px; text-indent: 5px; letter-spacing: 2px; font-size: 14px; font-weight: 600;}
header .navbar-nav a.nav-link.link-busqueda {background: url(images/ico-lupa.svg) center bottom 8px no-repeat transparent !important; background-size: 20px !important; overflow: hidden; text-indent: -999px; width: 24px; PADDING: 0;}
header .navbar-nav a, header .navbar-nav li:last-child {text-transform: uppercase; font-size: var(--fs-tiny); font-weight: bold; text-align: center;}
header .navbar-nav li:last-child {color: white; background-color: var(--color-primary);width: 40px;margin-bottom: 5px;}
header .navbar-nav a.active-custom {color: white !important; background: var(--color-primary); text-align: center;}

@media (min-width:992px) {
	header .navbar-nav a.nav-link:hover {color: white !important; background: var(--color-primary); text-align: center;}
	header .navbar-nav {height: 96px;}
	header .navbar-nav li:last-child {width: auto;height: 22px;align-self: end;}
	/*header .navbar-nav a.nav-link {text-indent:0 }*/
}

footer {background-color: white}
footer * {color: var(--color-primary)}
footer .alianzas * {border-color: var(--color-primary)!important}
footer .zona-inferior h4 {letter-spacing: 0.3vw}
footer .zona-inferior .logo-placeholder {width: 300px; height: 194px;}
footer .zona-inferior .row > div {border-color:var(--color-primary)!important}
footer form button, footer form button:hover {border:none; background:var(--color-secondary);color: white; font-size:var(--fs-grande)}
footer .alianzas img {height: 30px}
@media (min-width:768px) {footer .col-uno {border-right:1px solid var(--color-primary)}footer .nuestras-alianzas {border: none!important}}

/* == HOME == */

.titular-home {aspect-ratio:21/7; min-height:60vh; background: cyan; /*background-color: rgba(38, 43, 93, 0.85); background: linear-gradient(to right, rgba(38, 43, 93, 0.8) 40%,  rgba(30, 46, 97, 0) 100%), url(images/gente.jpeg);background-repeat: no-repeat; background-position: top center; background-size:cover;*/}
.titular-home .subtitulo {color:var(--color-secondary); font-size:var(--fs-grande); letter-spacing: 2px; text-shadow: 1px 1px 5px rgba(38, 43, 93, 1);}
.titular-home h2 {font-size: var(--fs-titular); max-width: 80%;}
.titular-home h2 a {text-decoration: none;}
.titular-home button, .titular-home button:hover {background-color:var(--color-secondary);}
.titular-home img {width: 100% ! IMPORTANT; HEIGHT: AUTO ! IMPORTANT; MIN-WIDTH: 100% ! IMPORTANT; MIN-HEIGHT: 100% !important;}
.titular-home img.visible-desktop {display: block;}
.titular-home img.visible-mobile {display: none;}
.swiper-pagination-bullets {bottom:16px !important;}
.swiper-pagination-bullets .swiper-pagination-bullet {width: 14px;height: 14px; background: #fff; margin:0 6px !important;}
.swiper-pagination-bullets .swiper-pagination-bullet-active {opacity: 0.8;}
@media (max-width:768px) {
	.titular-home h2 {max-width: 100%;font-size: 32px; line-height: 1.2em !important;}
	.titular-home .subtitulo {font-size: 14px !important; letter-spacing: 0.5px !important; max-width: 67%; line-height: 1.35em; margin-bottom: 12px !important}
	.titular-home img.visible-desktop {display: none;}
	.titular-home img.visible-mobile {display: block;}
	.titular-home {aspect-ratio:8/10;}
}


.somos-athenalab {background-image:url(images/globo.png); background-repeat:no-repeat; background-size: 60%; background-position: -280px 20px; padding: 40px 0;}
.somos-athenalab h4 {color: var(--color-primary); letter-spacing: 2px; font-size:var(--fs-grande)}
.somos-athenalab h4 a {color: var(--color-primary); text-decoration: none;}
.somos-athenalab button, .somos-athenalab button:hover {background:var(--color-primary);}
.somos-athenalab img {border-left-width: 10px; border-left-style: solid; border-left-color: var(--color-secondary);}
.somos-athenalab .bajada {line-height: 1.25em;}
@media (max-width:768px) {.somos-athenalab {background-position: -120px -120px; min-height:60vh;}}

.banda-especial {min-height: 60px; padding:24px !important;}
.banda-especial .container img {max-height:80px}
.banda-especial .banda-fondo {transform: translatey(-50%); top: 50% !important;}
@media (min-width:991px) {
	.banda-especial {padding 32px !important;}
	.banda-especial .container img {max-height:100px}
	.banda-especial h4 {font-size: 42px !important;}
}


.bloque-5 .bloque-5-nota-ppal button, .bloque-5 .bloque-5-nota-ppal button:hover {background: var(--color-primary)}
.bloque-5 .bloque-5-nota-ppal button a {font-size: var(--fs-grande)}
.bloque-5 .bloque-5-nota-s button, .bloque-5 .bloque-5-nota-s button:hover {background: var(--color-primary)}
.bloque-5-nota-ppal h3 {letter-spacing: 2px; line-height: 1.1em;}
.bloque-5-nota-ppal h3 a {text-decoration: none; color: var(--color-primary);}
.bloque-5-nota-s {overflow: hidden; padding-bottom: 80px !important;}
.bloque-5-nota-s .swiper-wrapper {align-items: stretch;}
.bloque-5-nota-s .swiper-slide {height: auto;}
.bloque-5-nota-s .swiper-pagination {bottom: 24px !important;}
.bloque-5-nota-s .swiper-pagination-bullets .swiper-pagination-bullet {background: var(--color-primary);}
.bloque-5-nota-s h4 a {text-decoration: none; color: var(--color-primary);}
@media (max-width:768px) {
	.bloque-5-nota-ppal h3 {font-size:28px;margin-top: -30px;}
	.container.bloque-5-nota-ppal .row {display: flex;flex-direction: column;}
    .container.bloque-5-nota-ppal .row .col-12.col-md-6:last-child { order: 1;}
    .container.bloque-5-nota-ppal .row .col-12.col-md-6:first-child {order: 2;}
	.bloque-5-foto {padding-bottom: 0 !important;}
}


.bloque-titular {aspect-ratio:21/6; min-height:60vh}
.bloque-titular h2 {font-size: var(--fs-titular);  max-width: 80%;}
.bloque-titular h2 a {text-decoration: none;}
.bloque-titular .subtitulo {font-size: var(--fs-grande) !important; letter-spacing: 2px; line-height: 1.5em; max-width: 80%;}
.bloque-titular button, .bloque-titular button:hover {background-color:var(--color-secondary)}
.bloque-titular img.visible-desktop {display: block;}
.bloque-titular img.visible-mobile {display: none;}

@media (max-width:768px) {
	.bloque-titular h2 {max-width: 100%;font-size: 32px; line-height: 1.2em !important;}
	.bloque-titular .subtitulo {font-size: 14px !important; letter-spacing: 0.5px !important; max-width: 75%; line-height: 1.35em; margin-bottom: 12px !important}
	.bloque-titular img.visible-desktop {display: none;}
	.bloque-titular img.visible-mobile {display: block;}
	.bloque-titular {aspect-ratio:8/11;}
}

.bloque-calendario {background:var(--color-gris);overflow:hidden; padding-bottom: 80px !important;}
.bloque-calendario h2 {color:#e5e5e5;}
.bloque-calendario .ghost-right {width: 200px; z-index: 999 !important;}
.caja-calendario {width: 350px; min-width: 350px; aspect-ratio: 2/1; background-color:#f8f5f1; background-image: url(images/ico-calendario.png); background-position: 95% 10px; background-repeat: no-repeat; background-size: 30px}
.caja-calendario h3 {width: 250px; letter-spacing: 0; font-size:38px;}    
.caja-calendario p {letter-spacing: 2px; font-size: 18px; line-height: 1.1em;}
.caja-calendario p a {text-decoration: none; color:var(--color-primary)}
.calendario-swiper {overflow: visible !important;}
.calendario-swiper .swiper-slide {height: auto;}
.calendario-swiper .swiper-pagination {bottom: -50px ! IMPORTANT;}
.calendario-swiper .swiper-pagination {}
.calendario-swiper .swiper-pagination-bullets .swiper-pagination-bullet {}
@media (max-width:768px) {
	.caja-calendario {max-width: 100%;}
	.bloque-calendario .ghost-right {width:20%; background:linear-gradient(to left, rgba(179,179,179, 0.8) 0%,  rgba(179,179,179, 0) 100%);}
	.bloque-calendario {padding: 40px 0 80px 1% !important;}
	.bloque-calendario .swiper-wrapper {padding-left: 0 !important;}
}

.publicacion-destacada {padding: 30px 0;}
.publicacion-destacada img {aspect-ratio:3/2; object-fit: cover;}
.publicacion-destacada button, .publicacion-destacada button:hover {background-color: var(--color-secondary);}
.publicacion-destacada h3 a {text-decoration: none; color:var(--color-primary)}
@media (max-width:768px) {
	.publicacion-destacada button a {padding: 0 !important; font-size: 18px !important;}
}

.bloque-actualidad {background-color:var(--bg-gris); padding: 40px 0 5px;}
.bloque-actualidad h3 {letter-spacing: 1.4px; letter-spacing: 1.4px; font-size: 36px;}
.bloque-actualidad h4 a {text-decoration: none; color:var(--color-primary)}
.bloque-actualidad button, .bloque-actualidad button:hover {background-color: var(--color-primary);}
.bloque-actualidad figcaption {letter-spacing: 3px;}
.bloque-actualidad button:has(a:empty) a::after {content:''; display: inline-block; margin-left: 0px; width: 8px;height: 8px;border-top: 3px solid white;border-right: 3px solid white;transform: rotate(45deg);line-height: 1; margin: 0 10px 6px 10px; }
.contenedor-actualidad {display: grid; grid-auto-columns: 1fr;grid-template-columns: 55% 1fr; gap: 60px;}
.actualidad-1 {}
.actualidad-2 .fecha {width: 100%; display: block; text-align: right; margin-top: 10px !important;}
@media (max-width:768px) {
	.contenedor-actualidad {display: block;}
	.actualidad-1 {margin-bottom:20px;}
	.bloque-actualidad h3 {margin: 12px 0 16px; font-size: 26px;}
	.bloque-actualidad h4 {}
}


.yt-shorts {overflow: hidden;}
.yt-shorts .yt-elemento iframe {border-radius: 25px; padding: 10px; width: 100%; height: auto; aspect-ratio: 9 / 16;}
.yt-shorts .yt-elemento.swiper-slide-active iframe {padding:0; border-width: 10px; border-style: solid; border-color:var(--color-secondary)}
.shorts-swiper {overflow: visible !important; padding-bottom: 3rem !important;}
.shorts-swiper .swiper-slide {height: auto;}
.shorts-swiper .swiper-pagination {bottom: 0 !important;}
.shorts-swiper .swiper-pagination-bullets .swiper-pagination-bullet {background: var(--color-primary);}
@media (max-width:768px) {
	.yt-shorts {padding: 30px 4% !important;}
	.yt-shorts h4 {font-size: 20px;}
}




/* === EQUIPOS === */

/* == commons == */
.directorio h2, .equipo h2, .consejo-asesor h2, .senior-fellows h2, .modal-equipo h3, .modal-equipo h4 {font-family: "Kulim Park", sans-serif;font-weight: 700;font-style: normal;letter-spacing:4px; font-size:var(--fs-grande);color:var(--color-primary);}
.modal-equipo p {font-family: "Barlow Condensed", sans-serif;}

.area {position:relative;}
.area img {max-width:180px; max-height:180px; aspect-ratio: 1 / 1; object-fit: cover; filter:grayscale(100%) contrast(1.1);}
.area .modal-equipo img {filter:none;}
.area h3 {font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 1.3rem; margin:0}
.area h4 {font-family: "Kulim Park", sans-serif;font-weight: 700;font-style: normal; letter-spacing: 2px; font-size: 10px; color: var(--color-secondary); line-height: 1rem;}
.persona img, .persona h3 {cursor:pointer;}

.consejo-asesor h3, .senior-fellows h3 {font-size: 15px}

.team-grid {display: flex;flex-wrap: wrap;justify-content: center; gap: 2rem 0; }
.team-item-5 {flex: 0 0 20%; max-width: 20%;padding: 0 15px;}
.team-item-4 {flex: 0 0 25%;max-width: 25%;padding: 0 15px;}
@media (max-width: 991px) {.team-item-5, .team-item-4 {flex: 0 0 50%;max-width: 50%;}}
@media (max-width: 575px) {.team-item-5, .team-item-4 {flex: 0 0 100%;max-width: 100%;}}


/* == titulo == */
.banda-titulo {height: 240px; background-image:url(images/globo-opacity.png); background-size: 400px; background-repeat: no-repeat; background-position: -150px -300px;}
.banda-titulo p {font-family: "Barlow Condensed", sans-serif;font-weight: 500;font-style: normal; line-height: 1.25em;}
.banda-titulo {background-color: var(--color-primary); }
.banda-titulo h2 {font-size:var(--fs-titular)}
@media (min-width:500px) {.banda-titulo .ghost-titulo {background-image:url(images/globo-opacity.png); background-size: 400px; background-repeat: no-repeat; background-position: 110% 20px;}}

/* == directorio == */
.directorio {background-color:  var(--bg-primary)}
.directorio h3 {font-size: 24px; line-height: 2rem;}
.directorio h4 {font-size: 14px}

/* == equipo == */
.equipo {background-color: white}

/* == senior fellows == */
.senior-fellows {background-color: var(--color-primary);}

/* == modal == */
.modal-equipo {  margin: 30px auto; background-color: rgba(38, 43, 93, 0.9); width: 800px; max-width: 95%;}
.modal-equipo * {color: white!important}
.modal-equipo img {width: auto; max-width: 180px; aspect-ratio: 1 / 1;object-fit: cover; margin: 0 auto; display: block}
.modal-equipo .datos p {border: 1px solid rgba(256,256,256,0.75); border-right: none; border-left:none}
.modal-equipo h3 {font-size: 18px; letter-spacing: 2px; line-height: 1.35em;}
.modal-equipo h4 {font-size: 14px; letter-spacing: 1px;}

/* modales especificos */
.modal-equipo.modal-directorio {background-color: rgba(10, 12, 30, 0.95);}
.modal-equipo.modal-team {background-color: rgba(14, 19, 75, 0.95);}
.modal-equipo.modal-consejo-asesor {background-color: rgba(92, 93, 93, 0.95);}
.modal-equipo.modal-senior-fellows {background-color: rgba(256,256,256, 0.95);}
.modal-equipo.modal-senior-fellows * {color: var(--color-primary)!important;}

.modal-equipo > a i {color: #999999!important}
.modal-equipo > a:hover i {color: #eeeeee!important}
.contenedor-modal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.contenedor-modal{display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;}
.contenedor-modal.activo{opacity:1;visibility:visible;pointer-events:auto;}
.contenedor-modal .modal-equipo {opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;}
.contenedor-modal.activo .modal-equipo{opacity:1;transform:translateY(0);}
@media (max-width: 991px) {
	.contenedor-modal {position: fixed;top: 0;left: 0;width: 100%;transform: none; z-index: 2;}
	.contenedor-modal .modal-equipo {margin: 30px auto !important; z-index: 999;}
	.contenedor-modal .modal-equipo .datos {margin-top: 0 !important;}
}

/* == QUIENES SOMOS == */

/* commons */
.qs-principal h2,.proposito-foco h2,.tesis h2,.orientacion-estrategica h2,.definicion-ejes h2,.definicion-ejes ul li button * {font-family: "Kulim Park", sans-serif;font-weight: 700;font-style: normal; letter-spacing: 2px; font-size: var(--fs-titular); color: var(--color-primary);}
.qs-principal p,.proposito-foco p,.tesis p,.orientacion-estrategica p,.definicion-ejes .tab-content p {font-family: "Barlow Condensed", sans-serif;font-weight: 500;font-style: normal;}
.proposito-foco h2,.tesis h2 {letter-spacing: 4px;}
.numeror {margin-left: 30px;}
.numeror::before {position:relative; left: -30px;  font-weight:  700; color: var(--color-secondary); padding-right: 6px;  border-right: 2px solid var(--color-secondary); margin-right:-22px;}
.numeror.p-01::before {content:'01';} 
.numeror.p-02::before {content:'02';}
.numeror.p-03::before {content:'03';}

/* bloque Quienes Somos principal */
.qs-principal {background-color: var(--bg-primary);background-image: url(images/globo.png); background-repeat: no-repeat; background-position: right top; background-size: 50%}

/* Propósito y Foco */
.proposito-foco { background-color: white;  background-image:url(images/bg-estrellas.png); background-repeat: no-repeat;  background-position: 0 bottom; background-size: 100%; padding-bottom: 40vw}
.proposito-foco .head-foco { background-color: var(--color-primary);}
.texto-proposito p {padding-left:3rem; line-height: 1.25 !important; font-size: 1.25rem !important;}
.proposito-foco h2 {padding-left: 24px!important;margin-left: 36px;  background-image:url(images/estrella-blanca.png); background-repeat: no-repeat; background-size: 16px; background-position: 0% center;}
.proposito-foco p {color: var(--color-primary); padding-right: 0!important; text-align: justify;}
.foco-keywords { margin: 28px auto 24px !important;}
.block-foco span::after, .block-foco span::before {content:""; display: inline-block; width:4px; height:4px; border-radius: 100% ; margin:0 4px 6px; background-color: var(--color-secondary)}
.block-foco span {color: var(--color-secondary); font-size: 28px; font-weight: 600;}
.block-foco {padding-right: 3rem}
@media (min-width:768px) {
	.proposito-foco {background-position: left bottom; background-size: 50%; padding-bottom: 10vw}
}
@media (max-width:767px) {
	.texto-proposito p {padding: 0 4% !important; box-sizing: border-box;}
	.block-foco span {font-size:24px;}
}

/* Tesis */
.tesis {background-color: #fff;}
.tesis h2 {background-color:#333333; height:86px; background-image:url(images/estrella-blanca.png); background-repeat: no-repeat; background-size: 16px; background-position: 80% center;}
@media (min-width:768px) {.tesis h2 {background-position: 95% center;}}
.tesis p {color: var(--color-primary); padding-right: 0!important; text-align: justify;}

/* Orientación estratégica */
.orientacion-estrategica {background-color: white;background-image:url(images/globo-inv.png);  background-repeat: no-repeat; background-size: 200vw; background-position: center;}
.orientacion-estrategica p {color: var(--color-primary);}
.orientacion-estrategica p::before {content:""; display: block; width:24px; height: 24px; margin-bottom: 12px;background-image:url(images/estrella-azul.png); background-repeat: no-repeat; background-size: 24px; background-position: 80% center;}
@media (min-width:768px) {.orientacion-estrategica{background-size: 100%;}}

/* Definición */
.definicion-ejes {background: var(--bg-gris)}
.definicion-ejes ul {background-color: white; /*overflow-y: hidden;*/}
.definicion-ejes ul li {position: relative; width: calc(100% / 6); height: 78px}
.definicion-ejes ul li:focus-visible {border:none}
.definicion-ejes ul li button {width: 100%; background: white; padding: 18px; border:none!important;}
.definicion-ejes ul li button * {color: var(--color-gris); text-transform: uppercase; display: inline-block; text-align: left; width: 100%; }
.definicion-ejes ul li button.active {background-color:var(--color-primary)!important; }
.definicion-ejes ul li button.active * {color: white}
.definicion-ejes ul li small {font-size: 8px}
.definicion-ejes ul li strong {font-size: 14px; margin: 3px 0 0; line-height:16px;min-height: 32px;}
.definicion-ejes ul li small, .definicion-ejes ul li strong {text-align:center}
.definicion-ejes .tab-content {background-color: var(--color-primary);  border-radius: 0 0 12px 12px; margin-top: -16px}
.definicion-ejes .tab-content p  {line-height: 1.35em; background-image: url(images/estrella-blanca.png); background-repeat: no-repeat; background-size: 24px; background-position: top left; padding-left: 42px;}
.definicion-ejes ul li button {border-radius: 30px 30px 0 0}
.definicion-ejes ul li button.active {border-radius: 30px 30px 0 0}
.definicion-ejes ul li:nth-child(1) button.active {border-radius: 8px 30px 0 0}
.definicion-ejes ul li:nth-child(6) button.active {border-radius: 30px 8px 0 0}

/*antiglitch*/
.definicion-ejes .nav-link {transition: none !important; border: none !important;     outline: none !important;    box-shadow: none !important; }
.definicion-ejes .nav-link:hover {border-color: transparent !important;}
.definicion-ejes ul li button.active {background-color: var(--color-primary) !important; opacity: 1 !important;}

/* == tabs redondos == */
.definicion-ejes .nav-link.active {background-color: transparent !important; position: relative;z-index: 1;border: none !important;margin-right: 60px; transition: none !important;}
.definicion-ejes .nav-link.active::before,.definicion-ejes .nav-link.active::after {content: "";position: absolute;top: 0;width: calc(100% + 0px); height: 100%;background-color: var(--color-primary);z-index: -1;mask-repeat: no-repeat;}
.definicion-ejes .nav-link::before {left: 58px;mask-size: 75% 100%;-webkit-mask-size: 75% 100%;mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 Q0,0 15,0 L75,0 C90,0 90,25 95,50 C100,75 105,100 120,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 Q0,0 15,0 L75,0 C90,0 90,25 95,50 C100,75 105,100 120,100 L0,100 Z' fill='black'/%3E%3C/svg%3E");}
.definicion-ejes .nav-link.active::after {left: -15px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100' preserveAspectRatio='none'%3E%3Cpath d='M120,15 Q120,0 105,0 L45,0 C30,0 30,25 25,50 C20,75 15,100 0,100 L120,100 Z' fill='black'/%3E%3C/svg%3E");mask-size: 80% 100%;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100' preserveAspectRatio='none'%3E%3Cpath d='M120,15 Q120,0 105,0 L45,0 C30,0 30,25 25,50 C20,75 15,100 0,100 L120,100 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size: 80% 100%;}

/* ajustes para el primer y último tab */
.definicion-ejes li:nth-child(1) .nav-link.active::after {display:none}
.definicion-ejes li:nth-child(1) .nav-link.active::before {width: calc(100% + 110px); left: 0; border-top-left-radius: 8px;}
.definicion-ejes li:nth-child(6) .nav-link.active::before {display:none}
.definicion-ejes li:nth-child(6) .nav-link.active::after  {left: -30px; background-color: var(--color-primary)!important; width: calc(100% + 30px); -webkit-mask-size: 107% 100%; mask-size: 107% 100%;}

@media(max-width:1200px) {.definicion-ejes .nav-link { padding-left:10px; padding-right:10px;}.definicion-ejes li:nth-child(1) .nav-link.active::before {mask-size: 72% 84%;-webkit-mask-size: 72% 84%;}.definicion-ejes li:nth-child(6) .nav-link.active::after {mask-size: 72% 84%;-webkit-mask-size: 72% 84%;width: calc(100% + 111px);left: -36px;}}
@media(max-width:992px) {.definicion-ejes ul li small { display: none!important} .definicion-ejes ul li strong { font-size: 10px ; text-align: center} .definicion-ejes ul li strong br {display: none;}.definicion-ejes ul li {height:70px} .definicion-ejes .nav-link::before {left:20px} .definicion-ejes .nav-link::after {left:-20px!important}.definicion-ejes .nav-link.active::before {}.definicion-ejes .nav-link.active::after {left:-18px!important; }.definicion-ejes li:nth-child(6) .nav-link::after {left:-35px!important; mask-size:120% 83%; -webkit-mask-size: 120% 83%;}.definicion-ejes li:nth-of-type(1) .nav-link.active::before {mask-size: 87% 82%; -webkit-mask-size:  87% 82%;}}
.definicion-ejes .tab-content {background-color: var(--color-primary);border-radius: 0 0 12px 12px; margin-top: 0 !important;position: relative;z-index: 5;}

/*ocultar tabs en moviles*/
@media(max-width:991px){
	#ejesEstrategicosTab,
	#ejesEstrategicosContent{
		display:none;
	}
}

/* mobile carrusel */
.ejes-mobile{padding:20px 0;margin-top: -20px;}
.eje-box{background:var(--color-primary);border-radius:16px;padding:25px 20px 25px;position:relative;margin-top:-50px;}

/* contenido */
.eje-content .cabezal-eje{padding-right:80px;}
.eje-content .titulo-eje small{color:white;font-size:8px;text-transform:uppercase;letter-spacing:1px;}
.eje-content .titulo-eje h4{color:white;font-size:20px;text-transform:uppercase;margin-bottom:15px;}
.eje-content p{font-family:"Barlow Condensed",sans-serif;color:white;font-size:18px;line-height:1.4;padding-left:40px;background-image:url(images/estrella-blanca.png);background-repeat:no-repeat;background-size:20px;background-position:0 4px;}

/* swiper */
.ejes-swiper .swiper-button-next{right:15px;}
.ejes-swiper .swiper-button-prev{right:45px !important;left:auto !important; }

/* flechas */
.ejes-swiper .swiper-button-prev,.ejes-swiper .swiper-button-next{position:absolute;top:20px!important;transform:none!important;margin-top:0!important;width:28px;height:28px;color:white;z-index:10;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.ejes-swiper .swiper-button-next{right:15px;}
.ejes-swiper .swiper-button-prev{right:50px;left:auto;}
.ejes-swiper .swiper-button-prev::after,.ejes-swiper .swiper-button-next::after{font-size:14px;}

/* paginacion */
.ejes-swiper {padding-bottom:30px !important;}
.ejes-swiper .swiper-pagination{bottom:0px!important;}
.ejes-swiper .swiper-pagination-bullet{background:white;opacity:0.5;}
.ejes-swiper .swiper-pagination-bullet-active{opacity:1;}