/*
Theme Name: Estudios de Opinión IEP
Author: Javier Yamashita
Description: Tema personalizado para la página web de Estudios de Opinión del IEP
Version: 1.0
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_100-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_100-webfont.woff') format('woff'); font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_100_italic-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_100_italic-webfont.woff') format('woff'); font-weight:100; font-style:italic; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_300-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_300-webfont.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_300_italic-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_300_italic-webfont.woff') format('woff'); font-weight:300; font-style:italic; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_500-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_500-webfont.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_500_italic-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_500_italic-webfont.woff') format('woff'); font-weight:500; font-style:italic; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_700-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_700-webfont.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_700_italic-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_700_italic-webfont.woff') format('woff'); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_900-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_900-webfont.woff') format('woff'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Museo Sans'; src:url('assets/webfonts/museosans_900_italic-webfont.woff2') format('woff2'), url('assets/webfonts/museosans_900_italic-webfont.woff') format('woff'); font-weight:900; font-style:italic; font-display:swap; }

:root {
  --body: #333;
  --blanco: #FFFFFF;
  --gris: #f6f9fd;
  --gris-claro: rgba(239,242,242,.8);
  --celeste: #2fbbec;
  --celeste-claro: rgba(47,187,236,.1);
  --celeste-claro: rgba(239,242,242,.8);
  --azul: #005898;
  --verde: #00CD8A;;
  --azul-gris: #435B70;
  --negro: #000;
  --naranja: #ef5e01;
  --naranja-claro: #fff4ea;
  
    --blanco: #FFFFFF;
    --verde: #057E3C;
    --verde-claro: #46B067;
    --verde-oscuro: #0E402C;
    --verde-dorado: #9A8718;
    --verde-amarillo: #97AF22;
    --verde-gris: #404B20;
    --morado: #4D607B;
    --gris-claro: #ECEFF3;
    --celeste: #009AB9;
    --negro: #000000;

  /*
  --naranja:#E5A13C;
  --celeste:#006683;
  --naranja:#ee0e68;
  --celeste:#2eb9b0;
  */
}

.fw-medium { font-weight:500 !important; }
.fw-semibold { font-weight:600 !important; }

@media (min-width:1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:1400px; }
}

.bg-blanco { background:var(--blanco); }
.bg-gris { background:var(--gris); }
.bg-celeste { background:var(--celeste); }
.bg-celeste-claro { background:var(--celeste-claro); }
.bg-amarillo { background:rgb(255,217,3); background:linear-gradient(90deg, rgba(255,217,3,1) 0%, rgba(255,212,10,1) 28%, rgba(255,202,32,1) 70%, rgba(255,194,48,1) 94%); }
.bg-azul { background:var(--azul); }

.bg-naranja { background:rgb(248,172,0); background:linear-gradient(90deg, rgba(248,172,0,1) 6%, rgba(253,129,46,1) 59%, rgba(255,113,64,1) 86%); }

.bg-celeste { background:var(--celeste); }
.bg-transparent { background-color:transparent; }

.border-amarillo { border-image:linear-gradient(90deg, rgba(255,217,3,1) 0%, rgba(255,212,10,1) 28%, rgba(255,202,32,1) 70%, rgba(255,194,48,1) 94%); }
.border-azul { border-image:linear-gradient(90deg, rgba(0,122,229,1) 6%, rgba(0,126,229,1) 36%, rgba(0,140,230,1) 70%, rgba(1,157,232,1) 96%); }
.border-violeta { border-image:linear-gradient(90deg, rgba(146,16,167,1) 0%, rgba(176,36,165,1) 52%, rgba(196,39,170,1) 75%, rgba(204,41,172,1) 94%); }
.border-rojo { border-image:linear-gradient(90deg, #f8184d 6%, #f2154c 14%, #d3054c 67%, #c7004c 96%) !important; }
.border-verde { border-image:linear-gradient(90deg, rgba(170,212,81,1) 4%, rgba(136,198,82,1) 24%, rgba(52,164,87,1) 68%, rgba(0,143,91,1) 94%) !important; }
.border-naranja { border-image:linear-gradient(90deg, rgba(248,172,0,1) 6%, rgba(253,129,46,1) 59%, rgba(255,113,64,1) 86%); }

.ratio-3x2 { --bs-aspect-ratio: calc(2 / 3 * 100%); }
.ratio-2x3 { --bs-aspect-ratio: calc(3 / 2 * 100%); }
.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); }
.ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); }

.object-position-left-center { object-position:left center; }
.object-position-right-center { object-position:right center; }

body, html { width:100%; height:100%; }
body { font-weight:300; font-size:16px; line-height:1.5; font-family:'Museo Sans', sans-serif; color:var(--body); padding-top:110px; }
/*body { font-family:'Roboto', sans-serif; }*/

