/*@font-face {
  font-family: 'Open Sans';
  src: url('../css/fonts/OpenSans-VariableFont_wdth\,wght.ttf');;
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'Gotham Medium';
  src: url('/css/fonts/Gotham-Medium.woff');
  font-weight:  normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Light';
  src: url('/css/fonts/Gotham-Light.woff');
  font-weight:  normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Bolt';
  src: url('/css/fonts/Gotham-Bold.woff');
  font-weight:  normal;
  font-style: normal;
}
.gotham-bold{
  font-family: "Gotham Bolt";
}
.gotham-light{
  font-family: "Gotham Light" !important;
}
body{
  font-family: "Gotham Light";
}
main{
  padding: 0px;
  margin: 0px;
  width: 100%;
}

div.bloque1{
  padding:30px;  
  background-color: #D44B3B;
  background-image: url("/img/franja-blanca-1.jpg") ;
  background-repeat: repeat-x;
  background-position: bottom;
  
}
.display-inline{
  display: inline-block;
}

.relative{
 position : relative;
}
div.bloque1 p, div.bloque1 h2, div.bloque1 h3{
  text-align: left;
  color: #fff;
}
div.bloque1 img{
  max-width: 500px;
  width: 100%;  
  right: 50px;
  top: 40px;
}

.mt-6{
  margin-top: 6rem !important;
}
.mt-7{
  margin-top: 7rem !important;
}
h1{
  font-family: "Gotham Medium" !important;
}
h2 {
  font-family: "Gotham Medium" !important;
  text-transform: uppercase;
  font-size: 1.5em;
}
h3{
  font-family: "Gotham Medium" !important;
  font-size: 1.3em;
}
.open-sans-condensed{
  font-family: "Open Sans Condensed", sans-serif !important;
}
.open-sans{
  font-family: "Open Sans", sans-serif !important;
}
.rojo{
  color: #b2424d;
}
.violeta{
  color: #9485b0;
}
.text-violeta-claro{
  color:#9386b2 ;
}
.text-naranja{
  color:#e24b40;
}
.img-fluid--max-widht{
  max-width: 400px;
}
.uppercase{
  text-transform: uppercase;
}
.uppercase-none{
  text-transform: none;
}
p{
  
  /*color: #808080;*/
  color:#000;
  padding-bottom: 20px;
  margin-bottom: 0px;
  font-size: 14px;
}
p span{
  font-weight: 900;
}
li{
  font-size: 13px;
  list-style: none;
  margin-bottom: 11px;
  line-height: 22px;
}
a.efecto-opaco{
  transition: all 1s;
}
a.efecto-opaco:hover{
  opacity: 0.5;
}

ul.d44b3b li{
  list-style:disc !important;
}
.columnas-flex{
  display:flex;
  flex-direction:row;
}
div.fondo-rosa{
  background-color: rgb(244, 166, 167);
  
}
div.fondo-salmon{
  background-color: rgb(251, 148, 130);
  
}
div.fondo-turquesa{
  background-color: rgb(161, 172, 204);
  
}
h1.blanco, h2.blanco, h3.blanco, p.blanco, a.blanco, ul.blanco li{
  color: #fff;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-justify{
  text-align: justify;
}
.xl-sin-pr{
  padding-left: 0px;
  padding-right: 0px;
}
#carouselExampleSlidesOnly .carousel-caption{
  top:40%;
  left: 0;
  width: 100%;
  margin-left: 40px;
}

#carouselExampleSlidesOnly .carousel-caption h1{
  font-size: 7em;
  margin-bottom: 20px;
  text-align: left;
}
#carouselExampleSlidesOnly .carousel-caption h3{
  font-size: 3em;
  text-align: left;
}
.text-negro{
  color: #000;
}
.text-blanco{
  color: #fff;
}
.text-salmon{
  color:#f69383;
}
.text-rojo{
  color:red;
}
.text-bordo{
   color: #b2424d ;

}
.text-truquesa{
  color:#7f8aa9;
}
.text-gris{
  color: #747474
}
.text-gris-2{
  color: #d7cff0
}
.bg-bordo{
  background-color: #b2424d ;
}
.bg-rojo{
  background-color: #dd3333 ;
}
.bg-turquesa{
  background-color: #7f8aa9;
}

.banner{
  width: 100%;
  min-height: 600px;
  position: relative;
}
.banner .texto-banner{
  position: relative;
  top: 100px;
  left: 50px;
  max-width: 80%;
}
.banner .texto-banner h1{
  font-size:3.5vw;
}
.banner .texto-banner h2{
  font-size: 2vw;
  text-align: left;
  font-weight: 300;

}


ul.tilde li .fa{
  font-size: 10px;
}

ul.tilde li div.icon{
    display: inline;
    float: left;
}
ul.tilde li div.cont-li{  
  display: block;
  margin-left: 20px;
  
}

ul.circle li .fa{
  font-size: 10px;
  background: #f05858;  
  padding: 5px;
  border-radius: 10px;
  color: #fff;
}
ul.circle-claro li .fa{
  background: #ed9086;
}
ul.circle-turquesa li .fa{
  background: #7f8aa9;
}

ul.circle li div.icon{
    display: inline;
    float: left;
}
ul.circle li div.cont-li{  
  display: block;
  margin-left: 30px;
  font-weight: 700;

}
ul.circle li div.cont-li span{
  font-weight: 600;
}

