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


/*@charset "utf-8";
 CSS Document */
 .container {
    max-width: 1400px!important; 
}

.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
html{
	scroll-behavior: smooth;	
}
body {
font-family: "Raleway", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  color:#404246;
      }
h1{
	font-size:calc(36px + (48 - 36) * ((100vw - 300px) / (1600 - 300)));
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif"
	
}
h2{
	font-weight: 700;
  	font-style: normal;
	font-size:calc(28px + (36 - 28) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom:30px;
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif"
}
h3{
	font-weight: 700;
	font-size:calc(21px + (30 - 21) * ((100vw - 300px) / (1600 - 300)));
	padding-top:0px;
}
h4{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(22px + (26 - 22) * ((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: "Raleway", 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: #EA5F5A;
    border-color: #EA5F5A;
	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: #FF4262!important;
    border-color: #FF4262!important;
}

a.btn-principal, .btn-principal a {
    color: #fff!important;
    background-color: #EA5F5A;
    border-color: #EA5F5A;
	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: #FF4262!important;
    border-color: #FF4262!important;
}

.btn-carrusel, .btn-carrusel a {
    color: #fff!important;
    background-color: #EA5F5A;
    border-color: #EA5F5A;
	padding:12px 25px;
	font-weight:600;
	font-size:18px;
	font-family: "Raleway", sans-serif;
	text-transform: uppercase;
	flex-basis:auto;
	width:90%;	
}
.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;
}

.btn-volver{
	background: #EA5F5A;
    padding: 15px 50px;
	font-weight:500;
    color: #fff;
    border-radius: .25rem;
	display: inline-block!important;
}
.btn-volver:hover,
.btn-volver:focus{
	background: #EA8758;
	color:#fff;
}
.btn-publicacion{
	background: #0C3E5F;
    color: #fff;
}
.btn-publicacion:hover,
.btn-publicacion:focus{
	background: #1575AA;
	color:#fff;
}
a.btn-campanna {
    color: #fff!important;
    background-color:#0C3E5F;
    border-color:#0C3E5F;
	padding:15px 30px;
	font-weight:600;
	font-size:14px;
	border-radius:5px;
	margin: 0px 2px;
}
a.btn-campanna:hover, a.btn-campanna:focus{
    color: #fff!important;
    background-color: #1575AA!important;
    border-color: #1575AA!important;
}
.grande{
	font-size:125%;
padding-bottom:10px;
}
.salmon{
	color:#EA5F5A;
}

/* +++++++++++++++++++++++++++++++++++
 * 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;
}
.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("./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("./images/ico-x.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-yt{
	width:25px;
	height:25px;
	background: url("./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("./images/ico-ig.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-ig{
	width:25px;
	height:25px;
	background: url("./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("./images/ico-ig.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-fb{
	width:25px;
	height:25px;
	background: url("./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("./images/ico-fb.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-tiktok{
	width:25px;
	height:25px;
	background: url("./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("./images/ico-tiktok.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}
a.ico-busquedas{
	width:25px;
	height:25px;
	background: url("./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("./images/ico-busquedas.svg") bottom left no-repeat;
	display:block;
	background-size:cover;
}


/***traductor*/

/* Estilos para el elemento del traductor en el menú */
.menu-item-gtranslate {
    display: flex;
    align-items: center;
    margin-left: 1rem;
	padding-left:0.7rem;
	background-image: url("./images/ico-google.png");
	background-position: left center;
	background-size: 20px 20px;
	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; 
    
    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 para móviles */
@media (max-width: 991.98px) {
    .menu-item-gtranslate {
        margin: 0.5rem 1rem;
        width: calc(100% - 2rem);
    }
    
    .gt_selector.notranslate {
        width: 100% !important;
        padding: 0.75rem 1rem !important;
        border: 1px solid #CFBB6B !important;
        border-radius: 4px;
    }
}
.gt_selector.notranslate:invalid,
.gt_selector.notranslate[value=""] {
    color: #29979D !important; /* Color cuando muestra "Idioma" */
    opacity: 0.9;
}

.gt_selector.notranslate option:not([value=""]) {
    color: #333539 !important; /* Color normal para las opciones */
}

/* +++++++++++++++++++++++++++++++++++
 * C A R R U S E L                   + 
 * ++++++++++++++++++++++++++++++++++*/	
 .carousel-inner {
      height: 75vh;
    }

    @media (min-width: 768px) /*tabletas*/{
      .carousel-inner {height: 70vh;}
	  .carousel-caption {height:70vh;}
    }

 @media (min-width: 992px) /*escritorio*/ {
.carousel-inner {height: 79vh;}
.carousel-caption { padding-left: 175px!important; max-width: 600px!important;height:79vh;}
    }

.carousel-item {
      background-size: cover;
      background-position: center;
      height: 79vh;
    }
.carousel-caption {
      position: absolute;
      top: 0;
      left: 0px;
      bottom: 0;
      right: auto;
      padding: 2rem;
	  padding-left: 75px;
      background: #072335;
      background: -webkit-linear-gradient(left, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      background: -o-linear-gradient(left, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to right, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      width: 100%;
      max-width: 370px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: left;
	  height: 79vh;
    }

.carousel-caption h2{
      	font-weight:500!important;
		color: #fff;
    }
.curva{
	position:absolute;
	bottom:0;
	background-size:cover;
	width:100%;
	z-index:1000;
}
/* +++++++++++++++++++++++++++++++++++
 * T A G L I N E                     + 
 * ++++++++++++++++++++++++++++++++++*/	
.tagline{
	padding-top: 60px;
}
.tagline h3{
	font-weight: 500!important;
	line-height:1.4;
	color:#BC423D;
}
.tagline .bg{
	background:url("./images/bg-tagline.jpg") right center no-repeat;
	min-height: 450px;
	background-size: contain;
}

/* +++++++++++++++++++++++++++++++++++
 * R E V I S T A   F O R O           + 
 * ++++++++++++++++++++++++++++++++++*/	
.revista-foro{
	min-height:500px;
	padding:0px 0;
	background-color:#946B34;
	background-image: url("./images/imagen-AI-revista-foro.png");
	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;
	width:100%;
}
.btn-descarga:hover,
.btn-descarga:focus{ 
	background-color: #EA5F5A;
    border: 2px solid #EA5F5A;
}
.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: "Raleway", 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;
}
/* +++++++++++++++++++++++++++++++++++
 * C A M P O S   D E   A C C I O N   + 
 * ++++++++++++++++++++++++++++++++++*/	
.campos-accion{
	padding: 100px 0;
}
.campos-accion 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;
}
.campos-accion h4{
	font-weight: 700;
  	font-style: normal;
	font-size:calc(12px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));
	margin-top:30px;
}
/* +++++++++++++++++++++++++++++++++++
 * V I D E O                         + 
 * ++++++++++++++++++++++++++++++++++*/	
.video{
	padding: 100px 0;
	background:#fadedd;
}
.video h4{
	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;
}
/* +++++++++++++++++++++++++++++++++++
 * P U B L I C A C I O N E S         + 
 * ++++++++++++++++++++++++++++++++++*/	
.publicaciones-index{
	padding: 100px 0;
}
.publicaciones-index 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;
}
.capsula{
	margin-bottom:20px;
}
.capsula img{
	
}
.capsula h4{
	margin-top:15px;
	font-size:calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)));
	font-weight: 500;
	line-height:1.3;
	 font-family: "Raleway", sans-serif;
	text-align:center;
}
/* +++++++++++++++++++++++++++++++++++
 * I M P A C T O                     + 
 * ++++++++++++++++++++++++++++++++++*/	
