/*
Theme Name: Foro Presidencia
Theme URI: https://
Author: Colnodo
Author URI: https://colnodo.apc.oeg
Description: Tema para el sitio web Foro Presidencia.
Version: 1.0
*/

/*@charset "utf-8";
 CSS Document */
 /*.container {
    max-width: 1400px!important; 
}*/
.nunito-sans-<nunito> {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style:normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

html{
	scroll-behavior: smooth;	
}
body {
font-family: "Nunito Sans", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  color:#333539;
      }
h1{
	font-size:calc(36px + (48 - 36) * ((100vw - 300px) / (1600 - 300)));
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif"
	
}
h2{
	font-weight: 900;
  	font-style: normal;
	font-size:calc(36px + (48 - 36) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom:50px;
	font-family: "Nunito Sans", sans-serif;
	color:#4470A8;
}
h3{
	font-weight: 900;
	font-size:calc(28px + (40 - 28) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	margin-bottom:40px;
	letter-spacing: -1px;
	color:#4470A8;
}
h4{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));
}
h5{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
}
h6{
	font-weight: 700;
  	font-style: normal;
	font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}
p, li{
	font-size:16px;
	font-weight: 500;
	line-height:1.5;
	 font-family: "Nunito Sans", sans-serif;
}
a{
	color:#0f6fae;
	text-decoration:none;	
}
a:hover, a:focus{
	color:#0032A1;
	text-decoration:none;
	-moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.btn-principal{
    color: #fff!important;
    background-color: #4470A8;
    border-color: #4470A8;
	padding:12px 25px;
	font-weight:600;
	display: inline-block!important;
	border-radius:5px;
}
.btn-principal a:hover, .btn-principal a:focus{
    color: #fff!important;
    background-color: #1E2D5E!important;
    border-color: #1E2D5E!important;
}

a.btn-principal, .btn-principal a {
    color: #fff!important;
    background-color: #4470A8;
    border-color: #4470A8;
	padding:15px 25px;
	font-weight:600;
	font-size:14px;
	display: inline-block!important;
	border-radius:5px;
}
a.btn-principal:hover, a.btn-principal:focus,
.btn-principal a:hover, .btn-principal a:focus{
    color: #fff!important;
    background-color: #1E2D5E!important;
    border-color: #1E2D5E!important;
}

.btn-carrusel, .btn-carrusel a {
    color: #fff!important;
    background-color: #4470A8;
    border-color: #4470A8;
	padding:12px 35px;
	font-weight:600;
	font-size:18px;
	font-family: "Nunito Sans", sans-serif;
	text-transform: uppercase;
	flex-basis:auto;
	width:auto;	
}
.btn-carrusel:hover, .btn-carrusel:focus,
.btn-carrusel a:hover, .btn-carrusel a:focus{
    color: #fff!important;
    background-color:#1E2D5E!important;
    border-color: #1E2D5E!important;
}
.btn-ejes {
    background: #569890;
    border: 2px solid #569890;
    font-weight: 400;
    color: #fff;
    padding: 12px 50px;
}
.btn-ejes:hover,
.btn-ejes:focus{
   background: #4470A8;
background: -webkit-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: -o-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: linear-gradient(to right, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
    border: 2px solid #569890;

}
.btn-volver{
	background: #4470A8;
    padding: 15px 50px;
	font-weight:500;
    color: #fff;
    border-radius: .25rem;
	display: inline-block!important;
}
.btn-volver:hover,
.btn-volver:focus{
	background: #1E2D5E;
	color:#fff;
}
.grande{
	font-size:125%;
padding-bottom:10px;
}
.salmon{
	color:#4470A8;
}

/* +++++++++++++++++++++++++++++++++++
 * E N C A B E Z A D O               + 
 * ++++++++++++++++++++++++++++++++++*/	

nav.navbar img{
	width:calc(60px + (80 - 60) * ((100vw - 300px) / (1600 - 300)));
	margin-top:-30px;
}
li.nav-item{
	font-weight:700;
}
a.nav-link.revista{
	background: #4470A8;
background: -webkit-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: -o-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: linear-gradient(to right, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
	color:#fff!important;
	border-radius:8px;
}
a.nav-link.revista:hover,
a.nav-link.revista:focus{
	background:#4470A8;
	color:#fff!important;
}
.navbar-light .navbar-nav .nav-link {
	color:#0C3E5F;
}
.redes-sociales{
	text-align:right;
}
.redes-sociales ul {
	text-align:right;
	list-style: none;
	padding:0 0 0 0!important;
	margin:0 0 0 0!important;
	float:right;
	display:flex;
}
.redes-sociales ul li{
}
a.ico-x{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-x.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-x:hover, a.ico-x:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-x.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-yt{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-yt.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-yt:hover, a.ico-yt:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-ig.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-ig{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-ig.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-ig:hover, a.ico-ig:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-ig.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-fb{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-fb.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-fb:hover, a.ico-fb:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-fb.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-tiktok{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-tiktok.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-tiktok:hover, a.ico-tiktok:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-tiktok.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-busquedas{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-busquedas.svg") top left no-repeat;
	display:block;
	background-size:cover;
	margin-right:15px;
}
a.ico-busquedas:hover, a.ico-busquedas:focus{
	width:25px;
	height:25px;
	background: url("../foro-presidencia/images/ico-busquedas.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
.dropdown-item {
    white-space:normal!important;
}

/***traductor*/


/* +++++++++++++++++++++++++++++++++++
 * C A R R U S E L                   + 
 * ++++++++++++++++++++++++++++++++++*/	
#EncabForo .carousel-inner{
	height:85vh;
	background: #436DA8 url("../foro-presidencia/images/libros-mesa.jpg") center center no-repeat;
	background-size:cover;
	padding-top:60px;
}
.carousel-caption {
    position:inherit!important;
    padding: 0px 20px 0px 20px;
    padding-bottom: 1.25rem;
    
}
.carousel-caption h2.tit-publicacion{
    font-size:calc(26px + (45 - 26) * ((100vw - 300px) / (1600 - 300)));
    color: #fff;
    text-align: left;
}
.carousel-caption h2.texto-publicacion{
    font-family: "Nunito Sans", sans-serif;
	color: #fff;
    text-align: left;
	font-size:calc(19px + (26 - 19) * ((100vw - 300px) / (1600 - 300)));
	font-weight:500!important;
}
.carousel-item .portada-ini{
}
.carousel-item .portada-ini img{
	max-height:420px;
}
/* +++++++++++++++++++++++++++++++++++
 * T A G L I N E                     + 
 * ++++++++++++++++++++++++++++++++++*/	
.tagline{
	padding: 50px 0 80px 0;
	background: #E4E5E5 url("../foro-presidencia/images/bg-tagline.svg") bottom no-repeat;
	background-size:contain;
}
.tagline h2{
	font-weight: 600!important;
	line-height:1.4;
	color:#000;
	font-family: "Nunito Sans", sans-serif;
	font-size:calc(21px + (30 - 21) * ((100vw - 300px) / (1600 - 300)));
}
/* +++++++++++++++++++++++++++++++++++
 * F O R O  E N  A C C I O N          + 
 * ++++++++++++++++++++++++++++++++++*/	

section.foro-en-accion{
	padding:50px 0 80px 0;
}
.nota-principal{
	position:relative!important;
}
.nota-principal img.img-cuadrada{
	aspect-ratio: 4 / 3;
	width:100%;
}
.nota-principal .titulo{
	position:absolute;
	padding:20px;
	background:rgba(0,0,0,0.60);
	color:#fff;
	bottom:0;
}
.nota-principal .titulo h4{
	font-size:calc(19px + (21 - 19) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	color:#fff;
}
.nota-principal .titulo h4 a{
	color:#fff;
}
.nota-principal .titulo h4 a:hover,
.nota-principal .titulo h4 a:focus{
	color:#9Df1e6;
}
.nota-principal .fecha{
	font-style: italic;
}
.otras-notas .card{
	border:0px solid transparent;
}
.otras-notas img{
	aspect-ratio: 4 / 3;
}
.otras-notas .card-body{
    padding: 0rem 1rem!important;
}
.otras-notas h4.card-title{
	font-weight: 800;
	font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}
.otras-notas p{
	color:#000!important;
	font-size:90%;
}
.todas{
	text-align:right;
	font-weight:900;
}
/* +++++++++++++++++++++++++++++++++++
 * R E V I S T A   F O R O           + 
 * ++++++++++++++++++++++++++++++++++*/	
.revista-foro{
	min-height:500px;
	padding:0px 0;
	background-color:#946B34;
	background-size:cover;
}
.revista-foro .pantalla{
	background-color: rgba(0, 0, 0, 0.5); /* negro con 65% de transparencia */
	height:100%;
	padding:80px 0;
	min-height:500px;
}
.revista-foro h3{
	color:#fff;
	padding:30px 0 20px 0;
	font-size:calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));
}
.revista-foro p{
	color:#fff;
	font-size:calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300)));
}
.btn-compra{ 
	background-color: #0C3E5F;
    border: 2px solid #0C3E5F;
	padding:20px 3px;
	line-height:1.2;
	font-size:95%!important;
	width: 100%
}
.btn-compra:hover,
.btn-compra:focus{ 
	background-color: #1575AA;
    border: 2px solid #1575AA;
	
}
.btn-descarga{ 
	background-color: transparent;
    border: 2px solid #fff;
	padding:20px 10px;
	line-height:1.1;
	font-size:95%!important;
}
.btn-descarga:hover,
.btn-descarga:focus{ 
	background-color: #4470A8;
    border: 2px solid #4470A8;
}
.btn-compra a span.compra,
.btn-descarga a span.compra{ 
	color: #fff!important;
    font-weight:600;
	font-size:calc(14px + (19 - 14) * ((100vw - 300px) / (1600 - 300)));
	font-family: "Nunito Sans", sans-serif;
	text-transform: uppercase;
	flex-basis:auto;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.btn-compra a span.edicion,
.btn-descarga a span.edicion{
	font-size:calc(11px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));
	font-weight:400;
	padding: 0 0 0 0!important;
	margin:0 0 0 0;
	color:#fff;
}
.btn-carrusel:hover, .btn-carrusel:focus,
.btn-carrusel a:hover, .btn-carrusel a:focus{
    color: #fff!important;
    background-color:#FF4262!important;
    border-color: #FF4262!important;
}
.compartir a{
	color:#fff;
}
.compartir a:hover,
.compartir a:focus{
	color:#CCA56F;
}

/* +++++++++++++++++++++++++++++++++++
 * N O B O T E   E L   V O T O       + 
 * ++++++++++++++++++++++++++++++++++*/	
section.no-bote{
	padding: 40px 0 80px 0;
	background:#fff;
}
.antetit{
	font-weight: 700;
  	font-style: normal;
	font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
	color:#000;
}
p.texto-camp{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height:1.4;
	margin-top:30px;
	color:#000;
}
a.btn-campanna {
    color: #fff!important;
    background-color:#4470A8;
    border-color:#4470A8;
	padding:15px 40px;
	font-weight:800;
	font-size:16px;
	border-radius:5px;
	margin: 0px 2px;
}
a.btn-campanna:hover, a.btn-campanna:focus{
    color: #fff!important;
    background-color: #0C3E5F!important;
    border-color: #0C3E5F!important;
}

/* +++++++++++++++++++++++++++++++++++
 * I M P A C T O                     + 
 * ++++++++++++++++++++++++++++++++++*/	
.impacto{
	padding: 150px 0 100px 0;
	background:#0C3E5F url("../foro-presidencia/images/bg-impacto.jpg") center center no-repeat;
	background-size:cover;
	min-height:600px;
	 background-attachment: fixed;
}
.cifras{}

.cifras .counter{
   margin-bottom:2rem;
} 
.cifras .count-title{
	color:#ffffff;
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif";
	font-style:normal;
    font-size:calc(55px + (70 - 55) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.cifras p.count-text{
    font-size:calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
	color:#fff;
    font-weight: normal;
	text-transform:normal;
    margin-top: 20px;
    text-align: center;
	padding:0 1.5rem;
	line-height:1.2;
		-ms-hyphens: none!important;
	-moz-hyphens: none!important;
	-webkit-hyphens: none!important;
	hyphens: none!important;
	text-align:center!important;
}

.pluspr.mostrar-plus:before {
  content: "+";
}
/* +++++++++++++++++++++++++++++++++++
 * M A P A                           + 
 * ++++++++++++++++++++++++++++++++++*/
.presencia-territorial{
	padding:80px 0;
}
.presencia-territorial .card,
.capitulos .card{
	background:#E8E9EC;
	border:none;
}
.presencia-territorial .card h4,
.capitulos .card h4{
	font-weight:800;
	padding-top:20px;
}
.presencia-territorial .card ul,
.capitulos .card ul{
	list-style:none!important;
	padding-left:0!important;
	margin-top:10px;
}
.presencia-territorial .card ul li,
.capitulos .card ul li{
	font-size: 110%;
	margin-bottom:8px;
}
.card.FRC{
	border-top:20px solid #539D67;
}
.card.FSO{
	border-top:20px solid #EE7364;
}
.btn-FRC {
    color: #fff;
    background-color: #539D67;
    border-color: #539D67;
}
.btn-FRC:hover,
.btn-FRC:focus{
    color: #fff;
    background-color: #386544;
    border-color: #386544;
}
.btn-FSO {
    color: #fff;
    background-color: #EE7364;
    border-color: #EE7364;
}
.btn-FSO:hover,
.btn-FSO:focus{
    color: #fff;
    background-color:#A04546;
    border-color: #A04546;
}
/* +++++++++++++++++++++++++++++++++++
 * A L I A D O S                     + 
 * ++++++++++++++++++++++++++++++++++*/	
.aliados{
	padding: 70px 0;
}
.aliados h3{
	text-align:center;
	text-transform:uppercase;
	font-weight: 700;
	font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	color:#0C3E5F;
}
 .owl-carousel .item {
      background: #999999;
      padding: 0px 0;
      text-align: center;
      color: white;
      font-size: 24px;
      border-radius: 12px;
    }

    /* Ajustes responsivos opcionales */
    @media (max-width: 768px) {
      .owl-carousel .item {
        font-size: 18px;
        padding: 20px 0;
      }
    }
/* +++++++++++++++++++++++++++++++++++
 * P I E                             + 
 * ++++++++++++++++++++++++++++++++++*/	
.pie{
	background:#151515;
	color:#fff;
	padding:50px 0;
}
.pie p{
	margin-bottom:0px!important;
	font-size:90%;
}
.redes-sociales-pie{
	text-align:left;
}
.redes-sociales-pie ul {
	text-align:center;
	list-style: none;
	padding:0 0 0 0!important;
	margin:0 0 0 0!important;
	display:inline;
}

.menu-pie{
	border-bottom: 1px solid #fff;;
}
.pie ul{
	display:inline-block;
	list-style: none;
	padding-left:0!important;
	}
.pie ul li{
	display:inline;
	list-style: none;
	font-size:90%;
	}
.pie a{
	color:#fff;
	}
.pie a:hover,
.pie a:focus{
	color:#6DBFB5!important;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++
 * S E C U N D A R I A S  + 
 * ++++++++++++++++++++++++++++++++++++++++++*/	

.encab-sec{
	background:#0C3E5F;
	color:#fff;
	background-size: cover;
    background-position: center;
	z-index:-1;
}
.intro{
	height:250px;	
}
.intro span{
	font-weight:500;
	font-size:calc(19px + (24 - 19) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:700;
	line-height:1.3;
	font-family: "Nunito Sans", sans-serif;
	color:#fff;
}

.atras{
	padding: 50px 0;
	text-align:right;
}
.bg-gris{
	background:#DCE3E8;
}
.bg-rosa{
	background:#FCE8E8;
}
.secundarias{
	padding:0px 0 0px 0;
}
/*.secundarias h4{
	text-transform:uppercase;
	font-weight: 700;
	font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	color:#0C3E5F;
	margin-bottom:60px;
}*/
.breadcrumb{
	margin-top:70px!important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++
 * Q U I E N E S   S O M O S  + 
 * ++++++++++++++++++++++++++++++++++++++++++*/	

.declaracion{
	background:#1E2D5E url("../foro-presidencia/images/bg-declaracion.jpg") top center no-repeat;
	background-size: cover;
	padding:90px 0 50px 0;
	color:#fff;
	margin-top:60px;
}
.declaracion h3{
	color:#fff;
	font-weight:800;
}
.estructura{
	padding-top:60px;
	padding-bottom:60px;
	border-bottom:1px solid #4470A8;
	margin-bottom:40px;
}
.accordion h4{
	margin-bottom: 0px;
    padding-top: 0px;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, .125);
}
.accordion-button:not(.collapsed) {
    color: #0C3E5F!important;
    background-color: #fff!important;
    box-shadow: none!important;
	font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	border-bottom:1px solid #0C3E5F;
}
.accordion-button {
    color: #333539!important;
    background-color: #fff!important;
    box-shadow: none!important;
	font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	border-bottom:1px solid #0C3E5F;
}
.accordion-body {
    background: #fff;
}
.accordion-body h4{
	font-size:calc(16px + (17 - 16) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:900!important;
	margin-bottom:0px!important;
}
.accordion-body li{
    margin-bottom:10px;
}
.accordion-body .card.card-body.miembro{
	border:0px transparent;
	background:#E8E9EC;
}
.img-grayscale {
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}

.img-grayscale:hover {
  filter: grayscale(0%);
}
.historia{
	background: #E9E7E7;
	padding:20px 0 70px 0;
}
.historia img{ 
	aspect-ratio: 4 / 3;
	width:100%;
}

#carruselAccesible{
	padding: 40px 0 80px 0;
}

#carruselAccesible p, 
#carruselAccesible li{
	font-size:0.95rem;
	font-weight: 400;
	line-height:1.5;
	 font-family: "Roboto", sans-serif;
}
#carruselAccesible small{
	font-size:0.8rem;
	line-height:1.2!important;
}
#carruselAccesible h4{
	color:#6B168B;
	margin-bottom:20px;
	text-transform:none;
}
#carruselAccesible .carousel-indicators [data-bs-target] {
   background-color: #6B168B;
}
#carruselAccesible .carousel-control-prev {
   	left:-20px!important;
	width:10%;
	color:red;
}
#carruselAccesible .carousel-control-prev-icon {
    background-image:url("../foro-presidencia/images/arrow-left.png")
}
#carruselAccesible .carousel-control-next-icon {
    background-image:url("../foro-presidencia/images/arrow-right.png")
}
.modal-body ul{
	padding-left:1rem!important;
}
.bg-ejes{background:#E4E5E5;
}
.ods{
	margin:100px 0 60px 0;
}
.ods h4.antetit{
	color:#565656!important;
	font-size:calc(19px + (19 - 19) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:500;
}
.ods h4{
	color:#565656!important;
}
.capitulos h4{
	margin-bottom:30px!important;
}
.convoc{
	padding:0px 0;
	background:#fff;
	border-radius:8px;
}
.convoc h3{
	color:#000;
	font-weight: 800!important;
    font-style: normal;
    font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom:5px;
}
.cada-convoc{
	
	padding:30px 0px 20px 20px;
	margin-bottom:20px;
	background:#E8E9EC;
	border-radius:8px;
}
img.img-modos{
	width:calc(80px + (110 - 80) * ((100vw - 300px) / (1600 - 300)));
	margin-right:15px;
}
.otros-modos{
	background:#e4e5e5;
	border-radius:10px;
	border:0px transparent;
}
.otros-modos .card-header{
	background:#4470A8;
	border:0px transparent;
	color:#fff;
	padding:20px 15px;
	font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
	font-weight:900;
	border-radius:10px 10px 0 0;
}
.otros-modos .card-body{
	padding:0 0 0 0!important;
}
.otros-modos .cada-modo{
	padding: 1rem;
	border-bottom: 2px solid #fff;
	font-weight:800;
	display:inline;
	font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}
.otros-modos img{
	width:50px;
	aspect-ratio:1 / 1;
	margin-right:10px;
}
.proy-ejec{
	position:relative!important;
}
.proy-ejec img.img-cuadrada{
	aspect-ratio: 1 / 1;
	width:100%;
}
.proy-ejec .titulo{
	position:absolute;
	padding:20px;
	background:rgba(0,0,0,0.60);
	color:#fff;
	bottom:0;
}
.proy-ejec .titulo h4{
	font-size:calc(19px + (21 - 19) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	color:#fff;
	margin-bottom:10px;
	text-transform: none!important;
}
.proy-ejec .titulo h4 a{
	color:#fff;
}
.proy-ejec .titulo h4 a:hover,
.proy-ejec .titulo h4 a:focus{
	color:#9Df1e6;
}
.proy-ejec .fecha{
	font-style: italic;
}
a .card-body.transp {
	background:#569890;
	color:#fff;
	border-radius:8px;
}
a .card-body.transp:hover,
a .card-body.transp:focus{
	background:#4470A8;
	color:#fff;
	border-radius:8px;
}
.card-body.transp h3{
	font-size:calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:600!important;
	display:inline-flex;
	margin-bottom:0!important;
}
.card-body.transp h3{
	color:#fff!important;
}
.destacado{
	background:#e4e5e5;
	padding:1.5rem 1rem;
	border-radius:8px;
}
.row.campanas-sec h4{
	font-weight:800!important;
	margin-bottom:40px;
}
.offcanvas {
background:#335B8D;
	color:#fff;
}
.offcanvas-start {
width: 300px;
max-width: 100%;
}
.fixed-top {
    position: fixed;
    top: 250px;
    left: -65px;
    z-index: 1030;
}
.offcanvas .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
}
.btn-nobote{
   background: #335B8D;
background: -webkit-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: -o-linear-gradient(left, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
background: linear-gradient(to right, rgba(68, 112, 168, 1) 0%, rgba(86, 152, 144, 1) 100%);
    border: 2px solid #569890;
    font-weight: 700;
    color: #fff;
    padding: 15px 20px;
	border-radius: 0 0 8px 8px ;display:inline-block!important;
	transform: rotate(-90deg)!important;
}
.btn-nobote:hover,
.btn-nobote:focus{
    background: #1E2D5E;
    border: 2px solid #1E2D5E;
    font-weight: 700;
    color: #fff;
}
.offcanvas ul{
padding-left:0!important;
}
.offcanvas ul li{
	list-style:none;
	margin:15px 0;
	text-transform:uppercase;
	padding-left:0;
	padding-right:0;
	font-size:calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
	
}
.offcanvas ul li a{
	color:#7FCEE2;
	padding:10px 20px;
	display:block;
}
.offcanvas ul li a:hover,
.offcanvas ul li a:focus,
.offcanvas ul li a.activo{
	color:#fff;
	padding:10px 20px;
	background:#1E2D5E;
	border-radius:10px;
}
.card-escanea h3{
	font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:700!important;
	text-align:center;
	margin-bottom:0px!important;
	color:#272727;
}
.card-escanea h3 span.escanea-candidato{
	font-size:calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:900!important;
	text-align:center;
	margin-bottom:0px!important;
	color:#4470A8;
}
.card-escanea .card-header{
	text-align:center;
	border:0px transparent;
}
.card-escanea img{
	max-width: 190px;
	margin:0px auto;
}
.card-escanea .card-body,
.publicaciones .card{
	background:#F7F7F7;
}
.card-header.img-publicacion {
    padding: 0rem 0rem!important;
    margin-bottom: 0;
    background-color: #E4E5E5;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
	display:flex;
	align-items: center
}
.publicaciones .card,
.eventos .card{
	border-radius:10px;
}
.publicaciones .card h4{
	font-weight:900;
	color:#4470A8;
	margin-bottom:0px;
	text-transform: uppercase;
	text-align:left;
	font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
}

.publicaciones .card h4 a{
	color:#0C3E5F;
}
.publicaciones .card h4 a span{
	font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:500;
}
.publicaciones .card h4 a:hover,
.publicaciones .card h4 a:focus{
	color:#4470A8;
}
.publicaciones span.descarga-public a{
	font-size:14px;
	padding:8px 14px;
	color:#fff;background:#569890;
	border-radius: 5px;
}
.publicaciones span.descarga-public a:hover,
.publicaciones span.descarga-public a:focus{
	color: #4470A8;
	border:1px solid #4470A8;
}
.columna-destacada{
	background:#EEEEEE;
	padding:30px;
	border-radius:10px;
}
.columna-destacada .tit{
	border-bottom:1px solid #494949;
}
.columna-destacada h3{
	margin-bottom:5px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-weight:900;
	color:#494949;
	font-size: calc(21px + (28 - 21) * ((100vw - 300px) / (1600 - 300)));
	padding-bottom:15px;
}
.columna-destacada h3 a{
		color:#0C3E5F;
}
.columna-destacada h3 a:hover,
.columna-destacada h3 a:focus{
		color:#335B8D!important;
}
.columna-destacada img{
	margin-top:10px;
}
.tipo-evento{
	width:100%;
	padding:8px 10px;
	background:#4470A8;
	color:#fff;
	font-weight:700;	
}
.fecha-evento{
	font-size:calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)))!important;
	margin-bottom:20px;
}
.eventos .card h4{
	font-weight:800;
	color:#4470A8;
	margin-bottom:0px;
	text-transform:none;
	text-align:left;
	font-size:calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)))!important;
	margin-top: 15px;
}
img.img-evento{
	aspect-ratio: 4 / 3
}