p.parrafo-seccion {
  color: #fff !important;
  font-size: 1.5em !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300 !important;
  text-align: left;
}
div.div-seccion{
  padding:100px
}
a.read-more{
  text-decoration: none;
  border: solid 2px #fff;
  color: #fff;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;
  background:rgba(255, 255, 255, 0.1);
  transition: color 0.2s ease-in;
  transition: border-color 0.2s ease-in;
}
a.read-more:hover{
  color: #781010;
  border-color: #781010;
}
a.read-more-gris{
  text-decoration: none;
  color: #000;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;    
  background: #efefef;
  background-image: linear-gradient( to top, #cecece, #efefef );
}
a.read-more-gris:hover{
  opacity: 0.5;
}
a.read-more-negro{
  text-decoration: none;
  color: #000;
  padding: 15px 40px;
  display: inline-block;
  margin-top: 20px;    
  border: 2px solid black;
  transition: background-color 0.2s ease-in;
}
a.read-more-negro:hover{
  color: #fff;

  background-color: #fff;
  border: 2px solid #fff;
  opacity: 0.3;
}
a.read-more-new{
  background-color: #fff;
  color: #000;
  padding: 8px 4px;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  border-left: 5px solid #000;
}
a.read-more-new-inv{
  background-color: #000;
  color: #fff;
  padding: 8px 4px;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  border-left: 5px solid #9385b1;
}
.pl-5 {
  padding-left: 3rem !important;
}

.img-left-top{   
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-right-top{
  background-position: right top;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-center-center{
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-top-center{
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img-attachment{
  background-attachment:fixed
}
.img-mh500{
  min-height: 500px;
}

.img-mh400{ 
  min-height: 400px;
}
.img-mh450{ 
  min-height: 450px;
}
.img-mh350{
  min-height: 350px;
}
.img-mh300{
  min-height: 300px;
}
.img-mh250{
  min-height: 250px;
}
.img-mh200{
  min-height: 350px;
}
.img-mh150{
  min-height: 150px;
}
.img-mw90porc{
  max-width: 90%;
}

.tabla-uni-mini{
  padding: 20px;
  background: #fff;
}
.tabla-uni-mini table{
  color: #f69383;
  border: solid 1px #f69383;
}

.tabla-uni-mini table td{
  border: solid 1px #f69383;
  padding: 5px;
 font-size: 13px;
 font-weight: 600;
  text-transform: uppercase;
}
div.titulo-tabla{
  text-align: center;
  padding: 20px;
  background-color: #e34c40;
  margin-bottom: 20px;
}
div.titulo-tabla::after{
  position: absolute;
    /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
     width: 0; 
     height: 0; 
     border-left: 25px solid #e34c40;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent; 
     transform: rotate(90deg);
     margin-top: 10px;
}

.tabla-uni{
  padding: 50px;
  display: none;
  
}
.tabla-uni table{
  border: solid 5px #fff;
}
.tabla-uni th{
  padding: 10px;
  text-transform: uppercase;
  color: #e34c40;
  font-size: 20px;
  text-align: center!important;
  border: solid 2px #f69383;
}

.tabla-uni tr td:first-child{
  text-align: center;
}
.tabla-uni tr td{
  border: solid 2px #f69383;
  padding: 10px;
  text-transform: uppercase;
  
  font-family: 'Open Sans Condensed', sans-serif ;
  font-size: 20px;


}
.tabla-uni tr td.bold-violeta{
  font-weight: 900;
  color: #7557a5;
}
.tabla-uni td img {
  width: 100px;
  display: block;

  margin: auto;
}
button.desplegar-cuadro{
  border-top: solid 3px #e14b3f ;
  border-bottom: solid 1px #e14b3f ;
  display: inline;
  border-left: none;
  border-right: none;
  background: none;
  text-transform: uppercase;
  padding: 10px;
  color: #8049c3;
}
button.desplegar-cuadro:hover{
  background-color:#fff !important;
	box-shadow:inset  0 -1em 2em -1em #d17658 !important;
	
}
button.desplegar-cuadro:active{
  background-color:#fff !important;
	box-shadow:inset 0 4em 6em -2em #d17658 !important;
	color:#f05858 !important;
}
div.titulo-tabla-2{
  text-align: center;
  padding: 20px;
  background-color: #7557a5;
  margin-bottom: 20px;
  position: relative;
}
div.titulo-tabla-2::after{
  position: absolute;
    /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
     width: 0; 
     height: 0; 
     border-left: 25px solid #7557a5;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent; 
     transform: rotate(90deg);
     margin-top: 10px;
}
div.titulo-tabla-2 img.anti-izq{
  position: absolute;
  top:0;
  left: 150px;
}
div.titulo-tabla-2 img.anti-der{
  position: absolute;
  top: 0;
  right: 120px;
}
.tabla-uni-2{
  padding: 30px;
  display: none;
  
}
.tabla-uni-2 table{
  border: solid 5px #fff;
}
.tabla-uni-2 th{
  padding: 10px;
  text-transform: uppercase;
  color: #9386b2;
  font-size: 20px;
  text-align: center!important;
  border: solid 1px #000;
}
.tabla-uni-2 tr td.bold-violeta{
  font-weight: 900;
  color: #7557a5;
}
.tabla-uni-2 tr td{
  border: solid 1px #000;
  padding: 5px;
  text-transform: uppercase;
  
  font-family: 'Open Sans Condensed', sans-serif ;
  font-size: 20px;


}
/* INICIA LINEAS DIVISORIAS */
.fusion-section-separator {
  position: relative;
}
.fusion-section-separator .divider-candy {
  z-index: 100;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  height: 40px;
  width: 40px;
  border-bottom: 1px solid #E6E5E6;
  border-left: 1px solid #E6E5E6;
  background-color: transparent;
  content: "";
}
.fusion-section-separator .divider-candy.bottom {
  bottom: -21px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fusion-section-separator .divider-candy.top {
  top: -21px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.fusion-section-separator .divider-candy.both {
  top: -21px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.fusion-section-separator .divider-candy-arrow {
  z-index: 2;
  position: absolute;
  left: 50%;
  margin-left: -29px;
  /*margin-left: -33px;*/
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
}
.fusion-section-separator .divider-candy-arrow.bottom {
    border-width: 29px 29px 0 29px;
  /*border-width: 35px 35px 0 35px;*/
}
.fusion-section-separator .divider-candy-arrow.top {
  bottom: 0;
  border-width: 0 29px 29px;
  /*border-width: 0 35px 35px;*/
}
.fusion-section-separator .section-separator-icon {
  z-index: 200;
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -20px;
  width: 40px;
  font-size: 20px;
  font-family: FontAwesome;
  text-align: center;
}
.fusion-section-separator .section-separator-icon:after {
  display: block;
  text-align: center;
}
/* TERMINA LINEAS DIVISORIAS */
/* TERMINA COMUNUN */

/* INICIA MENU PRINCIPAL */
div.logo{
  padding:30px;
  text-align: center;

}
div.logo img{
  max-width: 100%;
  height: auto;
  margin-top: 100px;
}
.opcion-pc{
  min-width: 275px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  background: #fff;
}
nav.menu-personal{
  margin: 0px;
  padding: 0px;
  width: 275px;
  height: 100%;
  position: fixed; 
  z-index: 9999;
  background-color: #fff;
}
nav.menu-personal li{
  border-right-color: #fff;
  border-left-color: #fff;
  padding: 0.6rem 1rem;
  margin-bottom: 0px;
}
nav.menu-personal ul li a:hover{
  color: #f05858
}
nav.menu-personal ul li.active {
  z-index: 2;
  color: #fff;
  background-color: #fff;
  border-bottom-color: #e5e5e5;
  border-top-color: #e5e5e5;

  border-right: solid 5px #f05858;
  border-left: none;
}
nav.menu-personal ul li.active > a{
  color: #f05858;  
}

nav.menu-personal ul li a{
  text-decoration: none;
  padding-left: 30px;
  border-top-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  text-align: left;
  height: auto;
  min-height: 40px;
  color: #333333;
  font-size: 13px;
}
nav.menu-personal ul li.li-submenu:hover > div.cont-sub-menu{
  display: block;
}
div.cont-sub-menu{
    margin: 0 auto;
    padding: 0 15px;   
    position: absolute;
    top: 0;		
    left:260px;
		z-index:9999;
    display: none;
    transition: opacity 0.2s ease-in;
	min-width:80vw;
}
div.cont-sub-menu ul.sub-menu{
  table-layout: fixed;
  flex-wrap: wrap;
  width: 100%;
}

div.cont-sub-menu ul.sub-menu li{
  width: 200px;
  padding: 10px 20px;
  border: solid 1px #dcdadb;
  border-left:15px solid red;
  background-color: #fff;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items:center;
  align-content: center;
  cursor: pointer;
}
div.cont-sub-menu ul.sub-menu li::before{
  position: absolute;
  content: "";
  display: inline-block;
  width: 0; 
  height: 0; 
  border-left: 15px solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  transform: rotate(0deg);
  margin-left: -170px;
}
div.cont-sub-menu ul.sub-menu li.border-rojo, div.cont-sub-menu ul.sub-menu li.border-rojo::before{
  border-left-color: #e34c40;
}
div.cont-sub-menu ul.sub-menu li.border-violeta, div.cont-sub-menu ul.sub-menu li.border-violeta::before{
  border-left-color: #7557a5;
}
div.cont-sub-menu ul.sub-menu li.border-rosa, div.cont-sub-menu ul.sub-menu li.border-rosa::before{
  border-left-color: #b26cac;
}
div.cont-sub-menu ul.sub-menu li.border-marron, div.cont-sub-menu ul.sub-menu li.border-marron::before{
  border-left-color: #4e4e4e;
}
div.cont-sub-menu ul.sub-menu li a{
  color: #000 ;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;

}
div.cont-sub-menu ul.sub-menu li:hover{
  background-color:#fff !important;
	/*box-shadow:inset 0 2em 3em -2em #d17658 !important;
	box-shadow:inset  0 -1em 2em -1em #d17658 !important;*/
	color:#f05858 !important;
}
div.cont-sub-menu ul.sub-menu li a:hover{
  color: #f05858;
}
div.cont-sub-menu ul.sub-menu li.active > a {
  color:#f05858 !important;
}
div.redes{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
div.redes a{
  color: #bebdbd;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    border-radius: 50%;
    padding: 10px 15px;
    font-size: 15px;
    margin: 5px;
    background-clip: inherit;
    cursor: pointer;
}
div.redes a.face{
  padding:10px 18px; ;
}
div.redes a:hover{
  background-color: #f05858;
}
div.logos-externos{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
div.logos-externos a.logos-externos {
  display: inline-block !important;
  height: 75px !important;
  width: 75px !important;
  margin: 3px ;
}
div.logos-externos a.breakingthecircle{
  background: url(../img/logo-Break-the-circle.png) no-repeat !important;
  background-size: contain !important;
}
div.logos-externos a.opportunities{
  background: url(../img/logo-thats-why-campaign.png) no-repeat !important;
  background-size: contain !important;
}
div.logos-externos a.breakingthecircle:hover{
  background: url(../img/logo-Break-the-circle-hover.png) no-repeat !important;
  background-size: contain !important;
}
div.logos-externos a.opportunities:hover{
  background: url(../img/logo-thats-why-campaign-hover.png) no-repeat !important;
  background-size: contain !important;
}

div.idiomas{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
div.idiomas a {
  padding: 10px !important;
  display: inline-block !important;
  width: 10px !important;
  margin: 5px !important;
}
a.es {
  background: url(/img/es-gris.png) no-repeat !important;
  background-size: contain !important;
}
a.en {
  background: url(/img/gb-gris.png) no-repeat !important;
  background-size: contain !important;
}
a.fr {
  background: url(/img/fr-gris.png) no-repeat !important;
  background-size: contain !important;
}
a.es:hover {
  background: url(/img/es.png) no-repeat !important;
  background-size: contain !important;
}
a.en:hover {
  background: url(/img/gb.png) no-repeat !important;
  background-size: contain !important;
}
a.fr:hover {
  background: url(/img/fr.png) no-repeat !important;
  background-size: contain !important;
}
.opcion-responsive{
  display: none;
}
ul.nav-responsive{
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
}
ul.nav-responsive li{
  border:solid 1px #e5e5e5;
}
ul.nav-responsive li.active a{
  color:#f05858 !important;
}
ul.nav-responsive li.level2{
  padding-left: 10px;
}
ul.nav-responsive a{
  font-size: 13px;
  margin-left: 10px;
}


/* TERMINA MENU PRINICPAL*/
/*INICIA HOME */
section#home{
  z-index: 1;
}
section#home .menu-ancla{
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
section#home .menu-ancla a{
  text-decoration: none;
  color: #8049C3;
  text-transform: uppercase;
}
section#home div.bannerHome{  
  position: relative;
  background-image: url(/img/chica-leyendo-violeta.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size:100%;
  background-color: rgba(72,56,114,.5);
  filter: blur(0px);
  opacity: 1;
  z-index: 1;
  padding: 30px 30px 30px 30px;
}


section#home div.bannerHome h1{
  position: relative;
  text-align: left;
  color: #fff;
  font-size: 2.5em;  
  width: 350px;
  margin-top:0px;
  top: 150px;
  margin-bottom: 100px;
}
section#home div.bannerHome h2.titulo-secundario{
  font-size: 1.8em;
  text-align: center;
  
}
section#home div.bannerHome .fondo-blanco-piso{
  background-color: #fff;
  padding: 20px 20px 0px 20px;
}
section#home div.bannerHome .fondo-blanco{
  background-color: #fff;
  padding: 20px;
  
}
section#home div.bannerHome  p{
  text-align: left;
  color:#808080;
}
section#home div.bannerHome  p span{
  font-family: "Gotham Bolt";
}
section#home p{
  text-align: justify;
}

section#home ul.punto-gris li::before {
  content: "";  
  height:5px;
  width:5px;
  background:#808080;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  border-radius:50px;
  display: inline-block;
  float: left;
  margin-top: 7px;
}
section#home ul.punto-gris li span{
  display: block;
  margin-left: 15px;
}
section#home img.img-mujer-barbijo{
  max-width: 500px;
}
div.link-home-bajo-banner div{
  padding: 10px 0px px 0px;
}

