/*
Theme Name: Patronato UP
Author: La Vaca MU - Marketing & Content Lab & Javier Yamashita
Author URI: https://lavacamu.pe/
Description: Tema personalizado para el sitio web del Patronato de la Universidad del Pacífico
Version: 1.0
*/
@charset "UTF-8";

@font-face { font-family:'akzidenz-grotesk_bqbold'; src:url('assets/fonts/akzidenz-grotesk-bq-bold-webfont.woff2') format('woff2'), url('assets/fonts/akzidenz-grotesk-bq-bold-webfont.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'akzidenz-grotesk_bqmedium'; src:url('assets/fonts/akzidenz-grotesk-bq-medium-webfont.woff2') format('woff2'), url('assets/fonts/akzidenz-grotesk-bq-medium-webfont.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'akzidenz-grotesk_bqregular'; src:url('assets/fonts/akzidenz-grotesk-bq-regular-webfont.woff2') format('woff2'), url('assets/fonts/akzidenz-grotesk-bq-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }


@font-face { font-family:'Tiempos Headline'; src:url('assets/fonts/TiemposHeadline-Regular.woff2') format('woff2'), url('assets/fonts/TiemposHeadline-Regular.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Tiempos Headline'; src:url('assets/fonts/TiemposHeadline-Medium.woff2') format('woff2'), url('assets/fonts/TiemposHeadline-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Tiempos Headline'; src:url('assets/fonts/TiemposHeadline-Bold.woff2') format('woff2'), url('assets/fonts/TiemposHeadline-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }

:root {
  --blanco: #FFFFFF;
  --gris-claro: #F0F0F0;
  --gris: #C1C1C1;
  --celeste: #D9E7FF;
  --azulino: #0062FF;
  --azul: #0E1F43;
  --negro: #000000;
}

body { position:relative; font-size:18px; line-height:1.5; font-weight:normal; font-family:'akzidenz-grotesk_bqregular', sans-serif; color:var(--negro); margin:0 auto; padding-top:92px; }

* { outline:0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:normal; line-height:1.2; margin-bottom:1rem; }
h5, h6, .h5, .h6 { line-height:1.3; }
strong, b { font-weight:normal; font-family:'akzidenz-grotesk_bqbold', sans-serif; }
a { color:#0E1F43; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a, a:hover, a:active, a:focus { color:#0E1F43; text-decoration:none; outline:none; }

button:focus, :focus { outline:0 !important; box-shadow:none !important; }
button:disabled, button[disabled]{ color:#666 !important; background:#EEE !important; border-color:transparent !important; }
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, button:focus { box-shadow:none; }
select { -webkit-appearance:none; -moz-appearance:none; }
button, input, optgroup, select, textarea { padding:.25rem .5rem; }

.ratio-4x3 { --bs-aspect-ratio:61.611%; }

.text-blanco { color:var(--blanco) !important; }
.text-celeste { color:var(--celeste) !important; }
.text-azulino { color:var(--azulino) !important; }
.text-azul { color:var(--azul) !important; }
a.text-azulino:hover { color:var(--azul) !important; }
a.text-azul:hover { color:var(--azulino) !important; }


.bg-blanco { background-color:var(--blanco) !important; }
.bg-gris-claro { background-color:var(--gris-claro) !important; }
.bg-gris { background-color:var(--gris) !important; }
.bg-celeste { background-color:var(--celeste) !important; }
.bg-azulino { background-color:var(--azulino) !important; color:var(--blanco) !important; }
.bg-azul { background-color:var(--azul) !important; color:var(--blanco) !important; }
.bg-azul a, .bg-azulino a { color:var(--blanco); }
.bg-transparent { background-color:transparent !important; }

.btn { display:inline-flex; align-items:center; font-weight:bold; font-size:90%; padding:.5rem 1.25rem; border:1px solid transparent; border-radius:.75rem; background:transparent; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.btn-azulino { background-color:var(--azulino); color:var(--blanco); }
.btn-azulino:hover { background-color:var(--azul); color:var(--blanco); }
.btn-azul { background-color:var(--azul); color:var(--blanco); }
.btn-azul:hover { background-color:var(--azulino); color:var(--blanco); }
.btn > i { font-size:120%; }

figure.rounded-circle { overflow:hidden; }
figure.rounded-circle img { width:100%; object-fit:cover; }
figure.ratio > img { top:50%; left:50%; transform:translate(-50%,-50%); }
figure.rounded { border-radius:2rem !important; overflow:hidden; }
figure.video .play, figure.galeria .zoom { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0) url('assets/img/icono-play.svg') no-repeat center center; background-size:100px; opacity:.75; z-index:1; }
figure.galeria .zoom { background-image:url('assets/img/icono-zoom.svg'); }
figure.video:hover .play, figure.galeria:hover .zoom { background-color:rgba(0,0,0,.3); opacity:1; }
.ratio > img { object-fit:cover; object-position:center; }
.ratio-9x16 { padding-bottom:177%; }
.op-end { object-position:right center; }
.ratio iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.fancybox-video {  }

.col-img { position:relative; display:flex; height:inherit; }
.col-img figure { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.col-img figure img { display:block; width:100%; height:100%; object-fit:cover; }

.row.rounded { border-radius:2rem !important; overflow:hidden; }

.navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.slick-track { display: flex !important; margin-left:0 !important; }
.slick-slide { height: inherit !important; }
.slick-prev, .slick-next { position:absolute; top:50%; transform:translateY(-50%); display:block; width:34px; height:34px; content:''; font-size:0; line-height:0; margin:0; padding:0; cursor:pointer; color:transparent; border:none; outline:none; background-color:transparent; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:1; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color:transparent; outline:none; opacity:1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity:.25; }
/*
.slick-prev { left:1rem; background-image:url('assets/img/icono-galeria-anterior.svg'); }
.slick-next { right:1rem; background-image:url('assets/img/icono-galeria-siguiente.svg'); }
*/
.slick-dots { display:flex; justify-content:center; list-style-type:none; margin:2rem; padding:0; }
.slick-dots li { margin:0 0.25rem; }
.slick-dots li button { display:block; width:12px; height:12px; text-indent:-9999px; margin:0; padding:0; background:var(--azul); border:0px none; border-radius:100%; opacity:.5; }
.slick-dots li button:hover { opacity:.75; }
.slick-dots li.slick-active button { opacity:1; }

.bg-azul .slick-dots li button, .bg-azulino .slick-dots li button { background:var(--azulino); }

.slider-for figure { position:relative; }
.slider-for figure figcaption { position:absolute; left:0; bottom:0; width:100%; padding:2rem; }
.slider-for figure figcaption h4 { margin:0; }
.slider-for figure figcaption p { margin:0; }
.slider-nav .slick-slide { margin:0 8px; }
.slider-nav .imgwrap img { width:100% !important; height:auto !important; max-height:none !important; }

.social { list-style:none; margin:0; padding:0; display:flex; align-items:center; }
.social li { width:32px; height:32px; margin:0 .5rem; }
.social li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--blanco); background:var(--azulino); border-radius:50%; }
.social li a:hover { color:var(--azul); background:var(--blanco); }
.social li i { font-size:16px; }
.social-links li { margin:0 .25rem 0 0; }
.social-links li a { background:var(--azul); }
.social-links li a:hover { color:var(--blanco); background:var(--azulino); }

.bullet-disc { list-style:none; margin:0 0 1rem; padding:0; }
.bullet-disc li { position:relative; margin-bottom:.5rem; padding-left:30px; }
.bullet-disc li:before { position:absolute; left:0; top:0; content:'\f111'; font-size:100%; font-weight:900; font-family:'Font Awesome 6 Free'; color:#0066B2; }

header { background:#0E1F43; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
header .navbar { padding:1.5rem 0; }
header .navbar-brand { padding:0; }
header .navbar-brand img { height:68px; }
header .navbar-nav li { margin:0 2rem; }
header .navbar-nav li:last-child { margin-right:0; }
header .navbar-nav li a { position:relative; display:flex; align-items:center; font-family:'akzidenz-grotesk_bqmedium'; color:var(--blanco); padding:.25rem 0; }
header .navbar-nav li a:before { position:absolute; left:0; top:100%; width:0; height:4px; content:''; background:var(--azulino); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
header .navbar-nav li:hover a:before, header .navbar-nav li.current-menu-item a:before, header .navbar-nav li.current_page_item a:before { width:40%; }

header .navbar-toggler { padding:0; }

@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-link { padding-right:0; padding-left:19px; }
}

header.fixed { background:#0E1F43; }

header .navbar-nav ul { padding:1rem 0 .25rem; }
header .navbar-nav ul > li { display:inline-block; margin:0; }
header .navbar-nav ul > li > a:before { display:none; }
header .navbar-nav ul > li > a { display:block; font-family:'akzidenz-grotesk_bqregular'; padding:.25rem 1rem; white-space:nowrap; }
header .navbar-nav ul > li > a:hover, header .navbar-nav ul > li > a.mPS2id-highlight { color:var(--azulino); }

@media screen and (min-width:992px) {
  header .navbar-nav ul { padding:0; }
  header .navbar-nav > li { position:relative; }
  header .navbar-nav > li.menu-item-has-children > a { display:block; position:relative; padding-right:18px; }
  header .navbar-nav > li.menu-item-has-children > a:after { position:absolute; right:0; top:12px; content:'\f107'; font-weight:900; font-size:14px; line-height:1; font-family:'Font Awesome 6 Free'; }
  header .navbar-nav ul { display:none; position:absolute; left:-1rem; top:calc(100%); width:180px; list-style:none; margin:0; padding:1rem 0; }
  header .navbar-nav ul > li { display:block; text-transform:none; margin:0; background:var(--azul); }
  header .navbar-nav ul > li:last-child { padding-bottom:.5rem; }
  header .navbar-nav ul > li > a { padding:.5rem 1rem; }
  header .navbar-nav > li:hover > ul { display:block; }
}

main { overflow-x:hidden; }
main img { max-width:100%; }

section { position:relative; }
section > .bg { position:absolute; top:0; right:0; bottom:0; left:0; content:''; z-index:0; }
section .container, section .container-fluid, article .container { position:relative; padding-top:6rem; padding-bottom:6rem; z-index:1; }
section h1, section h2, section h3, section h4, article h2, article h3 { font-family:'Tiempos Headline', sans-serif; }
section h2 { font-weight:bold; font-family:'Tiempos Headline', sans-serif; }
section:not(.intro) h2 span { display:inline-block; position:relative; padding-bottom:1rem; }
section:not(.intro) h2 span:after { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:80px; height:6px; content:''; background:var(--azulino); }
section:not(.intro) h2.text-left span:after { left:0; transform:none; }

/*section p > strong { font-size:105%; }*/
.section-header { margin-bottom:2rem; }

.nav-pills { margin-bottom:3rem; }
.nav-pills .nav-item { text-align:center; }
.nav-pills .nav-link { position:relative; display:flex; width:100%; height:150px; align-items:center; justify-content:center; color:var(--blanco); padding:1rem; background:var(--azul); border-radius:0; }
.nav-pills .nav-link:after { position:absolute; right:0; top:50%; transform:translate(1px, -50%); width:2px; height:calc(100% - 3rem); content:''; background:var(--blanco); z-index:1; }
.nav-pills .nav-item:last-child .nav-link:after { display:none; }
.nav-pills .nav-item:first-child .nav-link { border-top-left-radius:2rem; border-bottom-left-radius:2rem; }
.nav-pills .nav-item:last-child .nav-link { border-top-right-radius:2rem; border-bottom-right-radius:2rem; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background:var(--azulino); }

blockquote p { font-size:120%; font-weight:normal; font-family:'Tiempos Headline', sans-serif; padding-top:3.5rem; background:url('assets/img/blockquote-open.svg') no-repeat left top; background-size:auto 32px; }
blockquote cite { font-style:normal; }
blockquote cite span, blockquote cite small { display:block; }
blockquote.text-center p { text-align:center; margin-bottom:1.5rem; background-position:center top; }
blockquote.text-center cite { display:flex; align-items:center; text-align:left; justify-content:center; padding:0 10%; }
blockquote cite.cite-image figure { flex:0 0 72px; width:72px; margin:0 .75rem 0 0; border:2px solid var(--azulino); }
blockquote cite.cite-image strong { color:var(--azul); margin-bottom:.25rem; padding:.1rem .5rem; border-radius:.5rem; }
blockquote cite.cite-image span { display:block; padding-left:.5rem; }

.card { border:0px none; }

.botones { padding-top:1rem; }

/* FOOTER */
footer { font-size:1rem; color:#D1D1D1; background:#0E1F43; }
footer .container { padding-top:4rem; padding-bottom:3rem; }
footer .logo { max-width:100%; height:68px; }
footer .social { display:inline-flex; }
footer .social li:last-child { margin-right:0; }


.card-img-top { position:relative; margin-bottom:0; }

.intro { position:relative; height:460px; }
.intro-banner { position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.intro-banner img { display:block; width:100%; height:100%; object-fit:cover; }
.intro-banner:before { position:absolute; left:0; bottom:0; width:100%; height:60%; content:''; z-index:1; opacity:.5; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.intro-banner:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:var(--azul); opacity:.35; z-index:1; }
.intro-content { display:flex; height:100%; align-items:flex-end; position:relative; z-index:2; }
.intro .container { padding-bottom:2rem; }
.intro .h2 { font-weight:normal !important; }
.intro .h2 span { display:inline-block; background:var(--azul); padding:.25rem 1rem; border-radius:1rem; }
.intro p { font-size:110%; padding:0 1rem; }
.intro h1:not(.h2) { padding-left:1rem; }

.card { border-radius:1rem; }
.card-img-top { border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; }

/* INICIO */
.texto-destacado p { font-size:110%; }
.texto-destacado :last-child { margin-bottom:0; }

.novedades-carrusel .novedad { margin:0 15px; }
.novedades-carrusel .novedad .card-body { padding:1.5rem 1.5rem 0 1.5rem; }
.novedades-carrusel .novedad .card-footer { background:transparent; border:0px none; padding:0 1.5rem 1.5rem; }

.cifra .card { border:0px none; height:100%; border-radius:1rem; text-align:center; }
.cifra .card-body { padding:15% 10%; }
.cifra h3 { font-weight:bold; font-size:3.25rem; line-height:1; }
.cifra p { margin-bottom:0; }

.responsive-tabs .nav-tabs { display:none; }
.responsive-tabs .card-body { padding:1.5rem; }

@media (min-width:992px) {
  .responsive-tabs .col-nav-tabs { height:inherit; }
  .responsive-tabs .nav-tabs { display:flex; border:0px none; }
  .responsive-tabs .nav-tabs .nav-item { flex:1; }
  .responsive-tabs .nav-tabs .nav-link { position:relative; display:flex; height:100%; align-items:center; font-family:'akzidenz-grotesk_bqbold'; color:var(--azul); padding:2rem; background:var(--gris-claro); border-radius:0; border:0px none; }
  .responsive-tabs .nav-tabs .nav-item .nav-link:after { position:absolute; top:100%; left:2rem; right:2rem; display:block; content:''; height:1px; background:var(--azul) !important; z-index:1; }
  .responsive-tabs .nav-tabs .nav-item:last-child .nav-link:after { display:none; }
  
  .responsive-tabs .nav-tabs .nav-item.show .nav-link, .responsive-tabs .nav-tabs .nav-link.active { color:var(--blanco); background:var(--azulino); }
  .responsive-tabs .nav-tabs .nav-item.show .nav-link:after, .responsive-tabs .nav-tabs .nav-link.active:after { opacity:0; }

  .responsive-tabs .nav-tabs .nav-item:first-of-type .nav-link { border-top-right-radius:2rem; }
  .responsive-tabs .nav-tabs .nav-item:last-of-type .nav-link { border-bottom-right-radius:2rem; }
  .responsive-tabs .card { border-radius:2rem; border-top-right-radius:0; border-bottom-right-radius:0; }
  .responsive-tabs .card .card-img-top { border-top-left-radius:2rem; border-top-right-radius:0; }
  .responsive-tabs .card .card-header { display:none; }
  .responsive-tabs .card .collapse { display:block; }
}
@media (max-width:991.98px) {
  .responsive-tabs .tab-pane { display:block !important; opacity:1; margin-bottom:1rem; border-radius:0; background:transparent; }
  .responsive-tabs .card-img-top { border-radius:0; }
  .responsive-tabs .card-header { padding:0; border-bottom:0px none; }
  .responsive-tabs .card-header a { position:relative; display:block; font-family:'Tiempos Headline', sans-serif; color:var(--blanco); padding:1rem 4rem 1rem 1.5rem; border-radius:1rem; background:var(--azulino); }
  .responsive-tabs .card-header a:after { position:absolute; right:1.5rem; top:0; width:20px; height:100%; display:flex; align-items:center; justify-content:flex-end; content:'\f078'; font-size:1rem; font-weight:900; font-family:'Font Awesome 6 Free'; color:var(--blanco); }

  .responsive-tabs .card-header a[aria-expanded="true"] { background:#0E1F43; border-bottom-left-radius:0; border-bottom-right-radius:0; }
  .responsive-tabs .card-header a[aria-expanded="true"]:after { content:'\f077'; }
  .responsive-tabs .card-body { background:var(--blanco); border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; }
  .responsive-tabs .card-body h4 { display:none; }
}

.socio { text-align:center; width:164px; }
.socio .logo { max-width:90%; display:inline-block; margin:0 auto; border-radius:50%; overflow:hidden; background:var(--blanco); }
.socio .logo img { display:block; width:80%; object-fit:contain; }
.socio .foto { max-width:70%; display:inline-block; margin:0 auto; border-radius:50%; overflow:hidden; background:var(--blanco); }
.socio .foto img { display:block; width:100%; object-fit:cover; }
.socio small { display:block; font-size:80%; line-height:1.2; }

#inicio-asociados .socio { margin:0 1rem; }

.testimonio .pad, .testimonio .card-body { padding:10%; }
.testimonio cite { font-style:normal; }
.testimonio cite strong { display:inline-block; font-size:110%; font-weight:bold; font-family:'Tiempos Headline', sans-serif; color:var(--azulino); padding:.25rem .75rem; background:var(--blanco); border-radius:.75rem; }

#inicio-testimonios blockquote cite strong { margin-bottom:.25rem; }

.testimonios-carrusel .testimonio { margin:0 15px; }
.testimonios-carrusel .testimonio .card { position:relative; height:100%; background:transparent; border:0px none; border-radius:0; padding-top:64px; }
.testimonios-carrusel .testimonio figure { position:absolute; top:0; left:50%; transform:translateX(-50%); width:128px; height:128px; border-radius:50%; border:3px solid var(--azulino); overflow:hidden; }
.testimonios-carrusel .testimonio figure img { display:block; width:100%; height:100%; object-fit:cover; }
.testimonios-carrusel .testimonio .card-body { height:100%; background:var(--gris-claro); border-radius:2rem; padding:calc(64px + 1rem) 2rem 2rem; }
.testimonios-carrusel .testimonio .card-body blockquote p { font-size:100%; margin-bottom:1rem; padding-top:3rem; background-position:center top; }
.testimonios-carrusel .testimonio .card-body cite strong { display:inline-block; margin-bottom:.25rem; }
.testimonios-carrusel .testimonio .card-body cite strong.bg-transparent { display:block; font-size:110%; padding:0; }
.testimonios-carrusel .testimonio .card-body cite span { display:block; line-height:1.4; }
.testimonios-carrusel .testimonio .card-body cite a { color:var(--azul); text-decoration:underline; }
.testimonios-carrusel .testimonio .card-body cite a:hover { text-decoration:none; }

#nosotros-testimonios .testimonios-slider .slick-dots { margin:1rem 0 0; }

/* EL PATRONATO */
#objetivos .item:not(:last-of-type) { margin-bottom:2.5rem; }
#objetivos .item > div:last-child { position:relative; }
#objetivos .item > div:last-child:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:100%; content:''; background:var(--azulino); }
#objetivos .item .pad :last-child { margin-bottom:0; }
#objetivos .item ul { margin-left:20px; padding-left:0; }
#objetivos .item ul li:not(:last-child) { margin-bottom:1.5rem; }
#objetivos .item ul li p { font-size:90%; }

#fines .item:not(:last-of-type) { margin-bottom:2.5rem; }
#fines .item > div:last-child { position:relative; }
#fines .item > div:last-child:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:100%; content:''; background:var(--azulino); }
#fines .item .pad :last-child { margin-bottom:0; }
#fines .item ul { margin-left:20px; padding-left:0; }
#fines .item ul li:not(:last-child) { margin-bottom:1.5rem; }
#fines .item ul li p { font-size:90%; }

/* Historia */
#timeline .pad { padding:3rem 3rem 3rem; border-radius:2rem; }
#timeline .anos { position:relative; justify-content:space-around; }
#timeline .anos:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; width:100%; height:6px; border-radius:100px; background:var(--azulino); }
#timeline .ano { position:relative; text-align:center; }
#timeline .ano::before { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:""; display:block; background:var(--azulino); height:16px; width:16px; border-radius:100px; z-index:999; border:5px solid transparent; cursor:pointer; }
#timeline .ano span { display:inline-flex; align-items:flex-end; justify-content:center; height:110px; font-weight:bold; font-family:'Tiempos Headline', sans-serif; margin:0 auto; }
#timeline .ano span i { position:relative; font-style:normal; font-size:90%; display:block; color:var(--negro); padding:.25rem .75rem; border-radius:20px; }
#timeline .slick-current.ano::before { width:26px; height:26px; background:var(--blanco); border-color:var(--azulino); }
#timeline .slick-current.ano span i { color:var(--blanco); background:var(--azul); }
#timeline .slick-current.ano span i:before { position:absolute; left:50%; top:-16px; transform:translateX(-50%); content:'\f0d8'; font-size:32px; font-weight:900; font-family:'Font Awesome 6 Free'; line-height:1; color:var(--azul); z-index:1; }

#timeline .hitos { margin-bottom:0; }
#timeline .hito figure { margin:0; }
#timeline .hito .descripcion h3 { font-weight:bold; }
#timeline .hito .descripcion p { font-size:110%; }
#timeline .hito .descripcion :last-child { margin-bottom:0; }
#timeline .hito .descripcion small { display:block; line-height:1.3; }
/* arrows */
#timeline .slick-prev, #timeline .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:32px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }
#timeline .slick-prev:hover, #timeline .slick-prev:focus, #timeline .slick-next:hover, #timeline .slick-next:focus { color:transparent; outline:none; background:transparent; }
#timeline .slick-prev:hover:before, #timeline .slick-prev:focus:before, #timeline .slick-next:hover:before, #timeline .slick-next:focus:before { opacity:1; }
#timeline .slick-prev.slick-disabled:before, #timeline .slick-next.slick-disabled:before { opacity:0.25; }
#timeline .slick-prev:before, #timeline .slick-next:before { font-size:32px; line-height:1; opacity:0.75; color:var(--azulino); font-weight:900; font-family:'Font Awesome 6 Free'; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
#timeline .slick-prev { left:-40px; }
#timeline .slick-prev:before { content:"\f104"; }
#timeline .slick-next { right:-40px; }
#timeline .slick-next:before { content:"\f105"; }

#nosotros-citas .container { padding-top:4rem; padding-bottom:4rem; }
#nosotros-citas .card { background-color:transparent; }
#nosotros-citas blockquote p { font-size:120%; }
#nosotros-citas .slick-dots { margin-bottom:0; }

.accordion-button::after { filter:brightness(0) invert(1); }

#consejo .accordion-item { background-color:transparent; border:0px none; margin-bottom:2rem; }
#consejo .accordion-header { margin-bottom:0; }
#consejo .accordion-button { font-size:inherit; font-family:'Tiempos Headline', sans-serif; color:var(--blanco); padding:1rem 2rem; background:var(--azulino); border-radius:1.5rem; }
#consejo .accordion-body { padding:2rem 0 0; }
#consejo .consejo-grilla .card { height:100%; background:var(--gris-claro); }
#consejo .consejo-grilla .card-body { padding:1.5rem; }
#consejo .consejo-grilla.presidente .card-body { padding:1.5rem 3rem; }
@media (min-width:992px) {
  #consejo .consejo-grilla .miembro-info { display:flex; align-items:flex-end; justify-content:space-between; }
}
#consejo .consejo-grilla .miembro-info small { display:block; line-height:1.3; }
#consejo .consejo-grilla .miembro-info .social-links li { margin:0 0 0 .25rem; }
#consejo .testimonio blockquote p { padding-top:0; background:transparent none; }

#asociados h3 { color:var(--blanco); margin-bottom:3rem; padding:1rem 2rem; background:var(--azul); border-radius:2rem; }
#asociados h4 span { position:relative; display:inline-block; padding-bottom:.5rem; }
#asociados h4 span:after { position:absolute; left:0; top:100%; width:48px; height:4px; content:''; background:var(--azulino); }
#asociados h4.text-center span:after { left:50%; transform:translateX(-50%); }

.videos-carrusel .slick-slide { margin:0 .75rem; }
.videos-carrusel figure.rounded { border-radius:.5rem !important; }
.videos-carrusel figure.video .play { background-size:64px; }
.videos-carrusel .slick-dots { margin:2rem 0 0; }

#documentacion .documento a.card { border-radius:.5rem; }
#documentacion .documento a.shadow-sm:hover { box-shadow:none !important; }


/* INICIATIVAS */
#programas .nav-pills .nav-link { font-size:1.4rem; font-weight:bold; font-family:'Tiempos Headline', sans-serif; }
#programas .accordion-item { border:0px none; }
#programas .accordion-item:first-of-type .accordion-button { border-top-left-radius:1rem; border-top-right-radius:1rem; }
#programas .accordion-item:last-of-type .accordion-button { border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; }
#programas .accordion-button { position:relative; font-weight:bold; font-size:1.4rem; line-height:1; padding:2rem 3rem; background-color:var(--gris-claro); }
#programas .accordion-button:before { position:absolute; border:0; left:50%; top:100%; transform:translateX(-50%); width:calc(100% - 6rem); height:1px; content:''; background:var(--azul); }
#programas .accordion-button:not(.collapsed):before, #programas .accordion-item:last-of-type .accordion-button:before { display:none; }
#programas .accordion-button:not(.collapsed) { color:var(--blanco); background-color:var(--azul); box-shadow:none; }
#programas .accordion-collapse { border-top:10px solid var(--azulino); }

#programas blockquote { padding:1rem; }
#programas blockquote p { margin-bottom:1.5rem; background-position:center top; }
#programas blockquote cite { display:flex; align-items:center; text-align:left; justify-content:center; padding:0 10%; }
#programas blockquote cite figure { flex:0 0 72px; width:72px; margin:0 .75rem 0 0; border:2px solid var(--azulino); }
#programas blockquote cite strong { color:var(--azul); margin-bottom:.25rem; padding:.1rem .5rem; border-radius:.5rem; }
#programas blockquote cite span { display:block; padding-left:.5rem; }

.galeria-slider .slick-dots { position:absolute; bottom:1rem; left:50%; transform:translateX(-50%); margin:0; z-index:99; }
.galeria-slider .slick-dots li button { background:var(--blanco); }

.intro .etiqueta span { display:inline-block; font-family:'Tiempos Headline', sans-serif; background:var(--azul); padding:.25rem 1rem; border-radius:1rem; }
.iniciativas-listado h3 { color:var(--blanco); margin-bottom:3rem; padding:1rem 2rem; background:var(--azul); border-radius:2rem; }
.iniciativas-listado .iniciativa .card-body { padding:1.5rem 1.5rem 0; }
.iniciativas-listado .iniciativa .card-body h4 a:hover { color:var(--azulino); }
.iniciativas-listado .iniciativa .card-footer { background:transparent; border:0px none; padding:0 1.5rem 1.5rem; }

.otras-carrusel .iniciativa { margin:0 15px; }

/* MAPA */
.legenda { display:block }
.legenda .item { display:flex; align-items:center; margin:1.5rem 0; }
.legenda .item div.num { flex:0 0 100px; font-size:2.25rem; text-align:right; margin-right:1rem; }
.legenda .item figure { display:flex; flex:0 0 3rem; width:3rem; margin-right:.25rem; align-items:center; justify-content:center; }
.legenda .item figure i { font-size:2rem; }
.legenda .item div { font-size:.9em; line-height:1.3; }
.legenda .item div strong { font-size:1em; }

#novedades-listado .novedad .card-body { padding:1.5rem 1.5rem 0; }
#novedades-listado .novedad .card-body h4 a:hover { color:var(--azulino); }
#novedades-listado .novedad .card-footer { background:transparent; border:0px none; padding:0 1.5rem 1.5rem; }
/* NOVEDADES */
.widget .card-body { padding:1.5rem; }

@media screen and (min-width:992px) {
  .presidente .card { flex-direction:row; align-items:center; }
  .presidente .card figure { flex:0 0 50%; width:50%; }

  /* novedades */
  .novedad.destacada .card { flex-direction:row; align-items:center; }
}

@media screen and (max-width:991.98px) {
  header .navbar-collapse { text-align:center; padding:5rem 0 5rem; }
  header .navbar-nav { display:inline-block; margin:0 auto !important; }
  header .navbar-nav li { margin:1rem 0; text-align:center; }
  header .navbar-nav li a { justify-content:center; }
  header .navbar-nav li a:hover:before, header .navbar-nav li.current-menu-item a:before, header .navbar-nav li.current_page_item a:before { width:100%; }

  #consejo .accordion-button { padding:1rem; }

  .testimonios-carrusel .testimonio { margin:0 .5rem; }

  /* El Patronato */
  #objetivos .item > div:last-child:before { display:none; }
  #fines .item > div:last-child:before { display:none; }

  #consejo .accordion-item { margin-bottom:1rem; }
  #consejo .accordion-button { border-radius:2rem; }
  #consejo .accordion-body { padding:1rem 0; }

  #asociados h3 { padding:1rem; }
}

@media screen and (max-width:767.98px) {
  header .navbar { padding:1rem 0; }
  header .navbar-brand img { height:50px; }

  input, select, textarea { font-size:16px; }

  .nav-pills .nav-item, .nav-carreras .nav-item { flex:0 0 50%; max-width:50%; text-align:center; }
  .nav-pills .nav-link, .nav-carreras .nav-link { font-size:105%; line-height:1.1; letter-spacing:2px; }

  footer .logo { height:50px; }

  .intro { height:380px; }

  .responsive-tabs .card-header h5 { font-size:1.1rem; }

  /* El Patronato */
  #consejo .accordion-header, #asociados h3 { font-size:1.1rem; }
  #asociados h3 { margin-bottom:1rem; }

}

@media (max-width:575.98px){ 
  body { font-size:16px; padding-top:70px; }

  header .navbar-brand img { height:40px; }

  section .container, section .container-fluid { padding-top:3rem; padding-bottom:3rem; }
  .section-header { margin-bottom:1rem; }

  .intro .container { padding-bottom:1rem; }
  .intro p { font-size:100%; line-height:1.3; padding-right:0; }

  .cifra .card-body { padding:2rem; }
  .cifra h3 { font-size:3rem; }

  .responsive-tabs .card-header a, .responsive-tabs .card-body { padding:1rem 2.5rem 1rem 1rem; }
  .responsive-tabs .card-header a:after { right:1rem; }
  .responsive-tabs .card-body { padding:1.25rem 1rem; }

  #inicio-iniciativas .responsive-tabs .card-header h5 { font-size:1rem; }

  #inicio-asociados .socio { margin:0 .25rem; }

  .testimonio .pad, .testimonio .card-body { padding:1.25rem; }
  blockquote p, .testimonio cite strong { font-size:100%; }
  blockquote p { padding-top:2.5rem; }

  .testimonios-carrusel .testimonio .card { padding-top:50px; }
  .testimonios-carrusel .testimonio figure { width:100px; height:100px; }
  .testimonios-carrusel .testimonio .card-body { padding:calc(50px + 1rem) 1rem 1rem; border-radius:1rem; }
  .testimonios-carrusel .testimonio .card-body blockquote p { font-size:90%; }
  .testimonios-carrusel .testimonio .card-body cite strong.bg-transparent { font-size:100%; }

  footer { font-size:90%; }
  footer .container { padding-top:3rem; padding-bottom:2rem; }
  footer .logo { height:40px; }

  figure.rounded { border-radius:1rem !important; }

  /* El Patronato */
  #timeline { margin:0 -30px; background:var(--celeste); }
  #timeline .pad { padding:2rem; border-radius:1rem; }
  #timeline .slick-prev { left:-30px; }
  #timeline .slick-next { right:-30px; }

  #consejo .consejo-grilla .card { border-radius:.5rem; }
  #consejo .consejo-grilla .card-img-top { border-top-left-radius:.5rem; border-top-right-radius:.5rem; }
  #consejo .consejo-grilla .card-body { padding:0; }
  #consejo .consejo-grilla .miembro-info { position:relative; padding:.75rem; }
  #consejo .consejo-grilla .miembro-info .h5 { font-size:1rem; line-height:1.2; }
  #consejo .consejo-grilla .miembro-info small { font-size:85%; line-height:1.2; }
  #consejo .consejo-grilla .miembro-info .social-links { position:absolute; top:-14px; right:.75rem; }
  #consejo .consejo-grilla .miembro-info .social-links li { width:28px; height:28px; }
  #consejo .consejo-grilla .miembro-info .social-links li a { border:2px solid var(--gris-claro); }
  #consejo #directores-anteriores .consejo-grilla .miembro-info .social-links { position:relative; top:auto; right:auto; }

  .socio { width:100%; }
  .socio .logo { max-width:100%; }
}