.eventos .card h4 a{
	color:#0C3E5F;
}
.eventos .card h4 a span{
	font-size:calc(12px + (13 - 12) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:500;
}
.eventos .card h4 a:hover,
.eventos .card h4 a:focus{
	color:#4470A8;
}























/* +++++++++++++++++++++++++++++++++++
 * 	QUIENES SOMOS 
 * ++++++++++++++++++++++++++++++++++*/


/* +++++++++++++++++++++++++++++++++++
 * EQUIPO DE TRABAJO 
 * ++++++++++++++++++++++++++++++++++*/	

.equipo-trabajo{
}
.img-thumbnail {
    padding: .25rem;
    background-color: #8EA6B5;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    max-width: 100%;
    height: auto; 
}
.funcionario{
	padding:0 20px;
	margin-bottom:30px;
}
.funcionario a{
	cursor:pointer;
}
.funcionario h4{
	text-align:center;
	font-weight: 600!important;
	font-size:calc(17px + (19 - 17) * ((100vw - 300px) / (1600 - 300)));
	color:#0C3E5F;
	margin-top:20px;
	margin-bottom:10px;
}
.funcionario p{
	text-align:center;
	font-weight: 500;
	font-size:calc(13px + (14 - 13) * ((100vw - 300px) / (1600 - 300)))!important;
	color:#666;
	margin-top:10px;
	text-transform: uppercase;
	line-height:1.2;
}

.secundarias .modal .modal-body{
}
.secundarias .modal .modal-body,
.secundarias .modal .modal-header{
	border-bottom: 0px solid transparent;
}
.secundarias .modal .modal-footer{
	border-top: 0px solid transparent;
}
.secundarias .modal .modal-body h5.modal-title{
	font-weight:700;
	color:#0C3E5F;
	margin-bottom:30px;
}
.equipo-trabajo h5{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(20px + (26 - 20) * ((100vw - 300px) / (1600 - 300)));
	line-height:1.4;
	margin-top:30px;
	color:#0C3E5F;
}
ul.socios{
	list-style:none;
	padding-left:15px;
	margin-left:0;
}
ul.socios li{
	margin-bottom:10px;
	font-weight:600;
	color:#0C3E5F;
}
ul.socios li span{
	
	font-weight:500;
	color:#5B5E67;
}
h5.n-socios{
	text-align:center;
	text-transform:uppercase;
	font-weight: 700;
	font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	color:#0C3E5F;
	margin-bottom:10px;
}
/* +++++++++++++++++++++++++++++++++++
 * REDES Y ALIANZAS
 * ++++++++++++++++++++++++++++++++++*/	

.alianzas{
}
.cada-aliado{
	margin-bottom:25px;
}
/* +++++++++++++++++++++++++++++++++++
 * PERMANENCIA
 * ++++++++++++++++++++++++++++++++++*/	
.permanencia .card-body{
	padding: 0.5rem 1rem;
}
h5.doc-esal{
	font-size:18px;
	font-weight:600;
	color: #0C3E5F;
}
/* +++++++++++++++++++++++++++++++++++
 * EJES PROGRAMATICOS
 * ++++++++++++++++++++++++++++++++++*/	
.ejes{
	
}
.ejes .card{
	border-radius:10px;
}
.ejes h4{
	font-weight:900;
	color:#4470A8;
	margin-bottom:15px;
	text-transform: none!important;
	text-align:left;
	font-size:calc(24px + (36 - 24) * ((100vw - 300px) / (1600 - 300)))!important;
}
.foto-cada-proyecto {
    aspect-ratio:4 / 3;
    background-size: cover;
    background-position: center center;
}
/* +++++++++++++++++++++++++++++++++++
 * PROYECTOS
 * ++++++++++++++++++++++++++++++++++*/	
.proyectos{
	background:#DCE3E8;
}
.proyectos .card{
	border-radius:10px;
}
.proyectos .card h4{
	font-weight:700;
	color:#4470A8;
	margin-bottom:0px;
	text-transform: none;
	text-align:left;
	font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)))!important;
}