div.link-home-bajo-banner .bg-violeta{
  background-color: rgb(151, 132, 181);
}
div.link-home-bajo-banner .bg-rosa{
  background-color: rgb(244, 166, 167);
}
div.link-home-bajo-banner .bg-celeste{
  background-color: rgb(161, 172, 204);
}
div.link-home-bajo-banner h3{
  text-align: center;
  flex-grow: 1;
  width: 100%;
  padding:15px;
}
div.link-home-bajo-banner h3 a{
  color: #fff;
  text-decoration: none;

}
div.link-home-bajo-banner .bg-violeta{
  background-color: rgb(151, 132, 181);
}
div.link-home-bajo-banner .bg-rosa{
  background-color: rgb(244, 166, 167);
}
div.link-home-bajo-banner .bg-celeste{
  background-color: rgb(161, 172, 204);
}


div.img-fondo-cuadro1{
  background: url(../img/mujeres-cartel.jpg) center top / cover no-repeat;
    min-height: 410px;
    height: 100%;
}

div.img-chicasposando{
  background: url(../img/chicasposando.jpg) center top / cover no-repeat;
    min-height: 410px;
    height: auto;
}
div.img-chicasposando{
  background: url(../img/manifestacion.jpg) center center / cover no-repeat;
  min-height: 410px;
  height: auto;
}
div.img-manifestacion{
  background: url(../img/manifestacion1.jpg) center top / cover no-repeat;
  min-height: 410px;
  height: 100%;
}
section#home .barbijo{
  background-image: url(../img/70.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
section#home .megafono{
  background-image: url(../img/100.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
section#home .sindicato{
  background-image: url(../img/70.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
div.compromiso{
  padding: 30px 50px;
  background-position: left top;
  background-repeat: repeat;

}
div.compromiso h2{
  color:#9385b1;
  text-align: center;
  margin: 30px 0px;
}
div.compromiso h3{
  text-align: left;
  padding-bottom: 0px;
  font-weight: 900;
  display: inline;
  color:#9385b1;
}
div.compromiso .item{
  margin-bottom: 20px;
}
div.compromiso p{
  display: inline;
}
div.compromiso div.flecha-violeta{
  display: inline;
  float: left;
}
div.compromiso div.flecha-violeta img{
  max-width: 20px;
}
div.compromiso  .contenido-commitment{
  margin-left: 30px;
}


/* INICIA BLOQUES GENERALES */

div.bloque-general{
  padding: 20px;
}
div.bloque-general-alineado-top{
  padding:30px;  
  padding-top: 0px;
}
div.bloque-general-alineado-top p{
  text-align: justify;
}

div.background-red{
  background-color: #d5382c;
}
div.background-violet{
  background-color: #662d91;
}
div.background-light-violet{
  background-color: #9385b1;
}
div.background-light-celeste{
  background-color: #7bc8dc;
}
div.background-orange{
  background-color: #d5382c;
}
div.background-orange-pastel{
  background-color: #d44b3b;
}
div.background-white{
  background-color: white;
}
.img-maxh650{
  max-height: 650px;
}
.img-maxw500{
  max-width: 500px;
}
.img-maxh500{
  max-height: 500px;
}
.max-width-15{
  max-width: 15px;
}
.pl-0{
  padding-left: 0 !important;
}
.scale-down{
  object-fit: scale-down;
}

div.bloque-footer-blanco{
   display: flex;
    
    padding: 0px;
    margin: 0px;
    padding-top:20px ;
  }
  div.bloque-footer-blanco-texto{
    padding-left: 20px;
    padding-right: 20px;
  }
  div.bloque-footer-blanco h2{
    color: #fff;
    text-align: left;
  }
  div.bloque-footer-blanco h3{
    color: #fff;
    text-align: left;
    text-transform: uppercase;
  }
  div.bloque-footer-blanco p{
    color: #fff;
  }
  div.bloque-footer-blanco img{
    position: relative;
    display: block;
    margin: auto;
    z-index: 100;
    top: 50px;
    
  }
  div.bloque-footer-blanco .blanco{
    background-color: #fff;
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 1;
  }


/* TERMINA BLOQUES GENERALES */

/* TERMINA HOME*/
/* INICIA SALUD LABORAL */
#salud-laboral .banner{
  background: url("../img/mujeres-unidas-violeta-3.jpg") top center / cover no-repeat;
  color:#fff;
  padding: 300px 30px 30px 30px;
}

#salud-laboral .banner h1{
  width: 50%;
  font-size: 3.5vw;
    color: #fff;
}
#salud-laboral .banner h3 {
  width: 60%;
  font-size: 2vw;
  color: #fff;
}
#salud-laboral .banner .texto-titulo{
  width: 100%;
  background-color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}