.impacto{
	padding: 150px 0 100px 0;
	background:#0C3E5F url("./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: "+";
}

/* +++++++++++++++++++++++++++++++++++
 * 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%;
}
.menu-pie{
	border-bottom: 1px solid rgba(224,130,127,1.00);
}
.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:rgba(224,130,127,1.00)!important;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++
 * E N C A B E Z A D O - S E C U N A R I A S  + 
 * ++++++++++++++++++++++++++++++++++++++++++*/	

.encab-sec{
	height:40vh;
	background:#0C3E5F;
	color:#fff;
	background-size: cover;
    background-position: center;
	z-index:-1;
}
.superpuesta{
      position: absolute;
      top: 0;
      left: 0px;
      bottom: 0;
      padding: 2rem;
      background: #072335;
      background: -webkit-linear-gradient(left, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      background: -o-linear-gradient(left, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to right, rgba(7, 35, 53, 1) 50%, rgba(0, 0, 0, 0) 100%);
      width: 100%;
      width: 65%;
      text-align: left;
	  height: 40vh;
	z-index:1;
    }
.textos{
	position: absolute;
      top: 40%;
      left: 30%;
      transform: translate(-30%, -40%);
      color: white;
      text-align: left;
      z-index: 2;
	width:90%;
}
.encab-sec h2{
	font-size:calc(26px + (40 - 26) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:700;
	color:#fff;
	text-shadow: 2px 2px 3px #000;
}
.encab-sec h2.intro{
	font-weight:500;
	font-size:calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)))!important;
	font-family: "Raleway", sans-serif;
	color:#fff;
}
.encab-sec a.boton-encab{
	background:#EA5F5A;
	border-radius:8px;
	padding:12px 18px;
	color:#fff;
	position:absolute;
	bottom: 5%;
    right: 10%;
    text-align: left;
	font-weight:500;
    z-index: 10;
	max-width:200px;
	font-size:14px;
	line-height:1.2;
}
.encab-sec a.boton-encab:hover,
.encab-sec a.boton-encab:focus{
	background:#EA5878;
}
.atras{
	padding: 20px 0 50px 0;
	text-align:right;
}
.bg-gris{
	background:#DCE3E8;
}
.bg-rosa{
	background:#FCE8E8;
}
.secundarias{
	padding:0px 0 0px 0;
}
.secundarias h4{
	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:60px;
}
.breadcrumb{
	margin-top:70px!important;
}
/* +++++++++++++++++++++++++++++++++++
 * 	QUIENES SOMOS 
 * ++++++++++++++++++++++++++++++++++*/