.proyectos .card h4 a{
	color:#4470A8;
}
.filtros-proy{
	background:#4470A8;
	padding:40px 0 60px 0;
}
.filtros-proy label{
	color:#fff;
}
.filtros-proy .btn-outline-light{
	border:2px solid #fff;
	padding-left:30px;
	padding-right:30px;
	font-weight:600;
}

/*+++++++++++++++++++++++++++++++++++
* CADA PROYECTO                     +
+++++++++++++++++++++++++++++++++++*/
.cada-proy{
}

/* +++++++++++++++++++++++++++++++++++
 * PUBLICACIONES
 * ++++++++++++++++++++++++++++++++++*/	

.filtros-public{
	background:#0C3E5F;
	padding:40px 0 60px 0;
}
.filtros-public label{
	color:#fff;
}
.filtros-public .btn-outline-light{
	border:2px solid #fff;
	padding-left:30px;
	padding-right:30px;
	font-weight:600;
}

/* +++++++++++++++++++++++++++++++++++
 * C A M P A Ñ A S
 * ++++++++++++++++++++++++++++++++++*/	
.campanas{
	background:#DCE3E8;
}
.campanas .card-footer{
	background:#fff;
	border-top:0px solid #fff;
}
/* +++++++++++++++++++++++++++++++++++
 * ELECCIONES TERRITORIALES
 * ++++++++++++++++++++++++++++++++++*/	