#salud-laboral .titulo-p-banner {
  text-transform: uppercase;
  color: #9385b1;
  font-size: 1.5em;
  padding-bottom: 0px;
  padding-top: 1rem;
}
#salud-laboral .subtitulo-p-banner {
  text-transform: uppercase;
  color: #9385b1;
  font-size: 1em;
}

#salud-laboral div.bloque-footer-blanco img{
  top:45px;
}



#salud-laboral .img-cartel-femenino{
  max-width: 800px;
  display: inline-block;
  margin: auto;
}
#salud-laboral  .padding-top-extra{
  padding-top: 1.9rem !important;
}
#salud-laboral .img-width{
  width: 400px;
}
#salud-laboral .posters{
  background-image: url(../img/70.jpg);
  background-position: bottom;
  background-repeat: repeat-x;
}
#salud-laboral .recursos {
  display: flex;
  flex-direction: column;
}
#salud-laboral .col-primero {
  flex: 0 0 auto;
  width: 66%;
}
#salud-laboral .col-segundo {
  display:flex;
  flex-direction: column;
  width: 34%;
  justify-content: space-between;

}
#salud-laboral .col-tercero {
  flex: 0 0 auto;
  width: 50%;
}
@media (max-width: 1202px) {
  #salud-laboral .col-primero {
    
    width: 66%;
  }
  #salud-laboral .col-segundo {
   
    width: 34%;
  
  }
}
@media (max-width: 700px) {
  #salud-laboral .col-primero {
    
    width: 100%;
  }
  #salud-laboral .col-segundo {
    width: 100%;
    
  }
  #salud-laboral .recursos {
    justify-content: column;
  }
}
/* TERMINA SALUDO LABORAL */
/* INICIA CAMPAING */
#campaing .cont-banner{
  padding:15px; 
  background: #62318a;
}
#campaing .banner{
  background: url("../img/empleada-2.jpg") top center / cover no-repeat;
  color:#fff;
  padding: 300px 30px 30px 30px;
}

#campaing .banner h1{
  width: 50%;
  font-size: 3.5vw;
    color: #fff;
}
#campaing .banner h3 {
  width: 60%;
  font-size: 2vw;
  color: #fff;
}
#campaing .banner .texto-titulo{
  width: 100%;
  background-color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}

#campaing .titulo-p-banner {
  text-transform: uppercase;
  color: #9385b1;
  font-size: 1.5em;
  padding-bottom: 0px;
  padding-top: 1rem;
}
#campaing .subtitulo-p-banner {
  text-transform: uppercase;
  color: #9385b1;
  font-size: 1em;
}
#campaing .linea-camp-1{
  margin-top: 50px;
  height: 10px;
  color: #9385b1;
  opacity: 1;
}
#campaing .cont-camp-1{
  padding:30px 30px 30px 30px; 
  margin-top: 10px;
}
#campaing .camp-1{
  border:solid 10px #fff;
}
#campaing .camp-1 .contenido{
  display: flex;
  flex-direction: row;
}
#campaing .camp-2{
  background: #62318a url("../img/linea-vertical-100.jpg") repeat-x bottom;
  padding: 3rem 3rem 1rem 3rem !important;
  margin-top: 50px;
}

#campaing .camp-2 .contenido{
  background: #fff;
  padding: 15px;
  border: solid 10px #d44c3e;
}
#campaing .camp-2 P strong{
  font-weight: 900;
}
#campaing .linea-camp-4{
  margin-top: 50px;
  height: 10px;
  color: #7bc8dc;
  opacity: 1;
}
/*campaña 3*/
#campaing .linea-camp-3{
  margin-top: 50px;
  height: 10px;
  color: #d44b3b;
  opacity: 1;
}
#campaing .cont-camp-3{
  padding:30px 30px 30px 30px; 
  margin-top: 10px;
}
#campaing .cont-camp-3 h3{
  margin-bottom: 20px;
}
#campaing .cont-camp-3 p{
  padding-bottom: 0px;
}
#campaing .camp-3{
  border:solid 10px #fff;
}
#campaing .camp-3 .contenido{
  display: flex;
  flex-direction: row;
}
#campaing .botones-3{
  padding: 0px 6rem 0px 6rem !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#campaing .botones-3 a{
  text-align: center;
  text-decoration: none;
}
.btnfos {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 2.5em;
  font-size: 13px;
  font-weight: 400;
  padding: 10px;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
.cursor-pointer{
  cursor: pointer;
}
/*
.btnfos-1 {
  background: #a22e25;
  font-weight: 100;
}
.btnfos-1 svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.btnfos-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 422, 0;
}

.btnfos-1:hover {
  background: rgba(225, 51, 45, 0);
  letter-spacing: 1px;
  font-weight: 900;
  color: #fff;
}
.btnfos-1 a {
  text-decoration: none;
  text-align: center;
}
.btnfos-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}*/

/* inicia campa;a 4*/
ul.tilde {
  margin-left:0px;
  padding-left:0px;
}
ul.tilde li {
  display: flex; /* Usa flexbox para alinear el ✔ y el texto */
  align-items: flex-start; /* Asegura que el texto empiece alineado */
  gap: 8px; /* Espacio entre el ✔ y el texto */
}

ul.tilde li::before {
  content: "✔"; /* Agrega el símbolo de check */
  color: #fff; /* Color del ✔ */
  font-weight: bold; /* Hace el ✔ más visible */
  flex-shrink: 0; /* Evita que el ✔ se reduzca */
}
/* termina campa;a 4*/


#campaing div.cont-camp-3 .texto-boton{
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
#campaing div.cont-camp-3 .texto-boton{
  transition: all 1s;
}
#campaing div.cont-camp-3 .texto-boton:hover{
  opacity: 0.5;
}
@media (max-width: 991px) {
  #campaing .botones-3{
    padding:0px !important ;
  }
}
@media (max-width: 767px) {
  #campaing .botones-3{
    flex-direction:column;
  }
  #campaing .botones-3 a {
    margin-bottom: 15px;
  }
  #campaing div.share-camp3-es, #campaing div.share-camp3-en{
    text-align: center;
  }
  .btnfos {
    margin-right: 0px;
  }
}
 
/* termina campaña 3*/
#campaing .botones{
  padding: 1.5rem 3rem 0px 3rem !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#campaing .botones a{
  padding: 0px 30px;
  text-align: center;
  text-decoration: none;
}
#campaing .botones a img{
  max-width: 150px;
}
#campaing div.share-camp2{
 display: none;
} 
#campaing div.share-camp2-es, #campaing div.share-camp2-en{
  display: none;
 } 
 #campaing div.share-camp3,#campaing div.guid-camp3 {
   display: none;

  }
  #campaing div.share-camp4,#campaing div.guid-camp4 {
    display: none;
 
   }
   #campaing div.share-camp5,#campaing div.guid-camp5 {
    display: none;
 
   }
  #campaing div.share-camp3 img{
    cursor: pointer;
  }
  #campaing div.share-camp4 img{
    cursor: pointer;
  }