* { outline:0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:700; line-height:1.4; margin-bottom:1rem; }
h1, .h1 {  }
h5, h6, .h5, .h6 { line-height:1.3; }
b, strong { font-weight:600; }
a { color:var(--ocre); text-decoration:none; outline:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a:hover, a:active, a:focus { color:var(--verde); text-decoration:none; outline:none; }
a[href^=tel] { color:inherit; }
a.url { word-break:break-all; }
a.video { position:relative; }
a.video:after { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:60px; height:60px; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; font-family:'Font Awesome 5 Free'; content:'\f04b'; color:var(--negro); background:rgba(255,255,255,.5); border-radius:50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a.video:hover:after { color:var(--celeste); background:rgba(255,255,255,1); }
a.video img { display:block; width:100%; height:100%; object-fit:cover; }
button:focus, :focus { outline:0 !important; box-shadow:none !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 { margin-bottom:1rem; padding:.25rem .5rem; }

img { max-width:100%; height:auto; }
::-moz-selection { color:#fff; background:#212529; text-shadow:none; }
::selection { color:#fff; background:#212529; text-shadow:none; }
img::selection { color:#fff; background:transparent; }
img::-moz-selection { color:#fff; background:transparent; }

.text-justify { text-align:justify; }

.ratio img { display:block; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.rounded { display:block; border-radius:1rem !important; overflow:hidden; }
.card.rounded { display:flex; }
.ratio.video .fas { left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; font-size:5rem; color:var(--blanco); opacity:.4; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ratio.video:hover .fas { opacity:.8; }

.img-rounded { border-radius:10px; }
.img-shadow { box-shadow:0px 9px 26px 0px rgba(0, 0, 0, 0.3); }
.col-img { height:100%; margin:0;  }
.col-img img { width:100%; height:100%; object-fit:cover; }

.shadow { box-shadow:0px 4px 4px 0px rgba(187,187,187,0.25) !important; }

.card { border:0px none; height:100%; /*background:transparent;*/ }
.card-header, .card-footer { border:0px none; background:transparent; }

.lc { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.lc-2 { -webkit-line-clamp:2; }
.lc-3 { -webkit-line-clamp:3; }
.lc-4 { -webkit-line-clamp:4; }
.lc-5 { -webkit-line-clamp:5; }
.lc-6 { -webkit-line-clamp:6; }

.mh-2 { min-height:2.6em; }
.mh-3 { min-height:3.9em; }

.text-body { color:var(--body); }
.text-blanco { color:var(--blanco); }
.text-azul { color:var(--azul); }
.text-celeste { color:var(--celeste); }
.text-celeste-claro { color:var(--celeste-claro); }
.text-naranja { color:var(--naranja); }
.text-negro { color:var(--negro) }

.text-verde { color:var(--verde); }
.text-verde-claro { color:var(--verde-claro); }
.text-verde-oscuro { color:var(--verde-oscuro); }

.btn { display:inline-flex; align-items:center; font-size:.9em; font-weight:bold; text-transform:uppercase; padding:.75rem 1.5rem; border:1px solid transparent; border:0px none; border-radius:5px; background:var(--verde); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.btn i { margin-right:.5rem; }
.btn:hover { color:var(--blanco); }
.btn-lg { font-size:1.25em; padding:1rem 2rem; border-radius:10px; }

.btn-shadow { box-shadow: 0px 9px 18px -9px rgba(0, 0, 0, 0.3); }
.btn-azul { color:var(--blanco); background:var(--azul); }
.btn-celeste { color:var(--blanco); background:var(--celeste); }

.leermas { display:inline-flex; align-items:center; }

.list-icon { list-style:none; margin:0 0 1.5rem 0; padding:0; }
.list-icon li { position:relative; margin:.25rem 0; padding-left:32px; }
.list-icon li:after { position:absolute; left:0; top:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center; font-size:1rem; font-family:'Font Awesome 6 Free'; color:var(--celeste); }
.list-check li:after { font-weight:900;  content:'\f00c'; }

.social { display:inline-flex; align-items:center; list-style:none; margin:0; padding:0; }
.social li:not(:last-child) { margin-right:1rem; }
.social li a { display:block; width:24px; height:24px; text-align:center; color:var(--blanco); }
.social li i { font-size:18px; line-height:24px; }
.social li i.fa-instagram { font-size:18px; }
.social li a:hover { color:var(--celeste-claro); }

ul.li-mb { margin-bottom:1rem; }

iframe { border:0px none; }
.imgvideo { cursor:pointer; }
.ytvideo { position:relative; height:0; margin:2rem 0; padding-bottom:56.25%; /* 16:9 */ /*padding-top:25px;*/ background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer; }
.ytvideo iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0px none; }
.playbutton { background:url('img/ytube-button.png') center center no-repeat; background-size:cover; position:absolute; top:50%; left:50%; width:74px; height:74px; margin:-37px 0 0 -37px; z-index:10; opacity:.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.ytvideo:hover .playbutton { opacity:1; }

.videoWrapper { position:relative; height:0; padding-bottom:56.25%; /* 16:9 */ /*padding-top:25px;*/; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; margin-bottom:0; }

.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:contain; z-index:1; }
.slick-prev { left:2rem; background-image:url('assets/img/slide-prev-blanco.svg'); }
.slick-next { right:2rem; background-image:url('assets/img/slide-next-blanco.svg'); }
.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-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:8px; height:8px; text-indent:-9999px; margin:0; padding:0; background:#C1C1C1; border:0px none; border-radius:50%; }
.slick-dots li.slick-active button { background:var(--blanco); }

.slick-arrows { list-style:none; display:flex; margin:0; padding:0; }
.slick-arrows li { display:block; width:40px; height:40px; text-indent:-9999px; margin-right:.5rem; background:#BABABA url('assets/img/icono-flecha-blanco.svg') no-repeat center center; background-size:40%; border-radius:50%; cursor:pointer; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.slick-arrows li.prev { transform:rotate(180deg); }
.slick-arrows li:hover { background-color:var(--celeste); }

.paginacion { text-align:center; padding-top:2rem; }
.wp-pagenavi { display:inline-block; margin:0 auto; }
.wp-pagenavi a, .wp-pagenavi span { display:inline-block; width:30px; font-weight:normal; font-size:16px; color:#999; padding:3px 0; border:0px none !important; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { width:auto !important; color:#999 !important; background:transparent !important; padding:3px 5px; }
.wp-pagenavi span:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current { font-weight:normal !important; color:var(--ocre); }

section > .container, section > .container-xl, section > .container-fluid { padding-top:5rem; padding-bottom:5rem; }

.section-header { margin-bottom:2rem; }
.section-header i { font-size:2.25rem; color:var(--verde); margin-bottom:.5rem; }
.section-header h1, .section-header h2 { font-weight:700; font-size:3rem; line-height:1.1; color:var(--verde); }
.section-header h1 span { display:inline-block; color:var(--negro); }
.section-header .titulo-icono { display:flex; align-items:center; }
.section-header .titulo-icono i { margin:0 1rem 0 0; }
.section-header .titulo-icono h1 { margin:0; line-height:1; }
.section-header h2 { font-size:2.5rem; font-weight:300; color:var(--negro); text-transform:uppercase; line-height:1; }
.section-header h1 strong, .section-header h2 strong,
.section-header h1 b, .section-header h2 b { font-weight:700; color:var(--verde); }
.section-header p { font-size:1.1em; }
.section-header p.gorro { display:flex; align-items:center; font-weight:400; font-size:.9em; }
.section-header p.gorro:before { font-weight:900; font-family:'Font Awesome 6 Free'; content:'\f105'; color:var(--verde); margin-right:.25rem;  }
.section-header p.h3 { font-size:1.25em; }

.section-thumbnail figure { aspect-ratio:12 / 3; }

.section-content ul { margin-bottom:3rem; }
.section-content ul ul { margin-bottom:0; }

.section-footer blockquote { position:relative; padding-left:2rem; margin-bottom:3rem; }
.section-footer blockquote:before { position:absolute; left:0; top:0; width:8px; height:100%; content:''; background:var(--verde); }
.section-footer blockquote p { font-size:1.1em; font-weight:300; }
.section-footer cite { display:flex; font-style:normal; }
.section-footer cite .autor { display:inline-flex; margin-right:2rem; }
.section-footer cite figure { flex:0 0 48px; width:48px; height:48px; border-radius:50%; overflow:hidden; }
.section-footer cite figure img { width:100%; height:100%; object-fit:cover; }
.section-footer cite span { font-weight:700; }
.section-footer cite span small { display:block; font-weight:normal; }


section.bg-azul { color:var(--blanco); }
section.bg-azul .section-header h1, section.bg-azul .section-header h2 { color:var(--blanco); }

.section-row:not(:last-child) { margin-bottom:4rem; }
.section-row h3 { position:relative; text-transform:uppercase; margin-bottom:2rem; padding-top:1.5rem; }
.section-row h3:before { position:absolute; left:0; top:0; width:50px; height:6px; content:''; background:var(--ocre); }

.card-body p { font-size:.9em; }

/****** HEADER ******/
header { background:var(--blanco); box-shadow:0px 4px 12px 1px rgba(0,0,0,0.1); }
.topbar-contacto { font-size:.9em; }

.navbar { padding-top:1rem; padding-bottom:1rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.navbar .container, .navbar .container-xl { padding-top:1.25rem; padding-bottom:1.25rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

.navbar-brand img { height:70px;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }

.fixed .navbar { padding-top:1rem; padding-bottom:1rem; }
.fixed .navbar-brand img { height:50px; }

.navbar a { color:var(--body); }
.navbar a:hover, .navbar .current-menu-item a, .navbar .current_page_item a, .navbar .current-page-ancestor a { color:var(--verde); }
.navbar .navbar-menu > ul { display:inline-flex; list-style:none; margin:0; padding:0; }
.navbar ul li { font-weight:400; font-size:.9em; text-transform:uppercase; margin-right:1rem; transition:all 0.3s; }
.navbar ul li.menu-item-has-children { margin-right:.25rem; }
.navbar ul li:last-child { margin-right:0; }
.navbar ul li li { text-transform:none; }

.navbar .dropdown-toggle { display:flex; align-items:center; }
.navbar .dropdown-toggle::after { display:flex; align-items:flex-end; justify-content:center; width:14px; height:14px; font-weight:900; font-size:12px; font-family:'Font Awesome 6 Free'; content:'\f107'; color:var(--verde); margin-left:.25rem; border:0px none; /*-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;*/ }
.navbar .dropdown-toggle:hover::after, .navbar .dropdown-toggle[aria-expanded="true"]::after { content:'\f106'; }
.navbar .dropdown-toggle li { text-transform:none; }

.navbar-toggler { position:fixed; right:15px; top:34px; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0px none; border-radius:0; }
.navbar-toggler-icon { position:relative; width:24px; height:24px; }
.navbar-toggler-icon:before { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-weight:900; font-size:1.2rem; font-family:'Font Awesome 6 Free'; content:'\f0c9'; color:var(--verde); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { content:'\f00d'; }

main { overflow:hidden; }


/* HOME */

#intro #slider .slide { position:relative; color:var(--blanco) }
#intro #slider .slide:before { position:absolute; left:0; top:0; width:130%; height:100%; content:''; z-index:1; }
#intro #slider .slide:before { background: linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,75) 25%,rgba(255,255,255,0) 100%); }
#intro #slider .slide:before { background: linear-gradient(90deg,rgba(45,187,236,.95) 0%,rgba(45,187,236,75) 25%,rgba(45,187,236,0) 100%); }
#intro #slider .slide:before { background: linear-gradient(90deg,rgba(14,64,44,1) 0%,rgba(14,64,44,75) 25%,rgba(14,64,44,0) 100%); }

.bg-gradient-black:before { background: rgb(0,0,0); background: linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.75) 25%,rgba(0,0,0,0) 100%); }
#intro #slider .slide > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:0; }
#intro #slider .slide .container-xl { display:flex; align-items:center; position:relative; z-index:1; height:500px; }
#intro #slider .slide p { font-size:1.1em; }
#intro #slider .slide p.etiqueta { position:relative; display:flex; align-items:center; font-size:.9em; line-height:1.2; text-transform:uppercase; margin-bottom:0.5rem; }
#intro #slider .slide p.etiqueta:before { display:none; position:absolute; left:0; top:100%; width:40px; height:3px; content:''; background:var(--blanco); }
#intro #slider .slide h1 { font-size:3rem; line-height:1; }
#intro #slider .slide .btn { display:inline-flex; align-items:center; }
#intro #slider .slide .btn:after { display:block; width:16px; height:16px; content:''; margin-left:.5rem; background:url('assets/img/icono-flecha-blanco.svg') no-repeat center center; background-size:16px auto; }
#intro #slider .slick-dots { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; margin:0; }

/*
#intro .slide { position:relative; padding:3rem 0; min-height:500px; }
#intro .slide .pad { padding:4vw 0 2vw; }
#intro .slide .gorro { display:inline-block; margin-bottom:1rem; padding:.4rem 1.25rem; border:1px solid var(--blanco); border-radius:30px; }
#intro .slideh1 { font-size:3rem; line-height:1; }
#intro .slide img { position:absolute; top:3rem; left:50%; right:0; width:50%; height:100%; background:var(--blanco); object-fit:cover; object-position:left center; border-top-left-radius:2rem; border-bottom-left-radius:2rem; }
*/

#intro #slider .slide { background:var(--verde-oscuro); }
#intro #slider .slide:before { width:70%; background: linear-gradient(90deg,rgba(14,64,44,1) 0%,rgba(14,64,44,75) 50%,rgba(14,64,44,0) 100%); }
#intro #slider .slide > img { left:34%; width:66%; }


#intro #slider .slide-centered:before { width:100%; background:rgba(14,64,44,.75); }
#intro #slider .slide-centered > img { left:0; width:100%; object-position:center 10%; }

#intro #slider-carrousel .slide { border-right:1px solid var(--blanco); }
#intro #slider-carrousel .slide img { /*filter:grayscale(100%);*/ }
#intro #slider-carrousel .card { background-color:transparent; }
#intro #slider-carrousel .card-body { padding:3rem 2rem 1rem 2rem; }
#intro #slider-carrousel .card h2 { font-size:2rem; line-height:1.1; padding-right:20%; }
#intro #slider-carrousel .card-footer { padding:0 2rem 3rem; }
#intro #slider-carrousel .slide.slick-center img { filter:none; }
#intro #slider-carrousel .slide.slick-center .card { background-color:var(--verde); }

.destacados { position:relative; margin-top:-5rem; z-index:3; }

#programas { position:relative; margin-top:-6rem; z-index:3; }
#programas .pad { padding:4rem 3rem 5rem; }
#programas .rounded { border-radius:1.5rem; }
.programas { display:grid; grid-template-columns:repeat(3,1fr); column-gap:30px; }
.programas .programa { height:100%; color:var(--blanco); margin:0 15px; padding:0; border-radius:1rem; }
.programas .programa img { width:100%; height:100%; object-fit:cover; background-color:var(--blanco); border-radius:1rem; border-bottom-left-radius:0; border-bottom-right-radius:0; overflow:hidden; padding:0; }
.programas .programa .card-header { padding:0; }
.programas .programa .card-body { padding:1.5rem; color:var(--blanco); }
.programas .programa .card-footer { padding:0; }
.programas .programa p { margin-bottom:0; }
.programas .programa .button { position:relative; display:inline-flex; background:var(--blanco); padding:.5rem .5rem 0 0; border-top-right-radius:1.35rem; }
.programas .programa .button:before, .programas .programa .button:after { position:absolute; width:1rem; height:1rem; content:''; -webkit-mask-image: radial-gradient(circle .5rem at 0 0, transparent 0, transparent 1rem, white 1rem); background:white; transform:rotate(90deg); }
.programas .programa .button:before { left:0; bottom:100%; }
.programas .programa .button:after { left:100%; bottom:0; }
.programas .programa .btn { display:flex; align-items:center; font-size:.875em; text-transform:none; color:var(--celeste); border-radius:1rem; padding:.5rem .75rem; border:1px solid var(--celeste); background:var(--blanco); }
.programas .programa .btn:after { display:inline-flex; width:16px; height:16px; content:''; margin-left:1rem; background:url('assets/img/icono-flecha-derecha-azul.svg') no-repeat center center; background-size:contain; }
.programas .programa:hover .card-body { color:var(--blanco); }
.programas .programa:hover .btn { color:var(--blanco); background:var(--celeste); }
.programas .programa:hover .btn:after { filter: brightness(0) invert(1); }

.programas .programa .button { position:relative; display:inline-flex; background:var(--blanco); padding:.5rem .5rem 0 0; border-top-right-radius:1.35rem; }
.programas .programa .button:before, .programas .programa .button:after { position:absolute; width:1rem; height:1rem; content:''; -webkit-mask-image: radial-gradient(circle .5rem at 0 0, transparent 0, transparent 1rem, white 1rem); background:white; transform:rotate(90deg); }
.programas .programa .button:before { left:0; bottom:100%; }
.programas .programa .button:after { left:100%; bottom:0; }
.programas .programa .btn { display:flex; align-items:center; font-size:.875em; text-transform:none; color:var(--celeste); border-radius:1rem; padding:.5rem .75rem; border:1px solid var(--celeste); background:var(--blanco); }
.programas .programa .btn:after { display:inline-flex; width:16px; height:16px; content:''; margin-left:1rem; background:url('assets/img/icono-flecha-derecha-azul.svg') no-repeat center center; background-size:contain; }
.programas .programa:hover .card-body { color:var(--blanco); }
.programas .programa:hover .btn { color:var(--blanco); background:var(--celeste); }
.programas .programa:hover .btn:after { filter: brightness(0) invert(1); }


.modalidades .nav-pills { display:inline-flex; justify-content:center; margin:0; padding:.5rem .5rem; background:var(--blanco); border:0px none; border-radius:30px; }
.modalidades .nav-pills .nav-link { position:relative; font-size:1.1em; color:var(--azul-gris); margin:0; padding:.5rem 1.5rem; border-radius:20px; }
.modalidades .nav-pills .nav-link strong { display:block; }
.modalidades .nav-pills .nav-link.active, #programas .nav-pills .show>.nav-link { color:var(--blanco); background:var(--celeste); }
.modalidades .programas { grid-gap:30px; }
.modalidades .programas .programa .button { position:relative; background:var(--naranja-claro); }
.modalidades .programas .programa .button:before, .modalidades .programas .programa .button:after { -webkit-mask-image: radial-gradient(circle .5rem at 0 0, transparent 0, transparent 1rem, var(--naranja-claro) 1rem); background:var(--naranja-claro); transform:rotate(90deg); }
.modalidades .programas .programa .btn { color:var(--blanco); background:var(--celeste); }
.modalidades .programas .programa .btn:after { filter: brightness(0) invert(1); }
.modalidades .programas .programa:hover .btn { color:var(--blanco); background:var(--celeste); }

.destinos .nav-pills { background:transparent; }
.destinos .nav-pills .nav-link { margin:.25rem; padding-left:calc(1rem + 24px); padding-right:1rem; background:var(--blanco); /* border:1px solid var(--celeste-claro);*/ }
.destinos .nav-pills .nav-link:before { position:absolute; left:.5rem; top:50%; transform:translateY(-50%); width:24px; height:24px; content:''; background-repeat:no-repeat; background-position:center; background-size:cover; }
.destinos .nav-pills .nav-link.be:before { background-image:url('assets/img/flags/be.svg'); }
.destinos .nav-pills .nav-link.ch:before { background-image:url('assets/img/flags/ch.svg'); }
.destinos .nav-pills .nav-link.ca:before { background-image:url('assets/img/flags/ca.svg'); }
.destinos .nav-pills .nav-link.it:before { background-image:url('assets/img/flags/it.svg'); }
.destinos .nav-pills .nav-link.de:before { background-image:url('assets/img/flags/de.svg'); }
.destinos .nav-pills .nav-link.nz:before { background-image:url('assets/img/flags/nz.svg'); }
.destinos .nav-pills .nav-link.fr:before { background-image:url('assets/img/flags/fr.svg'); }
.destinos .nav-pills .nav-link.au:before { background-image:url('assets/img/flags/au.svg'); }
.destinos .nav-pills .nav-link.us:before { background-image:url('assets/img/flags/us.svg'); }
.destinos .nav-pills .nav-link.gb:before { background-image:url('assets/img/flags/gb.svg'); }
.destinos .programas .programa .card-body { padding:1.5rem; color:var(--negro); border-top:1px solid var(--gris); }
.destinos .programas .programa .card-body h3 { line-height:1.2; }
.destinos .programas .programa .card-body * { margin-bottom:0; }

#porque span { display:inline-flex; align-items:center; justify-content:center; width:100px; height:100px; border-radius:50%; margin:0 auto 1rem;; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#porque span i { font-size:48px; color:var(--blanco); }
#porque h3 { display:flex; align-items:center; justify-content:center; line-height:1.2; height:2.4em; }
.razon:hover figure { transform:scale(1.2); box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.1); }

#noticias { position:relative; }
#noticias:before { position:absolute; left:0; top:0; width:100%; height:calc(70%); content:''; background:rgba(255,255,255,.1); z-index:1; }
#noticias > img { position:absolute; left:0; top:0; width:100%; height:calc(70%); content:''; object-fit:cover; z-index:0; opacity:.1; display:none; }
#noticias .container-xl { position:relative; z-index:2; }

/* CM News */
.noticia { padding:1rem; background:var(--gris-claro); background:var(--blanco); border-radius:5px; overflow:hidden;  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08) !important; }
.noticia .card-header { padding:0; background:transparent; border:0px none; }
.noticia .card-header .card-img { position:relative; }
.noticia .card-header .card-img img { width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.noticia .card-header .card-img a { display:block; overflow:hidden; }
.noticia .card-header .card-img a:hover img { transform:scale(1.2); }
.noticia .card-header .card-img .post-meta { position:absolute; left:10px; top:10px; display:flex; flex-wrap:wrap; visibility:hidden; opacity:0; transition:all 0.3s; }
.noticia .card-header .card-img .post-meta a { display:inline-block; font-size:9px; color:var(--blanco); text-transform:uppercase; margin:0 4px 4px 0; padding:.25rem .5rem; background:var(--celeste); border-radius:5px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); transition:.3s ease; }
.noticia .card-header .card-img .post-meta a:hover { background:var(--verde); }
.noticia:hover .card-header .post-meta { visibility:visible; opacity:1; }
.noticia .card-body { padding:1.25rem 1.25rem 1rem; }
.noticia .card-body h3 { line-height:1.3; padding-right:10%; }
.noticia .card-body h3 a { color:var(--verde); }
.noticia .card-body h3 a:hover { color:var(--celeste); }
.noticia .card-body ul { font-size:.9em; margin-left:16px; padding:0; }
.noticia .card-footer { padding:0 1.25rem 1.5rem; }
.noticia .card-footer a { color:var(--verde); }
.noticia .card-footer .post-meta { display:flex; flex-wrap:wrap; }
.noticia .card-footer .post-meta a { display:inline-block; font-size:9px; color:var(--blanco); text-transform:uppercase; margin:0 3px 3px 0; padding:.25rem .5rem; background:var(--celeste); border-radius:5px; transition:.3s ease; }

/* Logros */
#logros .rounded { border-radius:1.5rem !important; }
#logros .adorno { position:relative; }
#logros .adorno:before { position:absolute; left:50%; top:10%; transform:translateX(-50%); width:70%; height:50%; content:''; background:white; border-radius:1.5rem; z-index:0; }

/* Unidades de Negocios */
.negocio { border-radius:.75rem; overflow:hidden; box-shadow:0 5px 20px rgb(0 0 0 / 6%); transition: .2s ease; }
.negocio .card-header { text-align:center; padding:1rem 1rem 0; }
.negocio .card-header figure { display:inline-flex; width:96px; height:96px; align-items:center; justify-content:center; margin:0 auto; }
.negocio .card-header figure img { display:block; max-width:100%; }
.negocio .card-body { padding:1rem 1rem 2rem; }
.negocio:hover { transform:translateY(-10px); }

/* Aliadas */
#aliadas h3 { position:absolute; bottom:100%; display:inline-block; width:80px; height:80px; text-indent:-9999px; border-radius:1.5rem; background-color:white; background-repeat:no-repeat; background-position:center; background-size:60px; }
#aliadas .aliadas-pe h3 { right:calc(100% - 15px); background-image:url('assets/img/flag-pe-circle.png'); }
#aliadas .aliadas-mx h3 { left:calc(100% - 15px); background-image:url('assets/img/flag-mx-circle.png'); }

.logos-carrusel .logo { margin:0 1rem; }
.logos-carrusel .logo a, .logos-carrusel .logo span { display:flex; align-items:center; height:70px; }
.logos-carrusel .logo img { max-width:180px; max-height:60px; }
.logos.principal a { margin:1rem 2rem; }
.logos.principal a img { max-width:150px; max-height:75px; }

/* Testimonios */
#testimonios { position:relative; overflow:hidden; }
#testimonios:before { position:absolute; left:-18%; top:0; right:0; bottom:0; content:''; background:url('assets/img/section-adorno.png') no-repeat left center; background-size:180%; filter:brightness(0%); opacity:.02; }
#testimonios .container-xl { position:relative; z-index:2; }
#testimonios .slick-arrows { margin-top:2rem; }
#testimonios .adorno { position:absolute; left:4rem; top:0; right:0; bottom:3rem; border-radius:1.5rem; display:none; }
#testimonios-carrusel { width:150%; ;z-index:999; }
#testimonios-carrusel .slick-track { padding:3rem 0 1rem; }
.testimonio { text-align:center; margin:0 1rem 0 1rem; padding:1rem; border-radius:5px; }
.testimonio .card-header { margin-bottom:.5rem; }
.testimonio .card-header img { display:inline-block; width:100px; height:100px; object-fit:cover; margin:0 auto; border-radius:100%; }
.testimonio .card-header p { margin-bottom:0; }
.testimonio .card-header p small { display:block; font-size:.8em; }
.testimonio .card-body { height:9.1em; overflow:auto; margin-bottom:1rem; padding:0 1rem; }
.testimonio .card-body::-webkit-scrollbar { width:8px; }
.testimonio .card-body::-webkit-scrollbar-thumb { background:#009EE0; border-radius:4px; }
.testimonio .card-body::-webkit-scrollbar-thumb:active { background-color: #999999; }
.testimonio .card-body::-webkit-scrollbar-thumb:hover { background: #b3b3b3; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.testimonio .card-body::-webkit-scrollbar-track { background:#F7F7F7; border-radius: 4px; }
.testimonio .card-body blockquote { margin-bottom:0; }
.testimonio .card-body blockquote p:last-of-type { margin-bottom:0; }

/* Preguntas Frecuentes */
#preguntas-frecuentes { background:#f6f9fd; }
#faqs .accordion-item { margin-bottom:1.5rem; background:var(--blanco); border:0px none; border-radius:5px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08) !important; }
#faqs .accordion-button { font-weight:normal; font-size:1.1rem; color:var(--body); margin-bottom:0; padding:1.25rem 1.25rem 1.25rem 1.5rem; background:transparent !important; border:0px none; box-shadow:none; }
#faqs .accordion-button::after { width:24px; height:24px; display:flex; align-items:center; justify-content:center; color:rgba(0,0,0,.2); font-weight:900; font-size:1rem; font-family:'Font Awesome 6 Free'; content:'\2b'; background:transparent none;  }
#faqs .accordion-button:not(.collapsed) { color:var(--verde); }
#faqs .accordion-button:not(.collapsed)::after { color:var(--verde-claro); content:'\f175'; transform:rotate(180deg); }
#faqs .accordion-body { padding:0 1.5rem 1rem 1.5rem; }

#marcas h3 small { display:block; font-size:.7em; text-transform:uppercase; opacity:.5; }

/* Cifras  */
.cifra { text-align:center; color:var(--azul); background:var(--blanco); border-radius:10px; padding:1.5rem 1rem; }
.cifra .card-header, .cifra .card-body { padding:0; }
.cifra .card-header i { font-size:1.5rem; margin-bottom:1rem; }
.cifra .numero { display:flex; align-items:center; justify-content:center; }
.cifra .numero strong { display:block; font-size:200%; white-space:nowrap; }
.cifra .card-body { color:var(--body); }

/* Qué hacemos */
#nosotros-hacemos .negocio { border:2px solid transparent; }
#nosotros-hacemos .negocio:hover { transform:scale(1.02); border-color:var(--azul); }
#nosotros-hacemos .negocio .card-body { padding:1rem 2rem 2rem; text-align:center; }

.logos { display:flex; justify-content:center; flex-wrap:wrap; }
.logos .logo { display:inline-block; margin:1rem 2rem; }
.logos .logo a, .logo span { display:flex; align-items:center; height:80px; }
.logos .logo img { max-width:150px; max-height:100%; }

/* Cotiza  */
#cotiza .rounded { border-radius:1.5rem; }
#cotiza p { font-size:1.5rem; }
#cotiza p strong { font-weight:normal; color:var(--celeste); }

footer { font-size:90%; color:var(--blanco); background:var(--azul); background:var(--verde-oscuro) }
footer a { position:relative; display:inline-block; }
footer a:after { position:absolute; left:0; top:100%; width:0; height:1px; content:''; background:var(--blanco); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
footer a:hover, footer a:active, footer a:focus { color:var(--blanco); }
footer a:hover:after { width:100%; }

footer .container-xl { padding-top:5rem; padding-bottom:2rem; }
footer .footer-logo { height:60px; filter:brightness(0) invert(1); }
footer ul { list-style:none; margin:0 0 1rem; padding:0; }
footer ul.footer-menu li { margin-bottom:.5rem; }

footer .form { position:relative; padding-top:1rem; margin-top:1rem; }
footer .form:before { position:absolute; top:0; left:0; width:100%; height:1px; content:''; height:1px; background:var(--blanco); opacity:.1; }
.input-group { display:flex; align-items:center; background:var(--blanco); padding:.25rem; border-radius:5px; }
.input-group * { margin:0; flex:1; }
.input-group input { border:0px none; }
.input-group .btn { flex:0 0 100px; width:100px; font-size:11px; color:var(--blanco); text-transform:uppercase; justify-content:center; border-radius:5px !important; margin:0px !important; padding:.5rem; }

#footer-top { position:relative; margin-bottom:2rem; padding-bottom:2rem; }
#footer-top:after { position:absolute; top:100%; left:15px; right:15px; height:1px; content:''; background:#FFF; opacity:.1; }

#footer-bottom { font-size:.9em; }
.footer-enlaces { display:inline-block; list-style:none; margin:0; padding:0; }
.footer-enlaces li { display:inline-block; }
.footer-enlaces li:not(:last-child) { margin-right:1rem; }

.social li { margin:0 0 0 .5rem !important; }
.social li a { display:flex; align-items:center; justify-content:center; width:24px; height:24px; color:var(--verde-oscuro); background:var(--blanco); border-radius:50%; }
.social li a:after { display:none; }
.social li a:hover { color:var(--verde) !important; transform:scale(1.25); }
.social li a i { font-size:14px; }


/****** INTERNAS ******/

section { position:relative; }
section .container, section .container-xl { position:relative; z-index:3; }
.bg-img { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0; }
.bg-img img { display:block; width:100%; height:100%; object-fit:cover; }
.bg-img-der { left:calc(50% + 30px); width:50%; }
.bg-img-der img {  }

#page-header { position:relative; height:400px; }
#page-header:before, #page-header:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:1; } 
#page-header:before { background:rgba(14,31,67,.25); z-index:1; }
#page-header:after { width:100%; background:linear-gradient(90deg,rgba(14,64,44,1) 0%,rgba(14,64,44,75) 25%,rgba(14,64,44,0) 100%); z-index:1; }

#page-header .bg-img { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:0; object-fit:cover; object-position:100% 20%; }
#page-header .container-xl { position:relative; z-index:2; }
#page-header .etiqueta { display:inline-block; font-size:.8em; border:1px solid var(--blanco); border-radius:20px; margin-bottom:1rem; padding:.5rem 1rem; }
#page-header h1 { font-style:italic; font-size:3rem; text-transform:uppercase; }

/* Breadcrumb */
#breadcrumb .container-xl { padding-top:3rem; padding-bottom:0; }
.breadcrumb { display:block; color:var(--body); font-size:.9em; align-items:center; opacity:.7; }
.breadcrumb i { font-size:.9em; margin:0 .4rem; }

/* NOSOTROS */
#compromiso .card { padding:1.5rem; border-radius:10px; background:rgba(0,0,0,0); transition:.3s ease; }
#compromiso .card-header, #compromiso .card-body { padding:0; }
#compromiso .card-header { display:flex; align-items:center; margin-bottom:1rem; }
#compromiso .card-header i { display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px; font-size:1.5em; color:var(--azul); margin-right:1rem; background:var(--blanco); border-radius:10px; }
#compromiso .card:hover { background:rgba(0,0,0,.1); }

main.bg-blanco #compromiso .card { background:var(--celeste-claro); }
main.bg-blanco #compromiso .card-header { color:var(--negro); }
main.bg-blanco #compromiso .card:hover { background:var(--azul); }
main.bg-blanco #compromiso .card:hover .card-header { color:var(--blanco); }
main.bg-blanco #compromiso .card:hover .card-body { color:var(--blanco); }

/*Equipo*/

.nav-pills { display:inline-flex; justify-content:center; margin:0; padding:.5rem; background:var(--blanco); border-radius:30px; transition:.3s ease; }
.nav-pills .nav-link { position:relative; font-weight:500; color:var(--azul-gris); margin:0; padding:.5rem 1.5rem; border-radius:20px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color:var(--blanco); background:var(--celeste); }

.miembro { border-radius:5px; padding:1rem; background:transparent; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.miembro:hover { background:var(--blanco); box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
.miembro .card-header img { width:128px; aspect-ratio:1; object-fit:1; border-radius:5px; }
.miembro .card-body .cargo { font-size:.85em; }
.miembro .card-footer { padding-top:0; }
.miembro .card-footer a { display:block; font-size:.8em; color:var(--azul); margin-bottom:2px; }
.miembro .card-footer a:hover { color:var(--verde); }
.miembro .social { margin-left:0; }
.miembro .social li a { background:transparent; }

/* Actividades Corporativas */
#actividades .slick-arrows { padding-top:2rem; }
#actividades-carrusel { width:160%; ;z-index:999; }
#actividades-carrusel .slick-track { padding:3rem 0 1rem; }
.actividad { position:relative; margin:0 1rem; border-radius:1rem; overflow:hidden; }
.actividad figure { margin-bottom:0; }
.actividad figcaption { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; color:var(--body); text-align:center; background:var(--blanco); z-index:1; opacity:0; visibility:hidden; transition:all 0.3s; }
.actividad figcaption > div { padding:2rem 10%; }
.actividad figcaption p { font-size:.85em; }
.actividad figcaption p.fecha { font-size:.7em; text-transform:uppercase; opacity:.8; }
.actividad:hover figcaption { opacity:1; visibility:visible; }

/* COMUTEL ACADEMIA */
.negocio-titulo { display:flex; align-items:center; margin-bottom:2rem; }
.negocio-titulo img { height:90px; margin-right:1rem; }
.negocio-titulo h1 { font-size:1.5rem; line-height:1.2; margin:0; }
.negocio-titulo h1 strong { display:block; }

#aliado .adorno { margin-top:-6rem; padding-left:1.5rem; max-width:100%; }
.form-wrap .pad { width:calc(100% + 6rem); transform:translateX(-6rem); }

#galeria { padding:4rem 0 6rem; }
#galeria-carrusel img { height:260px !important; margin:0 .5rem; }

.tab-pane .section-header p { font-size:1.2em; }
.tab-pane ul { margin-left:20px; padding-left:0; }
.tab-pane ul li { margin-bottom:.5rem; }
.tab-pane ul.li-mb li { margin-bottom:1rem; }

.campus, .campus-2 { margin:0 -.5rem; }
.campus .item, .campus-2 .item { margin:0 .5rem; }
.campus .item a { position:relative; display:block; width:100%; aspect-ratio:3/4; border-radius:.5rem; overflow:hidden; }
.campus .item a > * { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.campus .item a span { position:absolute; left:.75rem; top:.75rem; right:.75rem; font-size:.825em; color:#FFF; text-align:center; padding:.5rem 1rem; background:rgba(0,0,0,.75); border-radius:50px; }
.campus .item a img { display:block; width:100%; height:100%; object-fit:cover; }
.campus .item a i { position:absolute; right:1rem; bottom:1rem; font-size:1.5rem; color:#FFF; opacity:.75; }
.campus .item a:hover span { background:rgba(0,0,0,1); }
.campus .item a:hover i { opacity:1; }

.campus-2 .item { display:flex; }
.campus-2 .item figure { flex:0 0 33%; width:33%; aspect-ratio:3/4; margin:0; border-top-left-radius:1rem; border-bottom-left-radius:1rem; overflow:hidden; }
.campus-2 .item figure img { display:block; width:100%; height:100%; object-fit:cover; }
.campus-2 .item .campus-info { padding:1.5rem; background:var(--gris-claro); border-top-right-radius:1rem; border-bottom-right-radius:1rem; }
.campus-2 .item .campus-info h3 span { display:block; font-weight:normal; font-size:.8em; }
.campus-2 .item .campus-info p { font-size:.9em; margin:0; }
.campus-2 .item figure { border-radius:.5rem; }
.campus-2 .item .campus-info { background:transparent; }


.cursos .accordion-item { border:0px none; background:transparent; }
.cursos .accordion-item:not(:last-of-type) { border-bottom:1px solid var(--naranja-claro); }
.cursos .accordion-button { font-size:1.1rem; color:var(--celeste); margin-bottom:0; }
.cursos .accordion-button::after { display:flex; align-items:center; justify-content:center; font-weight:900; font-size:.75rem; font-family:'Font Awesome 5 Free'; content:'\f067'; color:var(--blanco); background:var(--naranja); border-radius:50%; }
.cursos .accordion-button:not(.collapsed) { font-weight:500; color:var(--blanco); background:var(--naranja); box-shadow:none; }
.cursos .accordion-button:not(.collapsed):after { content:'\f068'; color:var(--naranja); background:var(--blanco); }
.cursos .accordion-item:first-of-type .accordion-button { border-top-left-radius:1rem; border-top-right-radius:1rem; }
.cursos .accordion-item:last-of-type .accordion-button.collapsed, .cursos .accordion-item:last-of-type .accordion-collapse, .cursos .accordion-item:last-of-type .accordion-body { border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; }
.cursos .accordion-body { padding:2rem; background:#FFF; }
.cursos .accordion-body ul li { margin-bottom:0; }
.cursos .accordion-body ul.curso-meta { display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:.25rem .5rem; list-style:none; margin:0 0 1rem 0; padding:0 0 1rem; border-bottom:1px solid var(--gris); }
.cursos .accordion-body ul.curso-meta li { display:flex; align-items:flex-start; font-size:.825em; }
.cursos .accordion-body ul.curso-meta li strong { display:inline-flex; flex:0 0 80px; align-items:center; margin-right:.5rem; }
.cursos .accordion-body ul.curso-meta li strong i { display:block; flex:0 0 16px; width:16px; font-size:.9em; color:var(--celeste); text-align:center; margin-right:.25rem; }
.cursos .accordion-body ul.curso-meta li strong i.fa-clock { font-size:.825em; }
.cursos .accordion-body .aside .curso-meta { grid-template-columns:repeat(1, 1fr); grid-gap:.5rem 0; margin-top:2rem; padding-bottom:0; border-bottom:0px none; }
.cursos .accordion-body .aside ul.curso-meta li { font-size:.9em; }
.cursos .accordion-body .aside ul.curso-meta li strong { flex:0 0 90px; }

.cursos .accordion-body .rounded { border-radius:.5rem !important; }
.cursos .accordion-body a.video  { display:block; border-radius:.5rem; overflow:hidden; }
.cursos .accordion-body a.video:hover:after { width:72px; height:72px; }
.incluye { font-size:.9em; }
.incluye ul { list-style:none; margin:0 0 1rem; padding:0; }
.incluye .ul-col-2 { column-count:2; column-gap:30px; }
.incluye ul li { position:relative; padding-left:20px; }
.incluye ul li:before { position:absolute; left:1px; top:2px; font-weight:900; font-size:.75rem; font-family:'Font Awesome 5 Free'; content:'\f058'; color:#00D092; } 
.incluye .opcional ul li:before { color:#FFBF00; }
.cursos table { font-size:.9em; }
.cursos table th, .cursos table td { padding:.5rem; border:0px none; }
.cursos table th { display:flex; align-items:center; }
.cursos table th i { display:block; width:16px; text-align:center; margin-right:.25rem; }

.precios table thead th { color:var(--celeste); }
.precios ul { margin-left:16px; padding:0; }
.precios ul.small { font-size:.9em; }
.precios ul li { margin-bottom:.25rem; }

.pane-header { position:relative; }
.pane-header img { position:absolute; width:100%; height:100%; aspect-ratio:4/1; object-fit:cover; object-position:center 25%; z-index:0; }
.pane-header:before { position:absolute; width:100%; height:100%; content:''; background:var(--naranja); opacity:0.85; z-index:1; }
.pane-header > div { position:relative; z-index:1; }
.pane-header p { font-size:1.1em; }

/* PLANES DE SEGUROS */
.archive #page-header { height:500px; margin-bottom:4rem; padding-bottom:4vw; }
.archive #page-header h1 { font-weight:400; }
.archive #page-header h1 strong { font-weight:600; }
.archive #page-header img { height:calc(100% + 2vw); }


.form-label { display:block; text-align:left; margin-bottom:0; }
.form-control, .form-select { color:var(--verde); border-radius:.5rem; margin-bottom:0; padding:.75rem .75rem; }
.form-inline .form-control, .form-inline .form-select { border-right-width:0px; border-radius:0; }
.form-inline > div:first-child .form-control, .form-inline > div:first-child .form-select { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem; }
.form-inline > div:last-child .form-control, .form-inline > div:last-child .form-select { border-right-width:1px; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--azul-gris); opacity:1; }
::-moz-placeholder { /* Firefox 19+ */ color:var(--azul-gris); opacity:1; }
:-ms-input-placeholder { /* IE 10+ */ color:var(--azul-gris); opacity:1; }
:-moz-placeholder { /* Firefox 18- */ color:var(--azul-gris); opacity:1; }

.beneficios .card { padding:1rem 1rem 1.25rem; border:1px solid var(--celeste); border-radius:.5rem; }
.beneficios .card-body { display:flex; flex-direction:column; align-items:center; text-align:center; font-size:1.1em; line-height:1.3; font-weight:500; color:var(--negro); padding:0; }
.beneficios .card-body i { display:flex; flex:0 0 40px; width:40px; height:40px; align-items:center; justify-content:center; margin-bottom:1rem; background:var(--celeste-claro); border-radius:50%; }
.beneficios .card-body i:before { font-size:1.1em; color:var(--celeste); }
.beneficios .card-body p { display:flex; align-items:center; height:2em; }

#cursos .card { background:var(--blanco); border-radius:1rem; overflow:hidden; box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
#cursos .card-header .logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:120px; z-index:2; }
#cursos .card-header a { display:block; overflow:hidden; }
#cursos .card-header a:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:var(--azul); opacity:.75; z-index:1; }
#cursos .card-header a:hover img:not(.logo) { transform:scale(1.1); }
#cursos .card-body { padding:1.5rem; }
#cursos .card-body a { color:var(--negro); }
#cursos .card-body a:hover { color:var(--azul); }
#cursos .card-body p { font-size:1em; }
#cursos .card-footer { position:relative; padding:1.5rem; }
#cursos .card-footer:before { position:absolute; left:1.5rem; right:1.5rem; top:0; content:''; height:1px; background:var(--celeste); }
#cursos .card-footer ul { list-style:none; margin:0; padding:0; }
#cursos .card-footer ul li { display:flex; align-items:center; font-size:.95em; margin:.5rem 0; }
#cursos .card-footer ul li i { display:flex; flex:0 0 24px; width:24px; height:24px; font-size:12px; color:var(--blanco); background:var(--azul); border-radius:.25rem; align-items:center; justify-content:center; margin-right:.5rem; }

#sucursales .card { border-radius:1rem; box-shadow: 0 5px 20px rgb(0 0 0 / 6%); }
#sucursales .card-header figure { border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; }
#sucursales .card-body p { font-size:1em; }
#sucursales .card-body, #sucursales .card-footer { padding:2rem; }
#sucursales ul { list-style:none; margin:0; padding:0; }
#sucursales ul.contacto { margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #666; }
#sucursales ul li { display:flex; }
#sucursales ul li i { flex:0 0 20px; width:20px; margin-right:.5rem; padding-top:4px; }


#seguros .wpcf7-list-item { margin:0; }
#seguros .wpcf7-checkbox label, #seguros .wpcf7-acceptance label { display:flex; align-items:center; font-size:.8rem; color:var(--azul-gris); }
#seguros .wpcf7-checkbox input, #seguros .wpcf7-acceptance input { margin:0 .5rem 0 0; }
#seguros .wpcf7-not-valid-tip { font-size:.8em; margin-top:.25rem; }
#seguros .wpcf7-submit { font-size:1.2rem; font-weight:500; padding:.6rem 1.75rem; border-radius:30px; }

/* Newsletter */
#suscribete .pad { position:relative; background:rgba(0,58,102,.9) url('assets/img/suscribete-bg.jpg') no-repeat center center; background-size:cover; background-blend-mode:multiply; }
#suscribete .pad:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba('') }

#modalidades th, #modalidades td { padding:.5rem; }
#modalidades tbody th { font-weight:normal; }

.colx2 { column-count:2; column-gap:3rem; }
.list-mb-2 li { margin-bottom:.5rem; }
.list-mb-3 li { margin-bottom:.75rem; }

.grecaptcha-badge { display:none !important; }

#como-funciona .card { border-radius:1rem; }
#como-funciona .card-header { position:relative; text-align:center; padding-top:0; }
#como-funciona .card-header i { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin-top:-20px; font-style:normal; font-size:2rem; font-weight:bold; color:var(--blanco); background:var(--verde); border-radius:50%; }
#como-funciona .card-body { display:flex; flex-direction:column; justify-content:space-between; padding:2rem; }
#como-funciona .card-body p { font-weight:500; font-size:1em; }
#como-funciona .card-body p.nota { font-weight:normal; font-size:1em; }

#consideraciones .card { padding:1rem; border-radius:1rem; }
#consideraciones .card-header { display:flex; align-items:center; }
#consideraciones .card-header i { font-size:2em; color:var(--verde); margin-right:1rem; }
#consideraciones .card-body p { font-size:1em; }
#consideraciones .card-body p.nota { font-size:.8em; opacity:.7; }

#cronograma thead th { color:var(--verde); vertical-align:middle; }
#cronograma tfoot td { font-size:.9em; padding-top:1rem; border:0px none; opacity:.7; }

#servicios .section-header h1 { display:flex; line-height:1; }
#servicios .section-header h1 i { font-size:.9em; }
#servicios section h2 { line-height:1.2; }
#servicios .nav-tabs { justify-content:center; background:var(--verde); padding:.5rem .5rem 0; border:0px none; border-top-left-radius:10px; border-top-right-radius:10px; }
#servicios .nav-tabs .nav-link { font-size:1.2em; font-weight:700; color:var(--blanco); margin:0; padding:1rem 1.25rem; border:0px none; border-top-left-radius:5px; border-top-right-radius:5px; }
#servicios .nav-tabs .nav-item.show .nav-link, #servicios .nav-tabs .nav-link.active { color:var(--verde); }
#servicios .nav-tabs .nav-link small { display:block; font-size:.75em; font-weight:normal; }
#servicios .tab-content { border:1px solid var(--verde); border-top:0px none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#servicios .accordion-item { border:0px none; background:transparent; }
#servicios .accordion-body { padding:2rem 2rem 1rem; }
#servicios .accordion-body .card-body { padding:0 .5rem; }

#servicios .bg-gris .card { background:transparent !important; }
#servicios .bg-gris .card.bg-blanco { background:var(--blanco) !important; }
#servicios .accordion-item .card-header h5 { font-size:1.05em; color:var(--verde); margin-bottom:.5rem; }
#servicios .card-header figure { margin-bottom:0; }
#servicios .bg-gris .card-header figure { background:var(--gris); }
#servicios .card-header img { width:60%; mix-blend-mode:multiply; }
#servicios .card-body ul { margin-left:16px; padding-left:0; } 
#servicios .card-body li { font-size:.9em; }


/* INFORME */
.wpc-filters-widget-content input[type=email], .wpc-filters-widget-content input[type=number], .wpc-filters-widget-content input[type=password], .wpc-filters-widget-content input[type=search], .wpc-filters-widget-content input[type=tel], .wpc-filters-widget-content input[type=text], .wpc-filters-widget-content input[type=url], .wpc-filters-widget-content select { border-radius:4px; }
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button { background:var(--verde); border-color:var(--verde); }
.wpc-filter-layout-dropdown { position:relative; }
.wpc-filter-layout-dropdown:before { position:absolute; right:1px; top:1px; width:32px; height:calc(100% - 2px); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; font-family:'Font Awesome 6 Free'; content:'\f107'; color:#ccd0dc; }
.wpc-filter-content .wpc-filters-widget-select { padding-right:calc(32px + 1rem); }
.wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a { padding:4px 15px; }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a { color:var(--blanco); background:var(--verde); border-color:var(--verde); }
body .wpc-filter-chips-list li.wpc-chip-reset-all a { color:var(--verde); background:var(--blanco); border-color:var(--verde); }
.mensaje { font-size:.9em; }

.section-content-main a { color:var(--verde); text-decoration:underline; }
.section-content-main a:hover { text-decoration:none; }

/* Header */
.tipo-barometro-de-las-americas .section-header { padding:2rem 0 1rem; }
.tipo-barometro-de-las-americas .section-header h1 span { display:block; font-size:.45em; text-transform:uppercase; }

/* Contenido */
.tipo-barometro-de-las-americas #informe-contenido { margin-bottom:2rem; }
.tipo-barometro-de-las-americas #informe-contenido ul { list-style:none; margin:0 0 1rem 0; padding:0; }
.tipo-barometro-de-las-americas #informe-contenido li { text-transform:uppercase; margin-bottom:.5rem; }
.tipo-barometro-de-las-americas #informe-contenido li strong { display:block; text-transform:none; font-size:.9em; }

/* Anexos */
#informe-anexos { margin-bottom:2rem; }
#informe-anexos ul { list-style:none; margin-left:0; padding-left:0; }
#informe-anexos ul li { margin-bottom:.25rem; }
#informe-anexos ul li a { display:flex; }
#informe-anexos ul li a i { display:flex; flex:0 0 16px; width:16px; height:22px; align-items:center; font-size:.9em; text-decoration:none; }
#informe-anexos ul li a i:before { text-decoration:none; }

/* Videos */
#informe-videos .videos .video:not(:last-child) { margin-bottom:2rem; }
#informe-videos .videos .video-meta div { font-size:.9em; padding-top:.5rem; }
#informe-videos .videos .video-meta div p { margin-bottom:.5rem; }
#informe-videos .videos .video-meta div *:last-child { margin-bottom:0; }

/* Columnas del Informe */
#informe-entradas .entrada .card-header { padding-top:1.5rem; }
#informe-entradas .entrada .card-header .entrada-autor { padding-top:0; }
#informe-entradas .entrada .card-header  .entrada-categoria { display:none; }
#informe-entradas .entrada .card-body p { margin-bottom:0; }

/* CONTACTO */
.wpcf7-form-control-wrap { display:block; }
.wpc-filter-chips-list li, body .wpc-filter-chips-list li.wpc-filter-chip, li.wpc-filter-chip { font-size:85%; }
.wpcf7-acceptance { display:block; }
.wpcf7-acceptance .wpcf7-list-item { margin:0; }
.wpcf7-acceptance .wpcf7-list-item label { position:relative; line-height:1.2; padding-left:20px; }
.wpcf7-acceptance .wpcf7-list-item label input { position:absolute; left:0; top:5px; }
.wpcf7-not-valid-tip { font-weight:300; font-size:.9em; color:red; }
.wpcf7 form .wpcf7-response-output { font-size:.9em; text-align:center; margin:0; padding:0; border:0px none !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color:red; }

/****** ENTRADAS ******/
.entrada a { color:var(--verde); }
.entrada a:hover { color:var(--celeste); }
.entrada { border-radius:10px; overflow:hidden; }
.entrada .card-header, .entrada .card-body, .entrada .card-footer { padding:0 1.5rem; }
.entrada .card-header { position:relative; padding-top:2.5rem; }
.entrada .card-body { padding-top:1rem; padding-bottom:1rem; }
.entrada .card-footer { padding-bottom:1.5rem; }
.entrada .entrada-meta { font-size:.9em; font-weight:bold; }

.entrada .card-body p { font-size:.9em; }
.entrada .entrada-categoria { position:absolute; left:1.5rem; top:0; }
.entrada .entrada-categoria a { display:flex; align-items:center; font-size:12px; text-transform:uppercase; color:var(--blanco); padding:.5rem .75rem; background:var(--celeste); border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.entrada .entrada-categoria a i { margin-right:.5rem; }
.entrada .entrada-categoria a span { line-height:1; margin-top:2px; }
.entrada .entrada-categoria a:hover { background:var(--celeste); }
.entrada h3 { line-height:1.1; }

.entrada-diseno-a .card-header { padding:0; }
.entrada-diseno-a .card-body, .entrada-diseno-a .card-footer { padding-left:0; padding-right:0; }
.entrada-diseno-b { background:var(--gris); }

.entrada-autor { list-style:none; display:flex; flex-wrap:nowrap; margin:0; padding:1rem 0; }
.entrada-autor li:not(:last-child) { margin-right:1rem; }
.entrada-autor li a { display:flex; align-items:center; color:var(--body); }
.entrada-autor li a:hover { color:var(--verde); }
.autor-foto { flex:0 0 48px; width:48px; height:48px; object-fit:cover; border-radius:50%; margin-right:.5rem; }
.autor-nombre-completo { display:block; font-size:.85em; line-height:1.2; }
.autor-nombre-completo span { display:block; }

/* ENTRADA */
.single#post .breadcrumb { margin-bottom:2rem; }
.section-content-main .section-header { padding-bottom:2rem; border-bottom:1px solid var(--verde); }
.section-content-main .section-header .entrada-categoria { margin-bottom:.5rem; }
.section-content-main .section-header .entrada-categoria a { display:inline-flex; align-items:center; font-size:12px; color:var(--blanco); text-transform:uppercase; text-decoration:none; padding:.5rem .75rem; background:var(--celeste); border-radius:5px; }
.section-content-main .section-header .entrada-categoria a i { font-size:inherit; color:var(--blanco); margin:0 .5rem 0 0; }
.section-content-main .section-header .entrada-categoria a span { line-height:1; }
.section-content-main .section-header .entrada-categoria a:hover { background:var(--verde); }
.section-content-main .section-header h1 { line-height:1; }
.section-content-main .section-header .entrada-autor { padding:0; }
.section-content-main .section-header .entrada-autor a { text-decoration:none; line-height:1.3 }
.section-content-main .section-header .entrada-autor a strong { display:block; font-size:1.2em; }
.section-content-main .section-header .entrada-autor a em { font-style:normal; font-size:.9em; }
.section-content-main .section-header .entrada-autor a:hover em { color:var(--body); }
.entry-content { font-size:1.1em; line-height:1.6; }
.entry-content h2 { font-size:150%; }
.entry-content h3 { font-size:130%; }
.entry-content p { text-align:justify; }

/* Sidebar */
#sidebar .related-entry-card.mb-4 { margin-bottom:0 !important; }
#sidebar .noticia { position:relative; box-shadow:none; }
#sidebar .noticia a { color:var(--blanco); }
#sidebar .noticia .card-header a { position:relative; display:block; }
#sidebar .noticia .card-header a:before { position:absolute; left:0; bottom:0; top:0; width:100%; content:''; background: linear-gradient(0deg, rgba(14, 64, 44, .9) 0%, rgba(14, 64, 44, .5) 30%, rgba(14, 64, 44, 0) 75%); z-index:1; }
#sidebar .noticia .card-footer { display:none; }
#sidebar .noticia .card-body { position:absolute; left:0; bottom:0; right:0; z-index:2; }
#sidebar .noticia .card-body h3 { font-size:1.5em; line-height:1.2; margin-bottom:0; }
#sidebar .noticia .card-body h3 span { display:inline-block; }
#sidebar .noticia .card-body ul { display:none; }

#sidebar .entradas-relacionadas-grid { border-radius:10px; overflow:hidden; }
#sidebar .related-entry-card { position:relative; }
#sidebar .related-entry-card:not(:last-child)::after { position:absolute; left:1.5rem; bottom:0; right:0; height:1px; content:''; background:var(--negro); z-index:1; opacity:.1; }
#sidebar .entrada { border-radius:0; }
#sidebar .entrada-diseno-b:last-child::after { display:none; }
#sidebar .entrada-diseno-b .card-header { padding-top:1.5rem; padding-bottom:.25rem; }
#sidebar .entrada-autor { margin-bottom:0; padding:0 0 .5rem; }
#sidebar .entrada-categoria, #sidebar .entrada-diseno-b .card-body, #sidebar .entrada-diseno-a .card-body p { display:none; }
#sidebar .entrada .autor-foto { flex:0 0 40px; width:40px; height:40px; }
#sidebar .entrada h3 { font-size:1.25em; }
#sidebar .entrada .card-footer { position:relative; }
#sidebar .entrada .entrada-meta { font-size:.85em; font-weight:500; }
#sidebar .entrada .leer-mas { font-size:.9em; }
#sidebar .entrada .leer-mas span { display:none; }

#sidebar .entrada-diseno-a { background:var(--gris); }
#sidebar .entrada-diseno-a .card-header .ratio-16x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
#sidebar .entrada-diseno-a .card-body { padding:1.5rem 1.5rem 0; }
#sidebar .entrada-diseno-a h3 { margin-bottom:0; }
#sidebar .entrada-diseno-a .card-footer { padding:0 1.5rem 1.5rem; }


@media (max-width:1366px){ 
}

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

@media (max-width:1199.98px){ 
}

@media (min-width:992px){ 

  .navbar ul > li:hover > a { color:var(--verde); }
  .navbar .dropdown-menu { left:-1rem; font-size:1.1em; padding:1rem 0; background:var(--blanco); border:0px none; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; box-shadow:0px 4px 0px 0px rgba(0,0,0,0.1); }
  .navbar .dropdown-menu[data-bs-popper] { margin-top:1rem; }
  .navbar .dropdown-menu li { margin:0; }
  .navbar .dropdown-menu li a { display:flex; align-items:center; padding:.5rem 1.5rem; }
  .navbar .dropdown-menu li a i { flex:0 0 16px; display:flex; align-items:center; justify-content:center; margin-right:.25rem; }
  .navbar .dropdown-menu li a:hover { background:transparent; }  
  .dropdown-item.active, .dropdown-item:active { background:transparent; }

  .navbar-expand-lg .navbar-nav .cuenta .nav-link { padding-left:1rem; padding-right:1rem; background:var(--gris); border-radius:20px; }

  .cifras > div { position:relative; }
  .cifras > div:before { position:absolute; left:-50px; top:-50px; width:100px; height:100px; content:''; background:url('assets/img/logros-adorno.png') no-repeat; background-size:100%; z-index:0; }
}

@media (max-width:991.98px){ 

  .slick-dots { margin:1rem; }


  header { position:fixed; top:0; left:0; right:0; z-index:9999; }

  .navbar .col-auto { width:100%; padding:0; }
  .navbar ul li, .navbar ul li.menu-item-has-children { margin-right:0; }
  .navbar ul li:not(:last-child) { border-bottom:1px solid rgba(0,0,0,.1); }
  .navbar ul li li { border-bottom:1px solid rgba(0,0,0,.25); }
  .navbar ul li li:last-child { border-bottom:0px none; }
  .navbar .navbar-menu > ul { display:block; }
  .navbar .navbar-menu > ul li { margin:0; border-bottom:1px solid #312f45; }

  .navbar-nav { margin:1rem -15px 0 !important; }
  .navbar-nav .nav-link { padding:1rem; }
  .navbar .dropdown-toggle { justify-content:space-between; margin:0; }
  .navbar .dropdown-toggle[aria-expanded="true"] { color:var(--ocre); background:rgba(0,0,0,.1); }
  .navbar .dropdown-menu { margin:0; padding:0; border:0px none; }
  .navbar .dropdown-item { padding:.75rem 1rem .75rem 1.5rem; }
  .navbar .dropdown-item i { margin-right:.25rem; }
  .navbar .dropdown-item:hover { color:var(--verde) !important; background:transparent; }
  .navbar .dropdown-item.active, .navbar .dropdown-item:active { background:transparent; }

  section > .container-xl { padding:3rem 1.5rem; }

  footer .container-xl { padding-left:1.5em; padding-right:1.5rem; }
}

@media (max-width:767.98px){

  body { font-size:1rem; }

  section > .container, section > .container-xl, section > .container-fluid { padding-top:3rem; padding-bottom:3rem; }

  .form-wrap .pad { width:100%; transform:none; }

}


.bg-verde, .btn-verde { background-color:var(--verde); }
.bg-verde-claro, .btn-verde-claro { background-color:var(--verde-claro); }
.bg-verde-oscuro, .btn-verde-oscuro { background-color:var(--verde-oscuro); }
.bg-verde-dorado, .btn-verde-dorado { background-color:var(--verde-dorado); }
.bg-verde-amarillo, .btn-verde-amarillo { background-color:var(--verde-amarillo); }
.bg-verde-gris, .btn-verde-gris { background-color:var(--verde-gris) !important; }
.bg-morado, .btn-morado { background-color:var(--morado); }
.bg-gris-claro { background-color:var(--gris-claro); }
.bg-negro { background-color:#000; }
.bg-celeste { background-color:var(--celeste); }

.bg-verde, .bg-verde-claro, .bg-verde-oscuro,
.btn-verde, .btn-verde-claro, .btn-verde-oscuro { color:var(--blanco); }
.bg-verde a, .bg-verde-claro a, .bg-verde-oscuro a,
.bg-verde h2, .bg-verde-claro h2, .bg-verde-oscuro h2,
.bg-verde h3, .bg-verde-claro h3, .bg-verde-oscuro h3,
.bg-verde h4, .bg-verde-claro h4, .bg-verde-oscuro h4 { color:var(--blanco); }

#servicios .pad { padding:4rem 3rem 4rem 0; }
#servicios .pad ul { list-style:none; margin:0; padding:0; }
#servicios .pad ul li { font-size:.95em; margin-bottom:1.5rem; }
#servicios .pad ul li:last-child { margin-bottom:0; }
#servicios .pad ul li a { display:flex; }
#servicios .pad ul li figure { display:flex; flex:0 0 48px; width:48px; margin-right:1rem; }
#servicios .pad ul li i { display:flex; width:48px; height:48px; align-items:center; justify-content:center; font-size:2.5rem; color:var(--blanco); margin-right:0; }
#servicios .pad ul li strong { font-size:1.1em; }

#servicios .pad ul li a:hover, #servicios .pad ul li a:hover * { color:var(--verde-claro); }

#soluciones-content .accordion-button { margin-bottom:0; }


.col-img-left { position:absolute; left:50%; top:0; width:50vw; object-fit:cover; }

@media (max-width:991.98px){ 
  #servicios .tab-content { border-top:1px solid; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden; }
  #servicios .tab-content > .tab-pane { display:block; opacity:1; border-bottom:1px solid var(--verde); }
  #servicios .tab-content > .tab-pane:last-child { border-bottom:0px none; }
  #servicios .accordion-button { padding:1.25rem; }
  #servicios .accordion-button:not(.collapsed) { color:var(--blanco); background:var(--verde); box-shadow:none; }
  #servicios .accordion-button:not(.collapsed)::after { filter:brightness(0) invert(1); }
  #servicios .accordion-body { padding:1.5rem 1.25rem 1rem; background:var(--gris); }
  #servicios .accordion-body .card { background:transparent; }
  #servicios .accordion-body h3 { display:none; }

  .wpc-filters-scroll-container .wpc-filters-widget-wrapper { flex-wrap:wrap; }
  .wpc-filters-section.wpc-filter-layout-search-field { flex:0 0 100% !important; width:100%; margin-bottom:.5rem; }
}

@media (min-width:576px){ 
  #servicios #estudios-gabinete .card { flex-direction:row; }
  #servicios #estudios-gabinete .card-header { flex:0 0 30%; width:30%; padding:0; }

  .wpc-filters-section.wpc-filter-layout-submit-button { flex:0 0 90px; }
}

@media (max-width:575.98px){ 

  body { font-size:.9rem; padding-top:74px; }
  h6, .h6 { font-size:.9rem; }
  .btn { font-size:12px; padding:.5rem 1.25rem; }
  section > .container,section > .container-xl, section > .container-fluid { padding:2.5rem 1.5rem; /*padding-top:2.5rem; padding-bottom:2.5rem;*/ }

  .navbar-brand { padding:0; }
  .navbar-brand img { height:42px; }
  .fixed .navbar-brand img { height:42px; }
  .navbar-toggler { top:24px; }
  .navbar-toggler-icon { width:1.25em; height:1.25em; }

  .section-header { margin-bottom:1rem; }
  .section-header p.gorro { font-size:1em; }

  #breadcrumb .container-xl { padding-top:1.5rem; }

  /* intro  */
  #intro #slider .slide { background:var(--verde-oscuro); }
  #intro #slider .slide:before { width:100%; background: linear-gradient(90deg,rgba(14,64,44,50) 0%,rgba(14,64,44,25) 50%,rgba(14,64,44,0) 100%); opacity:.9; }
  #intro #slider .slide > img { left:0; width:100%; opacity:.7; }
  #intro #slider .slide .container-xl { height:auto; padding-top:2.5rem; padding-bottom:4.5rem; }
  #intro #slider .slide h1 { font-size:2.25rem; }
  #intro #slider .slick-dots { bottom:1.25rem; }

  .section-header h1, .section-header h2 { font-size:1.75rem; }

  .noticia { padding:.5rem; }
  .noticia .card-body { padding:1rem .75rem; }
  .noticia .card-footer { padding:0 .75rem 1rem; }

  /* servicios */
  .col-img-left { position:relative; left:0; width:100%; aspect-ratio:16/9; object-fit:cover; }
  .col-img-left:after { position:absolute; left:0; bottom:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.5); z-index:1; }
  #servicios .pad { padding:2rem 0; }
  #servicios .pad ul li figure { flex:0 0 32px; width:32px; margin-right:1rem; }
  #servicios .pad ul li i { width:32px; height:32px; font-size:1.75rem; }

  #servicios .card { text-align:left; }
  #servicios .card:not(.card-fa) .card-header { display:flex; flex-direction:row-reverse; align-items:center; padding:0 0 .5rem; }
  #servicios .card:not(.card-fa) .card-header .row { flex:0 0 64px; width:64px; margin-right:1rem; }
  #servicios .card:not(.card-fa) .card-header h5 { flex:1; margin-bottom:0; }
  #servicios .card:not(.card-fa) .card-body { padding:0; }

  
  .section-content blockquote { padding-left:1.5rem; }
  .section-content blockquote:before { width:5px; }

  /* Nosotros */
  .miembro { padding:.5rem; }
  .miembro .h5 { font-size:1rem; }

  #instituciones small { display:block; font-size:.8em; }

  .logos .logo { flex:0 0 50%; width:50%; display:flex; align-items:center; justify-content:center; margin:.25rem 0; }
  .logos .logo a, .logo span { display:flex; align-items:center; height:60px; }
  .logos .logo img { max-width:100px; }

  footer .container-xl { padding-top:2.5rem; padding-bottom:2.5rem; }

  .wpc-filters-scroll-container .wpc-filters-widget-wrapper { flex-direction:column; gap:2px !important; }
  .wpc-filters-section { margin-bottom:.5rem; }
}


.wpc-filters-scroll-container .wpc-filters-widget-wrapper { display:flex; justify-content:stretch; gap:10px; margin:0 -10px; }
.wpc-filters-section { flex:1; margin-bottom:0; }
.wpc-filter-title { display:none; }
.wpc-filter-layout-dropdown:before { z-index:0; }
.wpc-filter-content { position:relative; z-index:1; background:var(--blanco); }
.wpc-filter-content select { margin-bottom:0; background:transparent; }
.wpc-filters-main-wrap a.wpc-filters-submit-button { width:100%; }
.wpc-filters-main-wrap a.wpc-filters-reset-button { display:none; }

.temas { list-style:none; margin:0; padding:2rem 0; }
.temas li { display:inline-block; margin:0 4px 4px 0; }
/*.temas li:first-child { font-weight:bold; }*/
.temas li a { display:block; font-size:14px; color:var(--blanco); text-transform:uppercase; margin:0; padding:.25rem .75rem; background:var(--celeste); border-radius:5px; transition:.3s ease; }
.temas li a:hover { color:var(--blanco); background:var(--verde); }