.elecciones{
	background:#fff;
}
.elecciones .carousel-item,
.elecciones .carousel-inner{
    height: auto!important;
}

.candidato .card{
	border:none!important;
}
.candidato h5{
	text-align:left;
	font-weight: 700!important;
	font-size:calc(19px + (23 - 19) * ((100vw - 300px) / (1600 - 300)));
	color:#0C3E5F;
	margin-top:20px;
	margin-bottom:10px;
}
.candidato p.slogan-candidato{
	text-align:left;
	font-weight: 600;
	font-size:calc(15px + (17 - 15) * ((100vw - 300px) / (1600 - 300)))!important;
	color:#666;
	margin-top:10px;
	text-transform: uppercase;
	line-height:1.2;
}
.filete{
	border-top:1px solid #8EA6B5;
	margin-top:15px;
	padding-top:15px;
}
.iconos-propuestas img{
	width:60px;
	text-align:center;
}
.iconos-propuestas h5{
	margin-top:0;
}
.iconos-propuestas h6{
	font-size:calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300)))!important;
	text-align:center;
	margin-top:10px;
}
/* +++++++++++++++++++++++++++++++++++
 * DESARROLLO SECUNDARIAS
 * ++++++++++++++++++++++++++++++++++*/
.desarrollo h3{
	text-align:left;
	text-transform:uppercase;
	font-weight: 700;
	font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	color:#0C3E5F;
	margin-bottom:30px;
}
.desarrollo h4{
	text-align:left;
	text-transform:none;
	font-weight: 700;
	font-size:calc(16px + (22 - 16) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
	color:#0C3E5F;
	margin-bottom:30px;
	padding-top:20px;
}

/* +++++++++++++++++++++++++++++++++++
 * RESULTADOS DE LA BUSQUEDA
 * ++++++++++++++++++++++++++++++++++*/

.capsula-nota {
    
    background-color: #fff !important;
    box-shadow: 0 0 6px 2px #cecece !important;
    margin: 0.8rem 0 !important;
}
.portada{
	width: 100% !important;
    height: 90% !important;
  }
.portada .img-nota {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}
.contenido{
	padding: 15px;
    box-sizing: border-box;
   }
.contenido h4{
	font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	border-bottom: 1px dotted #7E9199;
	padding-top:15px;
	padding-bottom: 8px;
	font-weight:400;
	margin-bottom:8px;
	color:#58355E;
}
.contenido h4 a{
	color:#58355E;
}
.contenido h4 a:hover,
.contenido h4 a:focus{
	color:#05A8AA;
}
.contenido .fecha{
	font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
	color:#05A8AA;
}
.contenido p{
	font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
}
.contenido .continuar a{
	font-weight:600;
	font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
	color: #0E8986;
}
.contenido .continuar a:hover,
.contenido .continuar a:focus{
	text-decoration:none;
	color: #58355E;
}

i.fa.fa-search{
	color:#252525;
}

 /* search start  */
.searching{}
a.search-open{color:#666; margin-right:0px;}
.contactenos a{color:#666;}


/************/

.search-inline {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
    top: 3rem;
	right:20px;
    height: 10%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: #efefef;
    z-index: 9;
    transition: all .5s ease-in-out;
}

.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown 0.4s ease-in-out;
    height:3rem;
}

.search-inline button[type="submit"] {
    position: absolute;
    right: 52px;
    top: 0;
    background-color: transparent;
    border: 0px;
    top: 0;
    right: 60px;
    padding: 0px;
    cursor: pointer;
    width: 60px;
    height: 99%;
    background: #4470A8;
    color: #fff;
}

.search-inline .form-control {
    border: 0px;
    padding-left: 0.5rem;
    font-size: 1rem;
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    width: 99%;
    font-weight: 400;
    outline: none;
	border: 1px solid #4470A8;;
            border-radius: .25rem;
            transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.search-inline .search-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #4470A8;
    width: 60px;
    height: 100%;
    text-align: center;
    display: table;
    background: #efefef;
    text-decoration: none;
}

.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle;
}

.search-inline i.fa.fa-search{
	color:#ffffff!important;
}


        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translate3d(0, -20%, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(0, 0, 0);
            }
        }