#campaing .posters{
  margin-left:20px;
}
#campaing a.ajuste{
  display: block;
  padding: 10px;
}
#campaing .margin-top{
  margin-top:20px;
}
#campaing .fluid-inv{
  max-height: 100%;
  width: auto;
}
#campaing .sombra-info{
  box-shadow: 2px 2px 5px #999;
}
#campaing .sombra-info-2{
  box-shadow: 2px 2px 5px #666;
}
#campaing .sombra-info-3{
  box-shadow: 2px 2px 5px #b01f2d;
}
#campaing .sombra-info-4{
  box-shadow: 2px 2px 5px #538594;
}
@media (max-width: 990px) {
  #campaing .camp-1 .contenido{
    
    flex-direction:column;
    align-items: center;
  }
  #campaing h2{
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  #campaing .botones{
    flex-direction:column;
  }
  #campaing .botones a{
    margin-bottom: 10px;
  }
  .centrar-responsive{
    text-align: center;
  }
  #campaing .camp-2{
    padding:1rem !important;
  }
}


/* TERMINA CAMPIANG*/
/* INICIA SALUD SEXUAL */
  #salud-sexual .banner{
    background: url(/img/salud-sexual-imegen-principal-oscura.jpg) left top / 100% no-repeat;
    background-color: #9385b1;
    color: #fff;
    position: relative;
  }
  #salud-sexual .padding-texto-banner{
    padding: 3rem;
  }

  #salud-sexual  ul.tilde li .fa{
    color: #fff;
  }
  
  #salud-sexual .padding-extra{
    padding-right:50px ;
  }
 #salud-sexual ul.ul-destacado li{
    font-weight: 900;
    color:#000;
 }
#salud-sexual div.piernas{
  background: #d5382c url(../img/100.jpg) repeat-x center bottom;
}
 #salud-sexual img.amamantando{
   display: block;
   position: relative;
   margin: auto;
   top:55px;
   max-width: 90%;
    height: auto;
 }
 #salud-sexual .bottom-contenedor{
   margin-bottom: 100px;
 }
#salud-sexual .margin-contenedor{
  margin-top: 130px;
}
  #salud-sexual .padding-que-es{
    padding-top: 50px;
  }
  #salud-sexual .genero{
    background: url(/img/Diversidad-Sexual-2.jpg) left top / cover no-repeat;
    color: #fff;
    width: 100%;
    min-height: 600px;
    position: relative;
    padding-top: 400px;
    
  }
  #salud-sexual .genero .row{
    margin: 30px;
  }
  #salud-sexual .genero h1 {
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 3.2em;
    width: 350px;
    margin-left: 40px;
    
  }
  #salud-sexual .genero .texto-genero {
    position: relative;
    top: 100px;
  }
  #salud-sexual .genero-e-identidad{
    margin-top: 100px;
    background-color: #b26cac;
    position: relative;
    background-image: url(../img/100.jpg);
    background-repeat: repeat-x;
    background-position: bottom;

  }
  #salud-sexual .genero-e-identidad .primero{
    padding: 3rem;
    z-index: 100;
  }
  #salud-sexual .genero-e-identidad .segundo{
    padding: 3rem;
    z-index: 100;
  }
  #salud-sexual .identidad-genero{
    display: block;
    width: 100%;
  }
  #salud-sexual .homo-bi-trans{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #salud-sexual .banner-embarazo-lactancia{
    position: relative;
    background-image: url(/img/madre-amamantando.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    filter: blur(0px);
    opacity: 1;
    z-index: 1;
    padding: 300px 30px 30px 30px;
  }
  #salud-sexual .banner-embarazo-lactancia h1{
    width: 50%;
    font-size: 3.5vw;
    color: #fff;
  }
  #salud-sexual .banner-embarazo-lactancia div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 50%;
  }
  #salud-sexual .bloque-maternidad{
    background-color:#7557a5 ;
    position: relative;
    background-image: url(../img/100.jpg);
    background-repeat: repeat-x;
    background-position: bottom; 
  }
  #salud-sexual .madre-amamantando{
    background-image: url(../img/70.jpg);
    background-repeat: repeat-x;
    background-position: bottom; 
  }
  #salud-sexual .bloque-maternidad div.primero, #salud-sexual .bloque-maternidad div.segundo{
    padding: 3rem; 
  }
  #salud-sexual .hombres-de-la-mano{
    background: url(/img/iStock_000017603078_XXXLarge-1024x382.jpg) left center no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  #salud-sexual .identidad-genero{
    width: 100%;
  }
  #salud-sexual .cartel-megafono{
    position: relative;
    display: flex;
    justify-content: center;
  }
  #salud-sexual .cartel-megafono img{
    max-width: 70%;
    display: inline-block;
  }

  #salud-sexual .cont-tabla-embarazo{
    padding: 20px;
  }
  #salud-sexual .cont-tabla-embarazo h2.titulo{
    background-color:#e34c40 ;
    color: #fff;
    padding: 10px 0px;
    margin-bottom: 20px;
  }
      
  #salud-sexual .tabla-embarazo{

    background-color: #9386b2;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
  }

 
  #salud-sexual .tabla-embarazo tr{
    border:none
  }
  #salud-sexual .tabla-embarazo td{
    font-size: 12px;
    border-right: 1px solid #fff ;
    border-top: none;
    border-bottom: none;
    padding:0 10px;
  }
  #salud-sexual .tabla-embarazo td.pb-extra{
    padding-bottom: 20px;
  }
  #salud-sexual .tabla-embarazo div.icon{
    display: inline;
    float: left;
  }
  #salud-sexual .tabla-embarazo div.icon .fa{
    font-size: 8px;
  }
  #salud-sexual .tabla-embarazo div.cont-li{
    display: block;
    margin-left: 10px;
  }
  #salud-sexual .tabla-embarazo img{
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  #salud-sexual .espacio-texto div:first-child{
    margin-bottom: 100px;
  }
  #salud-sexual .padding-web{
       padding: 3rem;
  }
  #salud-sexual .padding-web-lateral{
    padding-left: 3rem ;
    padding-right: 3rem ;
}
#salud-sexual div.reunion div:first-child{
  padding: 2rem 2rem 20rem 4rem; 
  background-color: #8445dd;
}
#salud-sexual div.reunion div:nth-child(2){
  padding: 2rem 4rem 2rem 2rem; 
  
}
#salud-sexual div.reunion img{
  display: block;
  max-width: 90%;
  margin: auto;
  position: relative;
  top: -300px;
}
/* ocupational health*/


  /*cancer */
  #salud-sexual .banner-cancer{
    position: relative;
    background-image: url(/img/cancer.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    filter: blur(0px);
    opacity: 1;
    z-index: 1;
    padding: 300px 30px 30px 30px;
  }
  #salud-sexual .banner-cancer h1{
    width: 50%;
    font-size: 3.5vw;
    color: #fff;
  }
  #salud-sexual .banner-cancer .texto-titulo{
     width: 70%;
     background-color: #fff;
     padding: 1rem;
  } 
  #salud-sexual .banner-cancer .texto-titulo-primero{
    width: 50%;
  }
  #salud-sexual .bloq-cancer-1{
    background-image: url(../img/150.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    
  }
  #salud-sexual .bloq-cancer-1 ul li{
    color: #fff;
  }
    /*planificacion */
    #salud-sexual .banner-planificacion{
      position: relative;
      background-image: url(/img/salud-sexual-imegen-principal-oscura.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 100%;
      background-color: #9385b1;
      filter: blur(0px);
      opacity: 1;
      z-index: 1;
      padding: 300px 30px 30px 30px;
    }
    #salud-sexual .banner-planificacion h1{
      width: 50%;
      font-size: 3.5vw;
      color: #fff;
    }
    #salud-sexual .banner-planificacion .texto-titulo{
       width: 70%;
       background-color: #fff;
       padding: 1rem;
    } 
    #salud-sexual .banner-planificacion .texto-titulo-primero{
      width: 50%;
    }
    #salud-sexual .bloq-planificacion-1{
      background-image: url(../img/150.jpg);
      background-position: bottom;
      background-repeat: repeat-x;
      
    }
    /*sexualidad */
    #salud-sexual .banner-sexualidad{
      position: relative;
      background-image: url(/img/educacion-sexual.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 100%;
      filter: blur(0px);
      opacity: 1;
      z-index: 1;
      padding: 300px 30px 30px 30px;
    }
    #salud-sexual .banner-sexualidad h1{
      width: 50%;
      font-size: 3.5vw;
      color: #fff;
    }
    #salud-sexual .banner-sexualidad ul{
      background-color: #fff;
      padding: 20px;
      max-width: 70%;
      margin: 0px;
    }
    
    
    #salud-sexual .banner-sexualidad ul.tilde li div.cont-li{
      margin-left: 30px;
    }
    #salud-sexual .banner-sexualidad p{
      background-color: #fff;
      padding: 20px;
      max-width: 70%;
    }
    #salud-sexual div.manos-cinta{
      background-image: url(/img/100.jpg);
      background-position: bottom;
      background-repeat: repeat-x;
    }
    #salud-sexual ul.ajuste{
      
      padding-left: 0px;
      margin-left: 0px;
    }
    #salud-sexual ul.ajuste div.icon img {
      width: 15px;
    }
    #salud-sexual .banner-sexualidad ul img{
      max-width: 15px;
    }
    #salud-sexual ul.flecha-roja img{
      max-width: 15px;
    }
    #salud-sexual .hombre-cinta-roja{
      background-image: url(/img/70.jpg);
      background-position: bottom;
      background-repeat: repeat-x;
    }
    #salud-sexual .hombre-cinta-roja .flecha-inicio{
      max-width: 15px;
      margin-right: 10px;
    }
   #salud-sexual .cinta-turquesa{
     position: relative;
   }
   #salud-sexual .cinta-turquesa img{
     position: absolute;
     top: -50px;
     right: 0;
   }
   #salud-sexual div.cientifica{
     background: #d44b3b url(../img/70.jpg) repeat-x bottom;
   }
   #salud-sexual div.cientifica img.flecha-inicio{
    max-width: 15px;
  }
   .flecha-turquesa img{
      width: 15px;
   }
