/* ==========================================================================
   Capa de compatibilidad BS3 -> BS5
   Mantiene el aspecto del tema original (Bootstrap 3) sobre Bootstrap 5.3
   ========================================================================== */

.container, .container-fluid, .row { --bs-gutter-x: 30px; }
@media (min-width: 576px) { .container { max-width: 100%; } }
@media (min-width: 768px) { .container { max-width: 750px; } }
@media (min-width: 992px) { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1170px; } }
[class*="col-"] { position: relative; min-height: 1px; }
/* Hijos de .row que no son columnas: en BS3 no tenían padding (misma especificidad que .row > * de BS5) */
.row > :where(:not([class*="col-"])) { padding-left: 0; padding-right: 0; }

a { color: #428bca; text-decoration: none; }
a:hover, a:focus { color: #2a6496; text-decoration: underline; }

/* En BS3 las columnas del header iban directo en .container (sin .row) */
header > .container > .row { margin-left: 0; margin-right: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.1; color: inherit; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; }
h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; }

p { margin: 0 0 10px; }
ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
img { vertical-align: middle; }
hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; opacity: 1; }
small, .small { font-size: 85%; }
table { background-color: transparent; }
th { text-align: left; }

/* Dropdowns del menú (abren por hover/foco, sin JS) */
ul.menu-desktop .dropdown-toggle::after { display: none; }
ul.menu-desktop .dropdown-menu { top: 100%; left: 0; min-width: 160px; font-size: 14px; margin: 2px 0 0; padding: 5px 0; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
ul.menu-desktop .dropdown-menu li a { display: block; clear: both; line-height: 1.42857143; white-space: nowrap; }
ul.menu-desktop .dropdown:focus-within .dropdown-menu { display: block; }
b.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }

/* Paneles colapsables (antes .panel de BS3) */
.panel-group .panel { background-color: #fff; }
.panel-default > .panel-heading { color: #333; }
.panel-title { margin-top: 0; }
.panel-title > a { color: inherit; }
.panel-group .panel-body { padding: 15px; }

/* .repeat-noticias que envuelve columnas: en BS3 medía 0 y las columnas flotaban.
   En BS5 hace de fila (sin fondo ni margen propios) */
.repeat-noticias:has(> [class*="col-"]) { display: flex; flex-wrap: wrap; min-height: 0; margin-bottom: 0; background-color: transparent; }
.row > .repeat-noticias:has(> [class*="col-"]) { padding-left: 0; padding-right: 0; }
.repeat-noticias:has(> [class*="col-"]) > [class*="col-"] { flex-shrink: 0; max-width: 100%; padding-left: 15px; padding-right: 15px; }

/* Fade de menú mobile y buscador */
.mobile-menu, .search-menu { transition: opacity .3s ease; opacity: 1; }
.mobile-menu.is-fading, .search-menu.is-fading { opacity: 0; }

/* Slideshow (reemplaza Cycle2) */
.cycle-slideshow.cs-ready { display: grid; position: relative; overflow: hidden; }
.cycle-slideshow.cs-ready > .cs-slide { grid-area: 1 / 1; align-self: center; justify-self: center; opacity: 0; visibility: hidden; transition: opacity var(--cs-speed, 1000ms) ease, visibility 0s linear var(--cs-speed, 1000ms); }
.cycle-slideshow.cs-ready > .cs-slide.cs-active { opacity: 1; visibility: visible; z-index: 1; transition: opacity var(--cs-speed, 1000ms) ease, visibility 0s; }
section.destacados-portada div.cycle-slideshow.cs-ready > .cs-slide { justify-self: stretch; }
.cycle-pager span:focus-visible { outline: 2px solid #2e426d; outline-offset: -8px; }

/* Carrusel de noticias (reemplaza bxSlider) */
.nh-carousel { position: relative; z-index: 1; width: 95%; max-width: 95%; margin: 0 auto 30px; /* +30 del h3 siguiente: en flex los márgenes no colapsan */ padding-left: 0; padding-right: 0; }
.nh-viewport { overflow: hidden; }
.nh-carousel ul.noticias-home { display: flex; gap: var(--nh-gap, 30px); padding: 0; margin: 0; list-style: none; transition: transform .5s ease; will-change: transform; }
.nh-carousel ul.noticias-home > li { flex: 0 0 var(--nh-item, 300px); width: var(--nh-item, 300px); }
.nh-prev, .nh-next { position: absolute; top: 50%; width: 32px; height: 32px; margin-top: -16px; border: 0; padding: 0; opacity: .4; cursor: pointer; z-index: 2; background: url(images/controls.png) no-repeat; }
.nh-prev { left: -4%; background-position: 0 -32px; }
.nh-next { right: -4%; background-position: -43px -32px; }
.nh-prev:hover, .nh-prev:focus-visible { background-position: 0 0; }
.nh-next:hover, .nh-next:focus-visible { background-position: -43px 0; }
.nh-pager { position: absolute; left: 0; right: 0; bottom: -60px; text-align: center; }
.nh-pager button { width: 10px; height: 10px; margin: 0 5px; padding: 0; border: 0; border-radius: 5px; background: #666; text-indent: -9999px; overflow: hidden; cursor: pointer; vertical-align: middle; }
.nh-pager button.active, .nh-pager button:hover, .nh-pager button:focus-visible { background: #000; }
.nh-carousel [hidden] { display: none !important; }

/* Lightbox (reemplaza Fancybox) */
dialog.cb-lightbox { padding: 0; border: 0; background: transparent; max-width: 90vw; max-height: 90vh; overflow: visible; }
dialog.cb-lightbox::backdrop { background: rgba(0, 0, 0, .8); }
.cb-lightbox-body img { display: block; max-width: 90vw; max-height: 90vh; width: auto; height: auto; }
.cb-lightbox-body.is-video { width: min(90vw, calc(90vh * 16 / 9)); aspect-ratio: 16 / 9; }
.cb-lightbox-body.is-video iframe { width: 100%; height: 100%; border: 0; display: block; }
.cb-lightbox-close { position: absolute; top: -36px; right: 0; opacity: 1; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*Colapsables*/

.panel-heading [data-bs-toggle="collapse"].collapsed:after{
    content: "+ ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}
.panel-heading [data-bs-toggle="collapse"]:after {
    content: "- ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}


div.panel-group { margin-top: 30px; margin-bottom: 60px;}
div.panel-group div.panel-default { box-shadow: none; border: none; border-radius: 0; }
div.panel-group div.panel-default div.panel-heading {  background: none; border: none; border-top: 1px solid #CCC; padding:15px 15px;}
div.panel-group div.panel-default div.panel-heading h4 { font-size: 18px; font-weight: 700;}
div.panel-group div.panel-default div.panel-heading h4 a { display: block;}
div.panel-group div.panel-default div.panel-heading h4 a:hover  { text-decoration: none; }
div.panel-group div.panel-default div.panel-heading h4 a:focus  { text-decoration: none; }
div.panel-group div.panel-default ul.list-group { padding-left: 0; border-radius: 0; box-shadow: none;}
div.panel-group div.panel-default ul.list-group li { padding-left: 20px; list-style: none; margin: 10px; font-size: 12px;}
div.panel-group div.panel-default ul.list-group li a { color:#000; opacity: 0.8; text-decoration: none;}
div.panel-group div.panel-default ul.list-group li a:hover { color:#000; opacity: 0.8; text-decoration: none;}



@media (min-width: 1200px) {
    .col-xl-5ths { flex: 0 0 auto; width: 20%; }
}
/* <768: en BS3 la columna no flotaba y el margen del último elemento colapsaba con el de la columna */
@media (max-width: 767.98px) {
    .col-xl-5ths > .ccontenido-caracteristica :last-child { margin-bottom: 0; }
}

html {
	scroll-behavior: smooth;
}

html {height: 100%;}
body {padding:0; margin:0; font-family: 'Roboto', sans-serif; line-height: 180%; font-size: 16px;
	/*background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(234,243,247,1) 100%); background-repeat: no-repeat; height: 100%; */color: #2e426d;}
body.home {background: none;}

a.btn-leer-mas {background-color: #23408f; color: #FFF; padding: 2px 5px; width: fit-content; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin-top: 25px; margin-bottom: 5px;  margin-right: 15px; font-size: 14px; font-weight: 300; display: inline-block;}

span.epigrafe {position: absolute; top:30px; right:45px; width: fit-content; background-color: rgba(0,0,0,0.5); color: white; font-size: 10px; padding: 3px 6px; display: inline-block; line-height: 100%;}section.destacados-portada div.cycle-slideshow div p span {position: absolute; top:30px; right:45px; width: fit-content; background-color: rgba(0,0,0,0.5); color: white; font-size: 10px; padding: 3px 6px; display: inline-block; line-height: 100%;}

h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; font-weight: 600;}
h2 {margin-bottom: 240px; background-color: #2e426d; color: #FFF; padding: 10px 10px; margin-top: -240px; width: fit-content;     letter-spacing: 2px; text-transform: uppercase; font-size: 24px; }

body.page-id-2 h2, body.parent-pageid-2 h2 {background-color: #d52d1e;}
body.page-id-12 h2 {background-color: #6fb6d4;}
body.page-id-43 h2, body.archive h2, body.search h2 {background-color: #ffcd1d; color: #2e426d;}
body.page-id-45 h2, body.category h2 {background-color: #69b04e; color:#FFF;}
body.page-id-378 h2 {background-color: #2e426d; }
body.page-id-381 h2 {background-color: #d52d1e; }

h3.h3-box {background-color: #2e426d; color: #FFF; padding: 10px 10px; width: fit-content; letter-spacing: 2px; text-transform: uppercase;     text-align: center; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; font-size: 16px;}
h3.h3-box a {color: #FFF;}

p {margin-bottom:30px;}
a {}

header {padding: 30px 0 0; border-bottom: 1px solid #eaf3f7; background-color: #FFF;}
header h1 {margin: 0; width: 300px; height:  80px; margin-bottom: 10px;}
header h1 a {display: block; text-indent: -9000px; background-size: contain; background-position: center left; background-repeat: no-repeat; background-image: url(https://corredorbioceanico.portablehost3.net/cms/wp-content/uploads/2024/10/CBC_ID_WEB2.png); width: 100%; height:  100%;}

header.language-es h1 a {background-image: url(https://corredorbioceanico.portablehost3.net/cms/wp-content/uploads/2024/10/CBC_ID_WEB2.png)}
header.language-br h1 a {background-image: url(https://corredorbioceanico.portablehost3.net/cms/wp-content/uploads/2024/10/CBC_ID_WEB2.png)}
header.language-en h1 a {background-image: url(https://corredorbioceanico.portablehost3.net/cms/wp-content/uploads/2024/10/CBC_ID_WEB2.png)}

.container-top-menu {text-align: right;}

ul.top-menu {padding-left: 0; height: 20px; display: inline-block;}
ul.top-menu li {list-style: none; float: right; margin: 0 5px; font-size: 10px; color: #999; font-family: 'Montserrat', sans-serif;}
ul.top-menu li a {opacity: 0.6; color:#666; text-transform: uppercase;     border-right: 1px solid #888;
    padding-right: 10px;}
ul.top-menu li a:hover {opacity: 1; text-decoration: none;}

ul.language-chooser {padding-left: 0; height: 20px;  display: inline-block;}
ul.language-chooser li {list-style: none; float: left; margin: 0 5px; font-size: 10px; color: #999; font-family: 'Montserrat', sans-serif;}
ul.language-chooser li a {opacity: 0.6; color:#666; text-transform: uppercase;}
ul.language-chooser li a:hover {opacity: 1; text-decoration: none;}
ul.language-chooser li.active a {opacity: 1; background-color: #AAA;
    padding: 6px;
    border-radius: 50%;
    color: #FFF;
    font-weight: 600;}

ul.menu-desktop {padding-left: 0; margin-top: -10px; float: right; }
ul.menu-desktop li {list-style: none; float: left; font-size: 12px;}
ul.menu-desktop li a {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600; padding: 4px 12px; color: #FFF; letter-spacing: 1px;}
ul.menu-desktop li a:hover {text-decoration: none;}

ul.menu-desktop li.page-item-2 a {background-color: #d52d1e;}
ul.menu-desktop li.page-item-2 a b.caret { border-top: 4px solid #FFF;}


ul.menu-desktop li.page-item-29 a {background-color: #2e426d;}
ul.menu-desktop li.page-item-12 a {background-color: #6fb6d4;}
ul.menu-desktop li.page-item-43 a {background-color: #ffcd1d; color: #2e426d;}
ul.menu-desktop li.page-item-45 a {background-color: #69b04e; }
ul.menu-desktop li.page-item-378 a {background-color: #2e426d; }
ul.menu-desktop li.page-item-381 a {background-color: #d52d1e; }

ul.menu-desktop li.page_item_actividades a {background-color: #2e426d;}


ul.menu-desktop li a.btn-search {color:#999; font-size: 20px; cursor: pointer;}
ul.menu-desktop li a.btn-search i {width: 20px;}
div.search-menu {width: 100%; background-color: #FFF; padding: 30px 0; position: absolute; z-index: 10000; top: 100px; left:0;}
body.search .bg-image-programa {margin-bottom: 0;}

b.caret { border-top: 4px solid #2e426d;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #d52d1e; padding-bottom: 15px;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-2 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}

ul.menu-desktop li.page-item-12 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #6fb6d4; padding-bottom: 15px;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-12 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}
ul.menu-desktop li.page-item-12 b.caret { border-top: 4px solid #FFF;}

ul.menu-desktop li.page-item-45 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #69b04e; padding-bottom: 15px;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li a {color: #FFF;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li a:hover { opacity:1; color:#FFF; background: none; background-image:none;}
ul.menu-desktop li.page-item-45 ul.dropdown-menu li:hover { opacity:1; color:#FFF; background: none;}
ul.menu-desktop li.page-item-45 b.caret { border-top: 4px solid #FFF;}

ul.menu-desktop .dropdown:hover .dropdown-menu {
    display: block;
  }

ul.menu-desktop li.page-item-43 ul.dropdown-menu li { display:block; width:100%;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu { border:none; margin-top:-4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0; z-index:3000; background-color: #ffcd1d; padding-bottom: 15px;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li a {color: #2e426d;
    opacity: 0.7; text-decoration: none; font-size: 11px; text-transform: none; font-weight: 600; padding: 8px 13px;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li a:hover { opacity:1; color:#2e426d; background: none; background-image:none;}
ul.menu-desktop li.page-item-43 ul.dropdown-menu li:hover { opacity:1; color:#2e426d; background: none;}

/*Menu Phone*/

a.btn-top-menu { height:50px; width:50px; cursor:pointer; position:absolute; top:30px; right:30px; color:#2e426d; font-size:36px; text-align:center; z-index: 10; display: none;}
a#boton-cerrar-menu {}

div.mobile-menu { position:absolute; top:100px; left:0; width:100%; background-color:rgba(255,255,255,1); z-index:10000; text-align:center;height: 200vh;}
div.mobile-menu ul { margin:0; text-align: left; padding-left: 0; margin-top: 30px;}
div.mobile-menu ul li { font-size:18px; padding:10px 0; margin-left:0; list-style:none; text-align:center;}
div.mobile-menu ul li a { font-family: 'Montserrat', sans-serif; padding: 4px 14px; letter-spacing: 1px; color:#FFF; text-transform: uppercase; font-weight: 600; opacity:1;}
div.mobile-menu ul li a:hover {text-decoration: none; opacity:1;}
div.mobile-menu ul li ul li:last-child { border-bottom:none;}
div.mobile-menu div.social-icons { text-align:center;}

div.mobile-menu ul li.page-item-2 a {background-color: #d52d1e;}
div.mobile-menu ul li.page-item-12 a {background-color: #6fb6d4;}
div.mobile-menu ul li.page-item-43 a {background-color: #ffcd1d; color: #2e426d;}
div.mobile-menu ul li.page-item-45 a {background-color: #69b04e;}
div.mobile-menu ul li.page-item-378 a {background-color: #2e426d; }
div.mobile-menu ul li.page-item-381 a {background-color: #d52d1e; }

div.mobile-menu ul li.page_item_actividades a {background-color: #2e426d;}

div.mobile-menu a.btn-search {color: #666;}

div.mobile-menu ul.top-menu {padding-left: 0; height: auto; display: block;}
div.mobile-menu ul.top-menu li {list-style: none; float: none; margin: 0 0; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif; text-align: center;}
div.mobile-menu ul.top-menu li a {opacity: 1; color:#999; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; padding: 0 30px; font-size: 16px; text-align: center; display: block;}
div.mobile-menu ul.top-menu li a:hover {opacity: 1; text-decoration: none;}

div.mobile-menu ul.language-chooser {padding-left: 0; height: auto;  display: block; margin-bottom: 30px; text-align: center;}
div.mobile-menu ul.language-chooser li {list-style: none; display: inline-block; margin: 0 5px; font-size: 16px; color: #999; font-family: 'Montserrat', sans-serif; float: none;     min-width: 50px;}
div.mobile-menu ul.language-chooser li a {opacity: 1; color:#999; text-transform: uppercase; font-weight: 300;}
div.mobile-menu ul.language-chooser li a:hover {opacity: 1; text-decoration: none;}
div.mobile-menu ul.language-chooser li.active a {opacity: 1; color: #FFF; background-color: #999; border-radius: 50%; padding: 5px; font-size: 14px;}

div.social-icons { text-align:center; padding-top:34px;}
div.social-icons a { display:inline-block; margin:15px; font-size:12px; color:#666; opacity:0.8;}
div.social-icons a:hover { color:#AAA; opacity:1; text-decoration: none;}
div.social-icons a i { font-size:32px;}

div.placa-header-container {position: absolute; top: 120px; left: 0; height: 30px; z-index: 1000;}
div.placa-header {position: relative;}
div.placa-header:before {    content: '';
    position: absolute;
    top: 0;
    left: 0;
	border-top: 30px solid #fff;
    border-right: 30px solid transparent;
	width: 480px;}

div.placa-header-container-right {position: absolute; top: 492px; right: 480px; height: 30px; z-index: 1000;}
div.placa-header-right {position: relative;}
div.placa-header-right:before {    content: '';
    position: absolute;
    top: 0;
    left: 0;
	border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
	width: 480px;}

body.home div.placa-header-container-right {display: none;}

section.destacados-portada {height: 500px; width: 100%; background-color: #EBEBEB;}
section.destacados-portada div.cycle-slideshow div {height: 500px; width: 100%; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover;}
section.destacados-portada div.cycle-slideshow div p {position: relative; width: 100%; height: 500px;}
section.destacados-portada div.cycle-slideshow div p span {position: absolute; top:30px; right:45px; width: fit-content; background-color: rgba(0,0,0,0.5); color: white; font-size: 10px; padding: 3px 6px; display: inline-block; line-height: 100%;}
h4.cita-destacados-portada {text-align: center; margin: 30px auto 60px; color: #333; font-size: 24px; width: 60%; line-height: 180%; font-family: 'Roboto', sans-serif;}
h4.cita-destacados-portada span {display: block; font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 14px;     line-height: 190%;
    margin-top: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;}

.container-cifras-1 { padding: 15px 30px; color:#FFF; background-color: #d52d1e; }
.container-cifras-2 { padding: 15px 30px; color:#FFF; background-color: #6fb6d4; }
.container-cifras-3 { padding: 15px 30px; color:#FFF; background-color: #ffcd1d; }
.container-cifras-4 { padding: 15px 30px; color:#FFF; background-color: #69b04e; }

.container-cifras-1 , .container-cifras-2 , .container-cifras-3 , .container-cifras-4 {     
	min-height: 220px;
    margin-bottom: 30px;
    padding: 30px 30px 0 30px;
    text-align: center;}

.container-cifras-1 h3, .container-cifras-2 h3, .container-cifras-3 h3, .container-cifras-4 h3 { margin-top: 0; margin-bottom: 15px; font-size: 24px;}

.container-cifras-1 p, .container-cifras-2 p, .container-cifras-3 p, .container-cifras-4 p {font-family: 'Libre Baskerville', serif; font-style: italic; font-size: 14px; line-height: 140%;}

section.container-video-gris {padding: 40px 0; width: 100%; background-color: #ebe5d0;}

.bg-image-programa {min-height: 400px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-bottom: 30px; position: relative; }

.container-text-page p {margin-bottom: 30px;}
.container-text-page h3 {margin-bottom: 30px;}
.container-text-page figcaption {margin-bottom: 30px; font-size: 13px; line-height: 150%; margin-top: 10px; }
.container-text-page p.fuente {font-size: 13px;}

.section-noticias-home {background-color: #EBEBEB; padding: 30px 0 60px 0; width: 100%;}

ul.noticias-home li {background-color: #FFF;}

section.buscador-documentos-home {padding: 30px 0 90px 0; width: 100%; background-color: #ffcd1d; color: #2e426d; text-align: center;}
.buscador-documentos-home form {float: none; margin-top: 10px; width: 100%; margin-bottom: 15px}
.buscador-documentos-home form input#s {    width: 80%;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;}
.buscador-documentos-home form button#searchsubmit {border: none; background:none;}


h4.titulo-dimension {text-transform: uppercase; font-size: 18px;
    font-weight: bold;}
h4.titulo-dimension-1 {color:#65812c;}
h4.titulo-dimension-2 {color:#6dabc5;}
h4.titulo-dimension-3 {color:#955926;}


/*Caracteristicas*/
.ccontenido-caracteristica {font-size: 14px; opacity: 0.8; line-height: 150%;}
.ccontenido-caracteristica ul {padding-left: 10px; margin: 15px 0;}

/*Single*/
h4#categoria-single {
	background-color: #2e426d; position: absolute; margin-top: -280px;
    color: #FFF;
    padding: 5px 5px;
    width: fit-content;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 300;}



/*Compartir Page*/
div.compartir { clear: both; margin: 60px 0; width: 100%; display: block; padding-top: 60px;  text-align:center; border-bottom: 1px solid #CCC; padding-bottom: 60px;}
div.compartir p { display: inline-block; margin-bottom: 15px; vertical-align: sub;}
ul.menu_social {  display: inline-block;}
ul.menu_social li { display: inline-block; margin: 0 7px;}
ul.menu_social li a { color: #FFF; text-decoration: none; border-radius: 30px; width: 30px; height: 30px; text-align: center; display: block;}
ul.menu_social li a i { font-size: 14px; vertical-align: middle;}
.menu_social li.email a{background-color:#000}
.menu_social li.facebook a{background-color:#3b5998}
.menu_social li.twitter a{background-color:#00aced}
.menu_social li.whatsapp a{background-color:#25D366}
.menu_social li.linkedin a{background-color:#0e76a8}

/*Category*/
body.page-id-45 {background-color: #EBEBEB;}
body.page-id-45 div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}
.repeat-noticias {min-height: 480px; margin-bottom: 30px; background-color: #FFF;}
.repeat-noticias h4  {background-color: #2e426d; color: #FFF; padding: 5px 5px; width: fit-content; letter-spacing: 1px; text-transform: uppercase;     text-align: center; margin-top: 5px; margin-bottom: 5px; margin-left: 15px; margin-right: 15px; font-size: 12px; font-weight: 300;}

.repeat-noticias h3 {font-size: 18px; margin-left: 15px; margin-right: 15px;}
.repeat-noticias h3 a {color: #2e426d}
.repeat-noticias h3 a:hover {text-decoration: none;}
.repeat-noticias p.fecha-noticia {font-style: italic;}
.thumb {background-color: #EBEBEB; margin-bottom: 15px; height: 240px; overflow: hidden;}
.thumb a {background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%;}
.repeat-noticias p {font-size: 14px; line-height: 140%; margin-left: 15px; margin-right: 15px;}
p.fecha-noticia {font-family: 'Libre Baskerville', serif; font-style: italic;}

/*Plan Maestro*/

#datos-tecnicos {background-color:#EBEBEB; padding-top:60px;}
#datos-tecnicos h3 {margin: 40px 0 10px 0;
    font-weight: 600;
    font-size: 23px; }

/*Videos*/
.thumb-video {position: relative;}
.thumb-video i {    position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 24px; text-align: center;}

/*Documentos*/
/*body.page-id-43 {background-color: #EBEBEB;}
body.page-id-43 div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}*/
.repeat-documento {margin-bottom: 5px; border-radius: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCC; padding-top: 15px;}
.repeat-documento:hover {}
.repeat-documento h3 {margin-top: 0; margin-bottom: 0; font-size: 16px;}
.repeat-documento h3 a {color: #666; display: block; width: 100%; margin-bottom: 20px;}
.repeat-documento h3 a i { display: inline-block; margin-bottom: 5px; font-size: 48px; vertical-align: text-top; margin-right: 10px; float: left;}
.repeat-documento h3 a:hover {text-decoration: none; color: #333;}
.repeat-documento h3 span {font-size: 14px; margin-bottom: 0; color:#666;  font-style: italic; display: inline-block; margin-top: 10px; font-weight: 400; }

/*body.archive {background-color: #EBEBEB;}
body.archive div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}

body.search {background-color: #EBEBEB;}
body.search div.placa-header-right:before {border-bottom: 30px solid #EBEBEB;}*/

.filters {/*border: 1px solid #CCC;*/ margin-bottom: 15px; border-radius: 10px;}
.filters form {float: none; width: 100%; margin-right: -40px; }
.filters form input#s {    width: 80%;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;}
.filters form button#searchsubmit {border: none; background:none;}
select.categories {padding: 15px; display: block; margin: 10px 0 30px 0; font-size: 15px; border:1px solid #CCC; border-radius: 5px; background-color: #FFF; max-width: 100%; overflow: hidden; text-overflow: ellipsis; width: 90%; }
h3.title-archive {margin-bottom: 0; margin-top: -24px; font-size: 32px;}

/*Sidebar Recursos*/
ul.sidebar-recursos {padding-left: 0; border: 1px solid #CCC; border-radius: 10px; padding: 15px;}
ul.sidebar-recursos li {list-style: none; border-radius: 5px;}
ul.sidebar-recursos li a {display: block; padding: 5px; color: #666; border-radius: 5px;}
ul.sidebar-recursos li a:hover {background-color: #EBEBEB; text-decoration: none;}
ul.sidebar-recursos li.current-cat a {background-color: #EBEBEB;}
ul.sidebar-recursos li.current-cat ul li a {background-color: #FFF;}

.container-documentos {padding: 30px; border-radius: 10px; border: 1px solid #CCC;}

/*ul.sidebar-recursos .dropdown-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: none;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0 rgba(0,0,0,.175);
}*/



/*Search*/
body.search .repeat-documento h3 a {color:#23408f; font-size: 20px; margin-bottom: 0;}
body.search .repeat-documento p {color:#666; opacity: 0.9;}
body.search .repeat-documento span.fecha-noticia {color:#666; opacity: 0.6; font-size: 12px; display: block;}
body.search .repeat-documento p.antetitulo {font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    opacity: 1;
    color: #23408f;}
body.search .filters form {margin-left: 10%;}
body.search .container > .row.filters {margin-bottom: 35px;} /* BS3: separación extra por floats */
input[type=radio], input[type=checkbox] {
    margin: 20px 3px 5px 20px;
    display: inline-block;
    margin-top: 1px \9;
	line-height: normal;}



/*Select Segunda Categoria*/
body.post-type-archive-documento select#cat2 {}
body.term-informes select#cat2 {}
body.term-mapas select#cat2 {}
body.term-estadisticas select#cat2 {}


/*Category*/
body.category {background-color: #FFF;}
body.category .repeat-noticias {min-height: auto;}
body.tag .repeat-noticias {min-height: auto;}



/*Actividad*/

.repeat-actividad {margin-bottom: 5px; border-radius: 5px; padding-bottom: 5px; border-bottom: 1px solid #CCC; padding-top: 5px;}
.repeat-actividad:hover {}
.repeat-actividad h3 {margin-top: 0; margin-bottom: 0; font-size: 18px;}
.repeat-actividad h3 a {color: #666;}
.repeat-actividad h3 a i { display: inline-block; margin-bottom: 5px; font-size: 20px; vertical-align: unset; margin-right: 10px;}
.repeat-actividad h3 a:hover {text-decoration: none; color: #333;}
.repeat-actividad h3 span {font-size: 12px; margin-bottom: 0; color:#999; font-family: 'Libre Baskerville', serif; font-style: italic; }
.repeat-actividad p {margin: 30px 0; font-size: 14px; color: #666;  line-height: 140%;}


/*Videos*/
body.category-27 .repeat-noticias {min-height: 420px;}

/*Conoce el Corredor*/

section.section-antecedentes {padding-bottom: 60px;}
section.section-antecedentes ul {padding-left: 30px;}
section.section-antecedentes ul li {margin-bottom:15px;}
section.section-antecedentes h3 {margin: 30px 0; font-weight: bold; font-size: 28px;}
div.thumb-antecendentes {background-attachment: scroll;
    background-position: -400px center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;}

section.section-paises {padding-bottom: 20px; background-color: #e1e1e3; text-align: center;}
section.section-paises h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}

section.section-origen {padding-bottom: 60px; padding-top: 60px;}
section.section-origen h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px;}
div.thumb-origen {background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 400px;}

section.section-territorios {padding-bottom: 30px; background-color: #f6f6f6; text-align: center;}
section.section-territorios h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}
.repeat-territorio {text-align: center; margin-bottom: 60px;}
.repeat-territorio h4 {text-align: center; margin-bottom: 30px; margin-top: 30px; font-size: 22px; height: 48px;}
.repeat-territorio p {text-align: center; margin-top: 0;}
.repeat-territorio p a {width: 50%; display: block; padding: 3px; font-size: 12px; color: #FFF; background-color: #999; border-radius: 5px; text-decoration: none; opacity: 0.5; margin: 0 auto;}
.repeat-territorio p a:hover {opacity: 1;}
.repeat-territorio div {width:100%; height: 240px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: 89%; background-color: #FFF;}

section.section-objetivos {padding-bottom: 60px; background-color: #e1e1e3;}
section.section-objetivos h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 60px;}
section.section-comite {padding-bottom: 60px; padding-top: 60px;}
section.section-comite h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px;}
div.thumb-comite {background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 400px;}
section.section-hitos {padding-bottom: 60px; background-color: #e1e1e3; padding-top: 60px;}
section.section-hitos h3 {margin-bottom: 30px; font-weight: 400; font-size: 32px; text-align: center; margin-top: 0;}
.content-hitos {padding: 30px; background-color: #FFF;}
.repeat-pais {text-align: center; margin-bottom: 30px;}
.repeat-pais h4 {text-align: center; margin-bottom: 30px; margin-top: 30px; font-size: 28px;}
.repeat-pais p {text-align: center; margin-top: 0;}
.repeat-pais p a {width: 50%; display: block; padding: 3px; font-size: 12px; color: #FFF; background-color: #999; border-radius: 5px; text-decoration: none; opacity: 0.5; margin: 0 auto;}
.repeat-pais p a:hover {opacity: 1;}
.repeat-pais div {width:100%; height: 140px; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #FFF;}

.container-text-page ul {margin-bottom: 30px;}
.container-text-page ul li {margin-bottom: 10px;}

/*Construye el Corredor*/
.container-text-page h4 {line-height: 140%; font-size: 20px; margin-bottom: 30px;}
body.page-id-12 .container-text-page h4 {line-height: 140%; font-size: 20px; margin-bottom: 30px;}
.social-icons-construye {margin-bottom: 120px;}
.social-icons-construye a { display: inline-block; margin: 10px; font-size: 36px; color: #999; opacity: 0.8;}
.social-icons-construye a:hover {opacity: 1;}

/*Mapa Ilustrado*/
.map-container {width: 100%; height: 80vh; background-color: #EBEBEB; position: relative; overflow: hidden; box-sizing: border-box; cursor: move;}

body.page-id-994 div.placa-header-right {display: none;}

#drag_puntos {width: 5000px; position: relative; z-index: 100; height: 2472px;     background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;     top: -1200px;
    left: -200px;}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
a.punto-mapa{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

a.punto-mapa {position: absolute; display: block; border-radius: 20px; width: 20px; height: 20px; background-color: #333; z-index: 1000; cursor: pointer;}
body.page-id-994 .popover {border-radius: 0; --bs-popover-border-radius: 0; --bs-popover-inner-border-radius: 0; --bs-popover-max-width: 276px;}
body.page-id-994 .popover-header {font-weight: bold; background-color: #FFF; padding: 8px 8px 8px; margin: 0; font-size: 16px; font-family: 'Montserrat'; font-weight: bold; line-height: 18px; border-bottom: none; color: #444;}
body.page-id-994 .popover-body {line-height: 130%; font-size: 12px; padding: 0px 8px 8px; color: #444;}
a.popover-ver-mas {margin: 10px 0; background-color: #444; color: #FFF; border-radius: 2px; padding: 3px 6px; text-transform: uppercase; width: fit-content; display: inline-block; font-size: 8px;}


body.page-id-994 .titulo-page-994 {position: absolute; background-color: #FFF; border-radius: 5px; padding: 30px; bottom: 0; right: 60px; z-index: 2000;}
body.page-id-994 .titulo-page-994 h2 {color: #2e426d; margin-top: 0; margin-bottom: 5px; background-color: #FFF; padding: 0; font-weight: 700;}
body.page-id-994 .titulo-page-994 p {color: #2e426d; font-size: 14px;}
body.page-id-994  a.btn-participa {color: #2e426d; font-size: 24px; display: block;
    width: fit-content;
    background-color: #FFF;
    border-radius: 12px;
    text-align: center;
    padding: 15px 30px;
    LINE-HEIGHT: 130%;
    position: fixed;
    font-weight: 900;
    left:30px;
    bottom: 90px;
    z-index: 100;}
body.page-id-994 .modal-dialog {max-width: 90%;}
body.page-id-994 .modal-body .container {max-width: 100%;}
body.page-id-994 .modal-body {padding: 0;}

body.page-id-994 .modal-body p {margin-bottom: 10px;}

div.image-participa { height: 80vh; background-attachment: scroll; background-image: url(https://corredorbioceanico.org/cms/wp-content/uploads/2021/04/modal.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
div.form-container {padding: 15px;}

form.wpcf7-form {padding: 0; border-radius: 0; border: 1px solid #FFF; background-color: #FFF; margin-bottom: 0;}
form.wpcf7-form label {width: 100%;}
form.wpcf7-form label span {display: block; margin-bottom: 5px;}
form.wpcf7-form input, form.wpcf7-form textarea {padding: 10px; border-radius: 5px; border:1px solid #999; width: 100%; color: #666;}
form.wpcf7-form input.wpcf7-submit { color: #FFF; border:none; background-color: #2e426d; margin-top: 10px; display: block; }
.wpcf7 form.sent .wpcf7-response-output { background-color: #46b450; border: none; padding: 20px; color: #FFF;}

/*Links de Interes*/

body.page-id-378 div.panel-group { margin-top: 30px; margin-bottom: 60px;}
body.page-id-378 div.panel-group div.panel-default { box-shadow: none; border: none; border-radius: 0; }
body.page-id-378 div.panel-group div.panel-default div.panel-heading {  background: none; border: none; border-top: 1px solid #CCC; padding:15px 15px;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 { font-size: 18px; font-weight: 700; margin-bottom: 0;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a { display: block; color: #2e426d;
    font-size: 20px;}
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a:hover  { text-decoration: none; }
body.page-id-378 div.panel-group div.panel-default div.panel-heading h4 a:focus  { text-decoration: none; }
body.page-id-378 div.panel-group div.panel-default ul.list-group { padding-left: 0; border-radius: 0; box-shadow: none;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li { padding-left: 20px; list-style: none; margin: 10px; font-size: 12px;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li a { color:#000; opacity: 0.8; text-decoration: none;}
body.page-id-378 div.panel-group div.panel-default ul.list-group li a:hover { color:#000; opacity: 0.8; text-decoration: none;}

.panel-heading [data-bs-toggle="collapse"].collapsed:after{
    content: "+ ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}
.panel-heading [data-bs-toggle="collapse"]:after {
    content: "- ";
    float: right;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}


/*Rueda de Negocios*/

body.page-id-663 table {border: 1px solid #CCC;
    margin-bottom: 30px;}

/*Negocios*/

.repeat-negocio {padding: 30px 0;}
.container-text-page .repeat-negocio p { margin-bottom: 10px;}
.container-text-page .repeat-negocio h3 { margin-bottom: 10px;}
.container-galeria {height: auto; margin-bottom: 120px;}
/* Pager Slider */
.cycle-pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; margin-top: 30px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; font-size: 60px; width: 40px; height: 40px; margin: 0 0;
    display: inline-block; color: #CCC; cursor: pointer; opacity: 0.6;
}
.cycle-pager span.cycle-pager-active { color: #CCC; opacity: 1;}
.cycle-pager > * { cursor: pointer;}


/*Footer*/

section.subscribe {padding: 60px 0; width: 100%; background-color: #FFF;}
section.subscribe form input#fieldEmail {display: inline-block; margin: 10px; width: 300px; border-radius: 2px; border:1px solid #CCC; padding: 5px 10px;}
section.subscribe button {border-radius: 2px; border:none; background-color: #666; color: #FFF; display: inline-block; margin: 10px; padding: 5px 10px;}

footer {text-align: center; color: #999; font-size: 11px; padding: 0 0 60px 0; background-color: #004f75;}
.logo-footer {width: 50%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; margin-top: 76px; border: 4px solid #FFF;}

.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 75%; height: auto; margin: 30px auto;}

ul.menu-footer {padding-left: 0; height: 20px; margin-top: 70px; text-align: center;}
ul.menu-footer li {list-style: none; display: inline-block; margin: 0 10px; font-size: 12px; color: #59abc7; font-family: 'Montserrat', sans-serif;}
ul.menu-footer li a {opacity: 0.6; color:#FFF; text-transform: uppercase;}
ul.menu-footer li a:hover {opacity: 1; text-decoration: none;}

div.social-icons-footer {text-align: center; margin: 60px 0;}
div.social-icons-footer a {display: inline-block; margin: 20px; color: #59abc7; opacity: 0.8;}
div.social-icons-footer a i {font-size: 20px;}
div.social-icons-footer a:hover {opacity: 1;}

/* Large desktop */
@media (min-width: 1200px) {

	div.container {max-width: 98%;}
	header h1 {width: 340px;}

}

/* Desktop 1024 */
@media (min-width: 1140px) and (max-width: 1199px) {

	div.container {max-width: 98%;}
	ul.menu-desktop li a {padding: 4px 10px; font-size: 11px;}
	ul.menu-desktop {float: right;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1139px) {

	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
    ul.menu-desktop li {list-style: none; float: left; font-size: 9px;}

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {

	header h1 {margin: 0; width: 360px; height:  80px; margin-bottom: 10px;}
	header h1 a {background-size: contain;}
	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
	div.placa-header-container {left:0}
	div.placa-header:before {width: 200px;}
	div.placa-header-container-right {right: 200px;}
	div.placa-header-right:before {width: 200px;}

	h4.cita-destacados-portada {width: 95%;}

.logo-footer {width: 90%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; float: none; margin-top: 80px;}
.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 90%; height: auto; margin: 30px auto;}
ul.menu-footer {padding-left: 0; height: 20px; margin-top: 80px;}
ul.menu-footer li {list-style: none; float: none; margin: 0 10px; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif;}

}

/* Landscape phones and down */
@media (max-width: 480px) {

	header h1 {margin: 0; width: 300px; height:  80px; margin-bottom: 10px;}
	header h1 a {background-size: contain;}
	header ul.menu-desktop {display: none;}
	header ul.language-chooser {display: none;}
	header ul.top-menu {display: none;}
	a.btn-top-menu {display: block}
	div.placa-header-container {left:0}
	div.placa-header:before {width: 200px;}
	div.placa-header-container-right {right: 200px;}
	div.placa-header-right:before {width: 200px;}

	h4.cita-destacados-portada {width: 95%;}

.logo-footer {width: 90%; height: auto; margin-top: 60px;}
.banderas-footer {width: 120px; height: auto; float: none; margin-top: 80px;}
.container-logos-footer {text-align: center;}
.container-logos-footer img.logos-footer {width: 90%; height: auto; margin: 30px auto;}
ul.menu-footer {padding-left: 0; height: auto; margin-top: 80px;}
ul.menu-footer li {list-style: none; float: none; margin: 0 10px; font-size: 12px; color: #999; font-family: 'Montserrat', sans-serif;}

}



ul.sidebar-recursos li {
    list-style: none;
    border-radius: 5px;
    display: block;
    padding: 5px;
    color: #666;
    border-radius: 5px;
}
ul.sidebar-recursos li a {
    color: #666;
    display: inline;
	padding-left: 20px;
}
ul.sidebar-recursos li a:hover{
  background-color: transparent;
  text-decoration: none;
}
ul.children{
  height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:all 0.33s ease;
}
.has-children{
  position: relative;
}
.has-children::before{
  content: "";
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 14px;
    width: 10px;
    height: 1px;
    background: #666;
    opacity: 0.5;
    transition:all 0.33s ease;
    transform: rotate(45deg);
}
.has-children::after{
  cursor: pointer;
  content: "";
  position: absolute;
  top: 20px;
  right: 6px;
  width: 10px;
  height: 1px;
  background: #666;
  opacity: 0.5;
  transition:all 0.33s ease;
  transform: rotate(-45deg);
}
.has-children:hover::after{
transform: rotate(45deg);
}
.has-children:hover::before{
transform: rotate(-45deg);
}
ul.sidebar-recursos li:hover .children{
  height:auto;
  max-height:900px;
  opacity:1;
}
ul.sidebar-recursos li:hover .children .children{
  height:0;
  max-height:0;
  opacity:0;
  overflow:hidden;
}
ul.sidebar-recursos li:hover .children li:hover .children{
  height:auto;
  max-height:900px;
  opacity:1;
}
select{
  border: 1px solid #666;
    border-radius: 5px;
    display: block;
    width: calc(100% - 10px);
    margin: 5px;
    margin-top:15px;
    padding: 5px 3px;
}