/************/
/* +++++++++++++++++++++++++++++++++++
 * Media Query para tabletas (≥ 768px) 
 * ++++++++++++++++++++++++++++++++++*/	

@media ( min-width: 768px ) {
.revista-foro .pantalla{
	background-color: rgba(0, 0, 0, 0); /* sin transparencia para EQUIPOS DE ESCRITORIO */
	height:100%;
	padding:80px 0;
	min-height:500px;
}
	.bg-ejes{background:#ffffff;}
}
.offcanvas-md {
    position: fixed;
    transform: none;
    visibility: visible;
	left:0;
    width: 300px;
  }
 .offcanvas-backdrop {
    display: none !important;
  }
/* +++++++++++++++++++++++++++++++++++
 * Media Query para pantallas grandes (≥ 992px) 
 * +++++++++++++++++++++++++++++++++++++*/	

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 1.5rem;
   padding-left: 1.5rem;
}
.dropdown-menu.show {
  display: block;
  min-width: 15rem;
}
#EncabForo .carousel-inner{
	height:70vh;
}
.carousel-caption {
   position:inherit!important;
   padding-bottom: 1.25rem;   
}
.search-inline {
    width: 40%;
	}

}

/***traductor*/

/* Estilos para el elemento del traductor en el menú */
.menu-item-gtranslate {
    display: flex;
    align-items: center;
    margin-left: 0rem;
	padding-left:0rem;
	background-image: url("./images/ico-google.png");
	background-position: left center;
	background-size: 23px 23px;
	background-repeat:no-repeat;
}