/* TERMINA SALUD LABORAL */
/* INICIA SALUD MENTAL */
  
  #salud-mental .banner-salud-mental{
    position: relative;
    background-image: url(/img/banner-salud-mental.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    filter: blur(0px);
    opacity: 1;
    z-index: 1;
    padding: 300px 30px 30px 30px;
  }
  #salud-mental .banner-salud-mental .texto-banner{
    margin-bottom: 20px;
  }
  #salud-mental .banner-salud-mental h1{
    width: 50%;
    font-size: 3.5vw;
    color: #fff;
  }
  #salud-mental .banner-salud-mental h3{
    width: 60%;
    font-size: 2vw;
    color: #fff;
    
  }
  #salud-mental .banner-salud-mental .texto-titulo{
     width: 50%;
     background-color: #fff;
     padding: 1rem;
  } 
  #salud-mental .banner-salud-mental .texto-titulo-2{
    width: 60%;
    background-color: #fff;
    padding: 1rem;
 }
 #salud-mental .banner-salud-mental .texto-titulo-3{
  width: 100%;
  background-color: #fff;
  padding: 1rem;
}
  #salud-mental .banner-salud-mental .texto-titulo h3{
    margin: 0px;
  }
  #salud-mental .banner-salud-mental .texto-titulo-primero{
    width: 50%;
  }
  #salud-mental .banner-salud-mental .menos-width{
    width: 40%;
  }
  #salud-mental .banner-salud-mental .menos-width-2{
    width: 50%;
  }
  #salud-mental .titulo-p-banner{
    text-transform: uppercase;
    color: #9385b1;
    font-size: 1.5em;
  }
  #salud-mental .bloq-salud-mental-1{
    background-image: url(../img/150.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    
  }
  #salud-mental .bloq-salud-mental-1 ul li{
    color: #fff;
  }
  #salud-mental ul.tilde li .fa {
    color: #fff;
  }
  #salud-mental .cont-video{
    background-color: #8445dd;
    background-image: url(../img/70.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
  }
  #salud-mental .embed-responsive {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    min-height: 300px;
    padding: 0;
    overflow: hidden;
  }
  #salud-mental .embed-responsive-item {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0;
  }
  #salud-mental .what-can{
    background-color:#d44b3b;
    position: relative;
  }
  #salud-mental .what-can .img-relleno{
    display: none;
  }
  #salud-mental .efectos-violencia{
    background-color:#d44b3b;
    background-image: url(../img/100.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
  } 
  #salud-mental .ajuste-efecto-violencia img{
    width: 15px;
  }
  #salud-mental .stress-dario{
    background-color:#d44b3b;
  }
  #salud-mental .stress-dario .cartel-trabajo-infantil{
    display: none;
  }

/* TERMINA SALUD MENTAL */
/* INICIA RECURSOS */
#recursos .banner-recursos{
  position: relative;
  background-image: url(/img/banner-recursos.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  filter: blur(0px);
  opacity: 1;
  z-index: 1;
  padding: 600px 30px 30px 30px;
}
#recursos .banner-recursos h1 {
  font-size: 2.5em !important;
}
#recursos .banner-recursos .texto-banner{
  position: relative;
}
#recursos .fondo-violeta{
  background-color: rgb(203, 199, 209);
}
#recursos a{
  text-decoration: none;
  color: #fff;
}
.link-recursos{
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
}
.link-recursos .item-recursos{
  flex-basis:25%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: stretch;
  transition: all 0.5s;
}
.link-recursos .item-recursos:hover{
    opacity: 0.5;
    
}

.link-recursos .item-recursos .item-1{
  background-color: #9385b1;
  text-align: center;
}
.link-recursos .item-recursos .item-2{
  align-self: stretch;
  flex-grow: 2;
  background-color: #9385b1;
  text-align: center;
}
.link-recursos a {
  font-size: 13px;
}
/* TERMINA RECUSOS*/
/* TERMINA FOOTER */
footer{
  text-align: center;
  background-color: #d8d6d4;
    border-color: #e9eaee;
    padding-top: 43px;
    padding-bottom: 40px;
    border-top: 12px solid #e9eaee;
}
footer img{
  max-width: 165px;
  padding-bottom: 0px;
}
footer div.redes{
  padding-bottom: 20px;
}
footer p{
  text-align: center;
  color: #000;
}
/* TERMINA FOOTER */