.mision-vision{
	background:#DCE3E8;
	padding-bottom:50px;
}
.mision-vision .card{
	border-radius:10px;
	padding: 3rem 3rem 1.5rem 3rem;
}
.mision-vision .card h4{
	text-align:center;
	font-weight:700;
	color:#EA5F5A;
	margin-bottom:25px;
}
.areas-trabajo{
	padding:100px 0;
}

.areas-trabajo h5{
	font-weight: 500;
  	font-style: normal;
	font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
	text-align:center;
	color:#0C3E5F;
}
.areas-trabajo p{
	text-align:center!important;
	font-weight: 500!important;
	font-size:120%!important;
	color:#0C3E5F!important;
}
.areas-trabajo img{max-width:calc(110px + (165 - 110) * ((100vw - 300px) / (1600 - 300)));}

.borde-bajo{
	border-bottom:2px solid #DCE3E8;
}
.sist-gestion .card{
	background:#DCE3E8;
	border-radius:8px;
	border:1px solid #DCE3E8!important;
}
.sist-gestion .card h5{
	font-weight:700;
  	font-style: normal;
	font-size:calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
	text-transform:uppercase;
}
.sist-gestion a{
	color:#0C3E5F!important;
}
.sist-gestion .card img{
	max-height:170px;
}
/* +++++++++++++++++++++++++++++++++++
 * 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(16px + (18 - 16) * ((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: none;
	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{
	background:#FCE8E8;
}
.ejes .card{
	border-radius:10px;
}
.ejes .card h4{
	font-weight:700;
	color:#EA5F5A;
	margin-bottom:15px;
	text-transform: none;
	text-align:left;
	font-size:calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)))!important;
}
/* +++++++++++++++++++++++++++++++++++
 * PROYECTOS
 * ++++++++++++++++++++++++++++++++++*/	