.gt_selector.notranslate {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: transparent !important; 
    background-color: transparent !important;
    border: none !important;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem !important; 
    letter-spacing: 0px !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333539' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 12px;
    width: 30px; 
    height: 40px; 
	margin-right:20px;
    
    transition: all 0.3s ease;
}

.gt_selector.notranslate:hover,
.gt_selector.notranslate:focus {
    color: #29979D !important;
    outline: none !important;
}

.gt_selector.notranslate option {
    background-color: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* Ocultar elementos innecesarios del traductor */
.goog-te-gadget,
.goog-te-combo,
#google_translate_element2 {
    display: none !important;
}

/* Estilos Revista Foro */

.btn-publicacion {
  background: #0C3E5F;
  color: #fff;
}

.botones {
  border-top: 1px solid #8EA6B5;
}

/* Ajustes responsivos MAPA */
@media (max-width: 768px) {
    #mapaForoPresidencia {
       height: 500px !important;
     }
  }


/------adquiera la revista MRO nov 11 2025--------/

#compra-revista.revista-foro h3{
    color:#fff;
    padding:30px 0 20px 0;
    font-size:calc(28px + (35 - 28) * ((100vw - 300px) / (1600 - 300)));
}

#compra-revista.revista-foro p,

#compra-revista.revista-foro li{
    color:#fff;
    font-size:calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
}

#compra-revista.revista-foro p a,

#compra-revista.revista-foro li a{
    color:#fff;
    font-weight:700;
    text-decoration:underline;
}

#compra-revista.revista-foro p a:hover,

#compra-revista.revista-foro li a:hover,

#compra-revista.revista-foro p a:focus,

#compra-revista.revista-foro li a:focus{
    color:#D3C0AC;
    text-decoration:underline;
}