@media(max-width:1500px){
  /*  RECURSOS */
  .link-recursos .item-recursos{
    flex-basis:33%;
  }
}
@media(max-width:1400px){
/*INICIA HOME*/
  section#home .sindicato{
    background-image: none;
  }
  /*TERMNA HOME*/
  #salud-sexual .margin-contenedor{
    margin-top: 50px;
  }
  #salud-sexual .espacio-texto div:first-child{
    margin-bottom: 0px;
  }
  #salud-sexual .espacio-texto{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #salud-sexual div.piernas{
    background-image: url(../img/70.jpg);
  }
  /* salud laboral */
  #salud-laboral .banner h1{
    width: 60%;
  }
  #salud-laboral .banner h3 {
    width: 70%;
  }

  /*salud sexual*/
  #salud-sexual .madre-amamantando{
    background-image: none;
  }

  /*cancer*/
  #salud-sexual .bloq-cancer-1{
    background-image: url(../img/120.jpg);
  }
  /*planificacion*/
  #salud-sexual .bloq-planificacion-1{
    background-image: url(../img/120.jpg);
  }
  div.titulo-tabla-2 img.anti-izq{
    left:0px
  }
  div.titulo-tabla-2 img.anti-der{
    right: 0px;
  }
  /* sexualidad */
  #salud-sexual div.manos-cinta{
    background-image: url(../img/70.jpg);
  }
 
  #salud-sexual .hombre-cinta-roja{
    background-image: none;
  }
  /* recursos */
  #recursos .banner-recursos{
    padding: 500px 30px 30px 30px
  }
}
@media(max-width:1350px){
  /*INICIA HOME*/
  section#home .barbijo{
    background-image: none;
  }
  section#home .megafono{
    background-image: none;
  }
  /*TERMINA HOME*/
  .img-mujeres-cocinando{
    max-width: 400px;
  }
  #salud-sexual div.piernas{
    background-image: none;
  }
  section#home img.img-mujer-barbijo{
    max-width: 450px;
  }
  #salud-sexual .homo-bi-trans .segundo{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /*cancer*/
  #salud-sexual .bloq-cancer-1{
    background-image: none;
  }
   /*planificacion*/
   #salud-sexual .bloq-planificacion-1{
    background-image: none;
  }
  #salud-sexual div.cientifica{
    background-image: none;
  }
   
  /*salud mental */
  #salud-mental .efectos-violencia
  {
    background-image: url(../img/50.jpg);
  }

}
@media(max-width:1300px){
  section#home div.bannerHome h1{
    margin-bottom: 50px;
  }
  div.bloque1{
    
    background-image: none;
  }
  #salud-laboral .img-mujer-campo{
    max-width: 100%;
  }
  section#home .menu-ancla a {
    font-size: 13px;
  }
 
  #salud-sexual .bottom-contenedor{
    margin-bottom: 0px;
    
  }
  #salud-sexual .genero-e-identidad{
    background-image: none;
    padding-bottom: 2rem;
  }
  #salud-sexual .banner-embarazo-lactancia h1{
    width: 60%;
  }
  #salud-sexual .banner-embarazo-lactancia div.blanco{
    width: 80%;
  }
  /* cancer */
  #salud-sexual .banner-cancer h1{
    width: 60%;
  }
  #salud-sexual .banner-cancer div.blanco{
    width: 80%;
  }
  #salud-sexual .banner-cancer .texto-titulo{
    width: 80%;
   
  } 
  #salud-sexual .banner-cancer .texto-titulo-primero{
    width: 60%;
  }
   /* planificacion */
   #salud-sexual .banner-planificacion h1{
    width: 60%;
  }
  #salud-sexual .banner-planificacion div.blanco{
    width: 80%;
  }
  #salud-sexual .banner-planificacion .texto-titulo{
    width: 80%;
   
  } 
  #salud-sexual .banner-planificacion .texto-titulo-primero{
    width: 60%;
  }
     /* banner-salud-mental */
  #salud-mental .banner-salud-mental h1{
    width: 60%;
  }
  #salud-mental .banner-salud-mental div.blanco{
    width: 80%;
  }
  #salud-mental .banner-salud-mental .texto-titulo{
    width: 80%;   
  } 
  #salud-mental .banner-salud-mental .menos-width{
    width: 70%;
   
  } 
  #salud-mental .banner-salud-mental .texto-titulo-primero{
    width: 60%;
  }
  /*salud mental */
  #salud-mental .cont-video{
    background-image: none;
  }
 
}
@media(max-width:1199px){
  /* INICIA COMUN A TODOS */
  .xl-sin-pr{
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);

  }
  section#home .menu-ancla a {
    padding: 0px 20px;
  }
  section#home div.bannerHome h1{
    top: 100px;
    margin: 0;
  }
  /* TERMINA COMUN A TODOS */

   /* INICIA BLOQUES GENERALES */
   div.bloque-footer-blanco img{
    top: 0px;
  }
  div.bloque-footer-blanco .blanco{
    display: none;
  }
  div.bloque-footer-blanco{
    padding-bottom: 20px;
  }
  /* TERMINA BLOQUES GENERALES */
  /* salud laboral */
  #salud-laboral div.bloque-footer-blanco img{
    top: 0;
  }
  
  #salud-sexual img.amamantando{
    top: 0px;
    margin-bottom: 20px;
  }
  #salud-sexual div.reunion div:first-child{
    padding: 2rem 2rem 0rem 2rem; 
    background-color: #8445dd;
  }
  #salud-sexual div.reunion div:nth-child(2){
    padding: 2rem 2rem 0rem 2rem; 
    
  }
  #salud-sexual div.reunion img{
    top: 0px;
    margin-bottom: 2rem;
  }
  #salud-sexual .genero{
    padding-top: 50px;
  }
  #salud-sexual .genero .texto-genero {
    top: 0;
    margin-bottom: 20px;
  }
  #salud-sexual .homo-bi-trans .segundo{
    padding: 2rem 3rem;
  }
  
  #salud-sexual .genero-e-identidad .segundo{
    padding: 0px;
  }
  #salud-sexual .bloque-maternidad{
    background-image: none;
  }
  #salud-sexual .bloque-maternidad div.primero{
   padding-bottom: 1rem; 
  }
  #salud-sexual .bloque-maternidad div.segundo{
   padding-top: 1rem; 
  }
  /* sexualidad */
  #salud-sexual .banner-sexualidad h1{
    width:60%;
    font-size: 2.5rem;
  }
  #salud-sexual .banner-sexualidad ul{
     max-width: 80%;
  }
  #salud-sexual .banner-sexualidad p{
    max-width: 80%;
 }
 #salud-sexual div.manos-cinta{
   background-image: none;
 }
 /*salud mental */
 #salud-mental .efectos-violencia
  {
    background-image: none;
  }
  #salud-mental .banner-salud-mental .texto-titulo-2{
    width: 100%;
  }
  #salud-mental .banner-salud-mental .menos-width-2{
    width: 90%;
  }
  /*recursos */
  .link-recursos .item-recursos{
    flex-basis:50%;
  }
}