.proyectos{
	background:#DCE3E8;
}
.proyectos .card{
	border-radius:10px;
}
.proyectos .card h4{
	font-weight:700;
	color:#EA5F5A;
	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:#EA5F5A;
}
.filtros-proy{
	background:#EA5F5A;
	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;
}

label.form-label{
	font-size:13px!important;
	color:#404246;
	font-weight:600;
}
.form-control {
    padding: .425rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #1E2D5E!important;
   }
input¨[type="number"].form-control {
    -moz-appearance: textfield;
}
.modal-header, .modal-body, .modal-footer{
	border:0px solid transparent!important;
}

/*+++++++++++++++++++++++++++++++++++
* CADA PROYECTO                     +
+++++++++++++++++++++++++++++++++++*/
.cada-proy{
}
.cada-proy .accordion h4{
	    margin-bottom: 0px;
    padding-top: 0px;
}
.cada-proy .accordion-button:not(.collapsed) {
    color: #0C3E5F!important;
    background-color: #fff!important;
    box-shadow: none!important;
}
.cada-proy .accordion-body {
    background: #fff;
}
.cada-proy .accordion-body li{
    margin-bottom:10px;
}

/* +++++++++++++++++++++++++++++++++++
 * PUBLICACIONES
 * ++++++++++++++++++++++++++++++++++*/	
.publicaciones{
	background:#DCE3E8;
}
.publicaciones .card{
	max-width: 660px;
	}
.publicaciones .card .card-body{
	padding:0rem 1rem;
	}
.publicaciones .card h4{
	font-weight:700;
	color:#EA5F5A;
	margin-bottom:0px;
	text-transform: none;
	text-align:left;
	font-size:calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300)))!important;
}

.publicaciones .card h4 a{
	color:#0C3E5F;
}
.publicaciones .card h4 a:hover,
.publicaciones .card h4 a:focus{
	color:#EA5F5A;
}
.publicaciones ul{
	padding-left:1rem!important;
}
.publicaciones ul li{
	list-style:none;
	margin-left:-1rem;
	font-size:calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
}
.botones{
	border-top: 1px solid #8EA6B5;
}
.publicaciones span.descarga-public a{
	font-size:14px;
	padding:8px 14px;
	color:#EA5F5A;
	border-radius: 5px;
}
.publicaciones span.descarga-public a:hover,
.publicaciones span.descarga-public a:focus{
	color: #EA5F5A;
	border:1px solid #EA5F5A;
}
.publicaciones span.apoyanos a{
	font-size:14px;
	padding: 8px 14px;
	background: #EA5F5A;
	color:#fff;
	border-radius:5px;	
}
.publicaciones span.apoyanos a:hover,
.publicaciones span.apoyanos a:focus{
	background:#EA5878;
}

.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;
}
.card-header.img-publicacion {
    padding: 0rem 0rem!important;
    margin-bottom: 0;
    background-color: #8EA6B5;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
	min-height:350px;
	display:flex;
	align-items: center
}
/* +++++++++++++++++++++++++++++++++++
 * 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;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1.2rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
	font-family: "Raleway", sans-serif;
	font-weight:700;
}

.accordion-item {
    border: 1px solid transparent;
}
.accordion-button:not(.collapsed) {
    color: #0C3E5F;
    background-color: #DCE3E8;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.accordion-button.collapsed{
	border-bottom:1px solid #8EA6B5;
}
.accordion-body{
	background:#DCE3E8;
}
.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;}

/* +++++++++++++++++++++++++++++++++++
 * PLANES COMPRA REVISTA 
 * ++++++++++++++++++++++++++++++++++*/	