@media (max-width: 991px) {
    .tabla-uni{
      padding: 10px;
    }
  /* INICIA MENU PRINCIPAL*/
    .opcion-responsive{
      display: block;
    }
    .opcion-pc{
      display: none;
    }
    div.logo{
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
    }
    button.navbar-toggler{
      display: flex;
      width: 100%;
      flex-direction: row;
      justify-content: space-between;
      background-color: #f8f9fa;
      align-content: center;
      align-items: center;
      padding: 0px;
      border-radius: 0%;
    }
    button.navbar-toggler span.go-to{
      font-size: 11px;
      padding-left: 10px;
    }
    button.navbar-toggler span.navbar-toggler-icon{
      border-left: solid 1px;
      padding: 20px;
    }
    section#home .menu-ancla{
      display: none;
    }

   
   /* TERMINA MENU PRINCIPAL */ 
   /* INICIA HOME */
   
   div.bloque1{
    padding: 50px 40px;
   }
   div.logo {
     margin-top: 0px;
   }
   section#home div.bannerHome h1{
     width: 100%;
     padding-bottom: 250px;
     top: 200px;
     
   }

   /* TERMINA HOME */
   #salud-mental .embed-responsive-item{
    min-height: 500px;
  }
 
  /*salud laboral */
  
  /* salud laboral */

  #salud-laboral .banner h1{
    width: 100%;
    font-size: 2rem;
  }
  #salud-laboral .banner h3 {
    width: 100%;
    font-size: 1rem;
  }
  #salud-laboral .banner .texto-titulo{
    width: 100%;
   
  }
  section#home img.img-mujer-barbijo{
    max-width: 100%;
  }

   .margin-cel{
    padding-top: 20px;
  }

  #salud-sexual .banner-embarazo-lactancia h1{
    width:50%;
    font-size: 2rem;
  }
  #salud-sexual .banner-embarazo-lactancia div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 80%;
  }
  #salud-laboral .every-day{
    background-image: none;
  }
  /* cancer */
  #salud-sexual .banner-cancer h1{
    width:50%;
    font-size: 2rem;
  }
  #salud-sexual .banner-cancer div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 80%;
  }
  /* planificacion */
  #salud-sexual .banner-planificacion h1{
    width:50%;
    font-size: 2rem;
  }
  #salud-sexual .banner-planificacion div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 80%;
  }
    /* sexualidad */
    
    #salud-sexual .banner-sexualidad ul{
      max-width: 100%;
   }
   #salud-sexual .banner-sexualidad p{
     max-width: 100%;
  }
  
  #salud-sexual .cinta-turquesa img{
    top: -30px;
    width: 70px;
  }
  /* salud mental */
  #salud-mental .banner-salud-mental h1{
    width:50%;
    font-size: 2rem;
  }
  #salud-mental .banner-salud-mental h3{
    width: 100%;
    font-size: 1rem;
  }
  #salud-mental .banner-salud-mental div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 80%;
  }
}
@media (max-width: 767px) {
  section#home div.bannerHome h1{
    width: 100%;
    padding-bottom: 180px;
    top: 120px;
    
  }
  #salud-mental .embed-responsive-item{
    min-height: 400px;
  }
  .banner{
    min-height: 300px !important; 
  }
  .banner .texto-banner h1 {
    font-size: 7vw !important;
  }
  .banner .texto-banner h2{
    font-size: 4vw !important;
  }
  .banner .texto-banner{
    bottom: 20px;
  }
  #salud-mental .banner h3 {
    font-size: 4vw;
    text-align: left;
  }
  
  div.bloque-general{
    padding: 5px;
  }

  #salud-sexual .banner-embarazo-lactancia{
    padding: 150px 10px 20px 10px;
  }
  #salud-sexual .banner-embarazo-lactancia h1{
    width: 70%;
    font-size: 2rem;
  }
  #salud-sexual .banner-embarazo-lactancia div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 100%;
  }
  #salud-sexual .cartel-megafono img{
    max-width: 100%;
  }
  #salud-sexual .cont-tabla-embarazo{
    padding: 0;
  }
  /*salud laboral */
  #salud-sexual div.reunion div:first-child{
    padding: 1rem 1rem 0rem 1rem; 
    background-color: #8445dd;
  }
  #salud-sexual div.reunion div:nth-child(2){
    padding: 1rem 1rem 0rem 1rem; 
    
  }
  /*cancer */
  #salud-sexual .banner-cancer {
    padding: 150px 10px 20px 10px;
  }
  #salud-sexual .banner-cancer  h1{
    width: 70%;
    font-size: 3rem;
  }
  #salud-sexual .banner-cancer  div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 100%;
  }
  #salud-sexual .banner-cancer .texto-titulo{
    width: 100%;
   
  } 
  #salud-sexual .banner-cancer .texto-titulo-primero{
    width: 80%;
  }
  /*planificacion */
  #salud-sexual .banner-planificacion {
    padding: 150px 10px 20px 10px;
  }
  #salud-sexual .banner-planificacion  h1{
    width: 70%;
    font-size: 3rem;
  }
  #salud-sexual .banner-planificacion  div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 100%;
  }
  #salud-sexual .banner-planificacion .texto-titulo{
    width: 100%;
   
  } 
  #salud-sexual .banner-planificacion .texto-titulo-primero{
    width: 80%;
  }
  div.titulo-tabla-2 img.anti-izq, div.titulo-tabla-2 img.anti-der{
    display: none;
  }
  /*sexualidad*/
  #salud-sexual .banner-sexualidad {
    padding: 150px 10px 20px 10px;
  }
  #salud-sexual .banner-sexualidad  h1{
    width: 70%;
    font-size: 2rem;
  }
  /*salud mental */
  #salud-mental .banner-salud-mental {
    padding: 150px 10px 20px 10px;
  }
  #salud-mental .banner-salud-mental  h1{
    width: 70%;
    font-size: 3rem;
  }
  #salud-mental .banner-salud-mental  div.blanco{
    background-color: #fff;
    padding: 1rem;
    width: 100%;
  }
  #salud-mental .banner-salud-mental .texto-titulo{
    width: 100%;
   
  } 
  #salud-mental .banner-salud-mental .texto-titulo-primero{
    width: 80%;
  }
  #salud-mental .banner-salud-mental .texto-titulo-2{
    width: 100%;
  }
  #salud-mental .banner-salud-mental .menos-width-2{
    width: 100%;
  }
  .link-recursos .item-recursos{
    flex-basis:100%;
    padding: 0px 0px 20px 0px;
  }

  
}
@media (max-width: 576px) {
  
    #salud-sexual .padding-web{
      padding: 1rem ;
    }
    #salud-sexual .padding-web-lateral{
      padding-left: 1rem ;
      padding-right: 1rem ;
    }
    #salud-sexual .padding-texto-banner{
      padding-left: 0.5rem ;
      padding-right: 0.5rem ;
      margin-left: 10px;
      margin-right: 10px;
    }
    #salud-sexual .genero h1{
      width: 90%;
      text-emphasis: center;
      font-size: 2.5em;
    }
    #salud-sexual .genero .row{
      margin: 15px;
    }
    #salud-sexual .genero-e-identidad .primero{
      padding: 2rem;
    }
    #salud-sexual .genero-e-identidad .segundo img{
      width: 90% !important;
    }
    #salud-sexual .banner-embarazo-lactancia{
      padding: 50px 10px 20px 10px;
    }
    #salud-sexual .banner-embarazo-lactancia h1{
      width: 100%;
      font-size: 2rem;
    }
    #salud-sexual .bloque-maternidad div.primero, #salud-sexual .bloque-maternidad div.segundo{
      padding: 2rem;
    }
    /*cancer*/
    #salud-sexual .banner-cancer{
      padding: 50px 10px 20px 10px;
    }
    #salud-sexual .banner-cancer h1{
      width: 100%;
      font-size: 2rem;
    }
    #salud-sexual .banner-cancer .texto-titulo{
      width: 100%;
    
    } 
    #salud-sexual .banner-cancer .texto-titulo-primero{
      width: 100%;
    }
    /*planificacion*/
    #salud-sexual .banner-planificacion{
      padding: 50px 10px 20px 10px;
    }
    #salud-sexual .banner-planificacion h1{
      width: 100%;
      font-size: 2rem;
    }
    #salud-sexual .banner-planificacion .texto-titulo{
      width: 100%;
    
    } 
    #salud-sexual .banner-planificacion .texto-titulo-primero{
      width: 100%;
    }
    /* sexualidad */
    #salud-sexual .banner-sexualidad{
      padding: 50px 10px 20px 10px;
    }
    #salud-sexual .banner-sexualidad h1{
      width: 100%;
      font-size: 2rem;
    }
    #salud-sexual .banner-sexualidad p{
      padding: 5px;
    }
  /*salud-mental*/
  #salud-mental .banner-salud-mental{
    padding: 50px 10px 20px 10px;
  }
  #salud-mental .banner-salud-mental h1{
    width: 100%;
    font-size: 2rem;
  }
  #salud-mental .banner-salud-mental .texto-titulo{
    width: 100%;
  
  } 
  #salud-mental .banner-salud-mental .texto-titulo-primero{
    width: 100%;
  }
  #recursos .banner-recursos{
    padding: 200px 30px 60px 30px
  }
  
}

@media only screen and (min-width: 992px) and (max-height: 650px) {
  div.logo img{
    width: 60%;
    margin-top:30px;
  }
  nav.menu-personal li{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  div.logos-externos, div.idiomas {
    margin-top: 0;
  }
  
}
@media only screen and (min-width: 1199px) and (max-width: 1382px) {
  #salud-mental .what-can .img-relleno{
      display: inline-block;
  }
  #salud-mental .stress-dario .cartel-trabajo-infantil{
    display: block;
    position: relative;
    bottom: -20px;
  }
  #salud-mental .stress-dario{
    background-image:url(../img/70.jpg) ;
    background-position: bottom;
    background-repeat: repeat-x;
  }
}