.card.planes{
	background:#DCE3E8;
	border:0px transparent;
}
.card.planes .card-header{
	background:#0C3E5F;
	color:#fff;
	border:0px transparent;
}
.card.planes .card-header h4{
	background:#0C3E5F;
	color:#fff;
}
.card.planes .card-body h5.precio{
	color:#0C3E5F;
	font-size:calc(36px + (42 - 36) * ((100vw - 300px) / (1600 - 300)));
	margin-top:30px;
	font-weight:800;
}
.card.planes .card-body small.text-muted{
	color:#000000!important;
	font-weight:600;
	font-size:18px;
}
.card.planes .card-body h6{
	color:#000;
	font-size:calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
}
.card.planes .card-body p{
	color:#000;
	font-size:18px;
}

/* +++++++++++++++++++++++++++++++++++
 * CARRITO DE COMPRAS
 * ++++++++++++++++++++++++++++++++++*/

.compras h3.titulo-revista{
	font-family: "Raleway", sans-serif;
	font-size:calc(28px + (36 - 28) * ((100vw - 300px) / (1600 - 300)))!important;
	font-weight:700;
	color:#EA5F5A;
}
.compras p.text-muted{
	color:#404246!important;
}
.compras span.text-success{
	color:#404246!important;
	font-weight:700;
}
.compras button.btn.btn-primary.btn-lg{
	color: #fff;
  background-color: #EA5F5A;
  border-color: #EA5F5A;
	font-weight: 700!important;
}
p#resumen-nombre,
p#resumen-empresa,
p#resumen-direccion,
p#resumen-ubicacion,
p#resumen-correo,
p#resumen-telefono,
p#resumen-notas,
p#resumen-nombre-envio,
p#resumen-direccion-envio,
p#resumen-ubicacion-envio,
p#resumen-telefono-envio,
p#resumen-instrucciones,
p#resumen-tipo,
p#resumen-cantidad{
	font-size:14px!important;
	margin-bottom: 0.5rem!important;
}
p#resumen-nombre,
p#resumen-nombre-envio{
	font-weight:800!important;
}
.offcanvas-body .alert.alert-secondary{
	background:#f1f1f1!important;
}
.offcanvas-body .alert.alert-secondary h5{
	font-size:calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)));
	font-weight:800;
}
h6#resumen-precio-unitario {
  font-weight: 700;
  font-style: normal;
  font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.offcanvas-body h5{
	margin-bottom:0px!important;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
}
.offcanvas-body h4 {
  margin-bottom: 0px !important;
  font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
}
button[type="submit"].waybox-button{
	color: #fff;
    background-color: #EA5F5A;
    border-color: #EA5F5A;
    font-weight: 700 !important;
	padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem;
	display:inline-block;
	line-height:1.5;
	text-align:center;
	vertical-align:middle;
	border:1px solid transparent;
}
/************/

.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: #EA5F5A;
    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 #EA5F5A;;
            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: #EA5F5A;
    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;
}

        /*.form-control {
            display: block;
            width: 100%;
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            color: #495057;
            background-color: #efefef;
            background-clip: padding-box;
            border: 1px solid #efefef;
            border-radius: .25rem;
            transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
        }*/

        @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); /* negro con 65% de transparencia */
	height:100%;
	min-height:500px;
}
}

/* +++++++++++++++++++++++++++++++++++
 * Media Query para pantallas grandes (≥ 992px) 
 * +++++++++++++++++++++++++++++++++++++*/	

@media (min-width: 992px) {
li.nav-item{
	padding-left:1.25rem;
	padding-right:1.25rem;
	}
.btn-carrusel, .btn-carrusel a {width:70%;}
.revista-foro{
		background-size:cover;
	background-position: left;
}
.btn-compra{ 
	padding:20px 10px;
	line-height:1.2;
}
.btn-descarga{ 
	padding:20px 15px;
	line-height:1.2;
}
.superpuesta{
  width: 50%;
}
	.search-inline {
    width: 40%;}
}


/*RESULTADO DE LAS BUSQUEDAS*/
.resultado-busquedas .card h4{
    font-size:calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
    font-weight:600;
}
.bg-card{background:#F1F1F1;}

/------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;
}