/*   
Theme Name: cem2022
Theme URI: mw 
Description: Theme Creado para Mineduc Nov-2022
Author: Mantencion Web
Author URI: 
Version: 1.0
.
General comments/License Statement if any.
.
*/
  @import url("https://use.typekit.net/xjw0iij.css");
  @import url("https://use.typekit.net/sam1muz.css");

 :root {
   /* Colors: */
   --rojopalido: #db5151;
   --azullight: #c3d7ee;
   --azulrey: #0f69b4;
   --rojo: #eb3c46;
   --pielclaro: #efe5d9;
   --rojosandia: #e94860;
   --grisclaro: #d0d0d0;
   --celestesuave: #79c3d1;
   --grismedio: #6a7777;
   --celestefuerte: #63c3d1;
   --amarillo: #f7a815;
   --azulmedio: #007096;
   --celestemedio: #7fc0cf;
   --rojoitaliano: #d65764;
   --verde: #5fbb9b;
   --grisoscuro: #707070;
   --blanco: #ffffff;
   --azuloscuro: #272252;
   --piel: #e7ded2;

   /* Font/text values */
   --unnamed-font-family-museo: museo;
   --unnamed-font-family-museo-sans: museo-sans;
   --unnamed-font-style-normal: normal;
   --unnamed-font-weight-normal: normal;
   --unnamed-font-size-15: 15px;
   --unnamed-font-size-17: 17px;
   --unnamed-font-size-18: 18px;
   --unnamed-font-size-20: 20px;
   --unnamed-font-size-22: 22px;
   --unnamed-font-size-24: 24px;
   --unnamed-font-size-25: 25px;
   --unnamed-font-size-28: 28px;
   --unnamed-font-size-30: 30px;
   --unnamed-font-size-25: 25px;
   --unnamed-font-size-28: 28px;
   --unnamed-font-size-30: 30px;
   --unnamed-character-spacing-0: 0px;
   --unnamed-line-spacing-18: 18px;
   --unnamed-line-spacing-20: 20px;
   --unnamed-line-spacing-25: 25px;
   --unnamed-line-spacing-26: 26px;
   --unnamed-line-spacing-30: 30px;
   --unnamed-line-spacing-31: 31px;
   --unnamed-line-spacing-36: 36px;
}
html {
   box-sizing: border-box;
}

*,
*:before,
*:after {
   box-sizing: inherit;
}

body {
   overflow-x: hidden;
   margin: 0;
   background-color: var(--piel);
}



p {
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--azuloscuro);
      text-align: left;
      opacity: 1;
}

h1 {
 
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 30px/36px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}

h2{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   opacity: 1;
   font-weight: 900;
}

h3 {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
}

.titulo_pp{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-31) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--rojosandia);
   text-align: left;
   opacity: 1;
   font-weight: 900;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
   width: 3rem;
   height: 3rem;
   filter: opacity(0.5);
}

.carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='d0d0d0'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='d0d0d0'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}



/*Color fondos*/
.bg-piel {
   background-color:var(--piel);
}
.bg-azuloscuro {
   background-color: var(--azuloscuro);
}
.bg-celestemedio{
   background-color: var(--celestemedio);
}
.bg-rojoitaliano{
   background-color: var(--rojoitaliano);
}
.bg-rojopalido{
   background-color: var(--rojopalido);
}
.bg-verde{
   background-color: var(--verde);
}
.bg-azulmedio{
   background-color: var(--azulmedio);
}
.bg-celestesuave{
   background-color: var(--celestesuave);
}
.bg-amarillo{
   background-color: var(--amarillo);
}
.bg-rojosandia {
   background-color: var(--rojosandia);
}
.bg-pielclaro{
   background-color: var(--pielclaro);
}
.bg-rojo{
   background-color: var(--rojo);
}
.bg-azulrey {
   background-color: var(--azulrey);
}
.bg-azulmedio{
   background-color: var(--azulmedio);
}
.bg-celeste{
background-color: var(--celestemedio)
}
.bg-azullight{
   background-color: var(--azullight)
   }
   
.bg-celestefuerte{
   background-color: var(--celestefuerte);
} 

/*Color textos*/
.text-rojo {
   color:var(--rojo);
}
.text-azuloscuro {
   color: var(--azuloscuro);
}

.text-rojosandia{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-31) var(--unnamed-font-family-museo);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--rojosandia);
      text-align: left;
        opacity: 1;
}

 

/* Character Styles */
 #enlaces .titulo_enlaces {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 25px/25px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
   }
 
#enlaces  .text_enlaces {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 17px/20px museo-sans;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;
   }


#enlaces  p {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 17px/20px museo-sans;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;
   }

#enlaces .text_btn_enlace {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/var(--unnamed-line-spacing-20) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 14px/20px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 700;
   }

   

.text_descripcion p  {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 22px/30px museo-sans;
   letter-spacing: 0px;
    opacity: 1;
   font-weight: 500;
   }


#noticias h5{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/22px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 20px/23px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 700;
}
#noticias img-noticias-slider {
 width: 713px;;
 height: 457px;
}


#noticias p  {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-15)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 18px/22px museo-sans!important;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 100;
   margin-top: 82px;
 
}

thead, tbody, tfoot, tr, td, th {
   font: normal normal normal 14px/20px museo-sans !important;
}

.textnumeros {
   font-family: var(--unnamed-font-family-museo);
   font-style: var(--unnamed-font-style-normal);
   font-weight: var(--unnamed-font-weight-normal);
   font-size: var(--unnamed-font-size-20);
   line-height: var(--unnamed-line-spacing-25);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
}


#onoti  .text_contenido_otras_noticia p {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 16px/19px var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 16px/19px museo-sans !important;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;
}

#onoti .titulo_caja_otras_noticias {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/24px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 20px/24px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   font-weight: 700;
}


.leermas {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-15)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font-weight: 900;
}

.titulo_libro{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/29px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 17px/27px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 700;
}
.centrado{
      display: flex;
      align-items: center;
      justify-content: center;
     }

.img_enlace {
   width: 220px;
   height: 175px;
}
 
.img_trabajador{
   opacity: 1;
}
.img_logo_mineduc{
   max-width: 85%;
}
.img_noticia_interna{
   width: 1081px;
   height: 559px; 
}

.text_suscribete {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font-weight: 700;
   opacity: 1;
}
.titulo_noticia {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-31) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font-weight: 500;
   opacity: 1;
   padding-bottom: 25px;
   }

.text_descripcion_noticias{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--azuloscuro);
      text-align: left;
      font-weight  : 500 ;
      opacity: 1;
      padding-top: 66px;
}

 
.text_menu_mas_publicaciones{
   /* UI Properties */
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/24px var(--unnamed-font-family-museo-sans);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--azuloscuro);
      text-align: left;
      font: normal normal normal 20px/24px museo-sans;
      letter-spacing: 0px;
      color: #272252;
      opacity: 1;
}

.img_noticia {
   width: 260px;
   height: 264px;
}

.text_link_footer {
   font-family: var(--unnamed-font-family-museo);
   font-style: var(--unnamed-font-style-normal);
   font-weight: var(--unnamed-font-weight-normal);
   font-size: var(--unnamed-font-size-15);
   line-height: var(--unnamed-line-spacing-15);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   font-size: 14px;
}

.btn-rojoitaliano {
   background: var(--rojoitaliano) 0% 0% no-repeat padding-box;
   background: #D65764 0% 0% no-repeat padding-box;
   border-radius: 11px;
   opacity: 1;
}
.btn-azuloscuro {
   background:  var(--azuloscuro) 0% 0% no-repeat padding-box;
   background: #272252 0% 0% no-repeat padding-box;
   border-radius: 11px;
   opacity: 1;
}
.btn-azulmedio{
      height: 46px;
      background: var(--azulmedio) 0% 0% no-repeat padding-box;
      background: #007096 0% 0% no-repeat padding-box;
      border-radius: 10px;
      opacity: 1;
}
.eye{
   width: 18,48px;
   height: 12,32px;
}

.text-enviar{
      text-align: left;
      font: normal normal normal 30px/20px museo-sans;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
}
/* Menu mineduc*/
#menumineduc{
   background: #FFFFFF; 
}
#menumineduc a {
   color: #272252;
   text-decoration: none;
}
.textoMenuMineduc {
   top: 16px;
   left: 415px;
   width: 476px;
   height: 17px;
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-17) / var(--unnamed-line-spacing-20) var(--unnamed-font-family-gobcl);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--unnamed-color-272252);
   text-align: left;
   font: normal normal bold 17px/20px gobCL;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
}
/*Menu cem*/
#menucem{
   top: 251px;
   left: 0px;
   background: var(--verde) 0% 0% no-repeat padding-box;
    opacity: 1;
}
#menucem a {
   color: #ffffff;
   text-decoration: none;
   margin-bottom: 0 !important;
}

.textoMenuCem{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/22px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 18px/22px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 800;
}

#menucem .fa-2x {
   font-size: 1.6em;
}


.bg-header{
   background: url(./img/BannerCEM.png) no-repeat center center;
   height: 206px;
   background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
}

#logo {
   float: right;
   background: url(./img/logofranja.png) no-repeat;
   min-width: 220px;
   padding-top: 8px;
   margin-top: 16px;
}

#logo h6 a {
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
}

.img_hombrelapiz{
   /* UI Properties */
   background: transparent url('img/hombreLapiz.png') 0% 0% no-repeat padding-box;
   opacity: 1;
}

.cuadro_amarillo{
   background: var(--amarillo) 0% 0% no-repeat padding-box;
   background: #F7A815 0% 0% no-repeat padding-box;
   opacity: 1;
}

.btn_button_enlaces{
   /* UI Properties */
      background: var(--celestefuerte) 0% 0% no-repeat padding-box;
      background: #63C3D1 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 6px #00000029;
      border-radius: 9px;
      opacity: 1;
}

.circulo{
   margin-bottom: -85px;

   height: 169px;
   opacity: 0.5;
}

.cinta{ 
   margin-bottom: -85px;
   opacity: 0.5;
}

.copihue{ 
   margin-bottom: -85px;
   opacity: 0.5;
}

.banderita{
   margin-bottom: -85px;
   opacity: 0.5;
}

.formmail{
   background: var(--blanco) 0% 0% no-repeat padding-box;
   border: 3px solid var(--grisoscuro);
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 3px solid #707070;
   border-radius: 32px;
   opacity: 1;
}
/*esticlos para collapse por año*/
.linea_azul{
   height: 0px;
   border: 3px solid #252D5B;
   opacity: 1;
}

.titulo_collapse{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/var(--unnamed-line-spacing-20) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 14px/20px museo-sans;
   letter-spacing: 0px;
   color: #272252;
   font-weight: 500;
      opacity: 1;
}


.tit-pest {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/22px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 22px/22px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 700;
}
/* evidencias */
/*acordion evidencias*/

#evi .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   color: #fff;
   background-color: #eb3c46;
}
#evi .nav-pills .nav-link {
   background: 0 0;
   border: 0;
   /* border-radius: 0.25rem; */
}
#evi .nav-pills .nav-link {
   background: 0 0;
   border: 0;
   border-radius:10px;
   background-color: #007096;
   color: #FFFFFF;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}
#evi p{
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--azuloscuro);
      text-align: left;
      font: normal normal normal 18px/30px museo-sans;
      letter-spacing: 0px;
      color: #272252;
      opacity: 1;
      font-weight: 500;
      padding-left: 22px;

}
.bpe{ /*boton publicaciob estadistica*/
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/15px var(--unnamed-font-family-museo);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--blanco);
      text-align: center;
      font: normal normal normal 14px/15px museo;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
}
.accordion-button:not(.collapsed) {
   color: #FFFFFF;
   background-color: #eb3c46;
   box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

/* FONIDE*/
#foni .accordion-button:focus {
   z-index: 3;
   border-color: #E94860;
   outline: 0;
   box-shadow: 0 0 0 0 #E94860;
   }
#foni .card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: var(--azullight);
   background-clip: border-box;
   border: 0px solid rgba(0,0,0,.125);
   border-radius: .25rem;
   }

#foni  hr {
   margin: 1rem 0;
   color: inherit;
   background-color: var(--azuloscuro);
   border: 0;
   opacity: 1.25;
   }
#foni a {
      color: #484872;
      text-decoration: none;
   }
 
/* tab */
#foni .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #E94860;
}

 
#foni.btn-check:focus+.btn, .btn:focus {
   background: var(--rojosandia) 0% 0% no-repeat padding-box;
   background: #E94860 0% 0% no-repeat padding-box;
   border-radius: 10px;
   opacity: 1;
}

#foni .btn:hover {
    background-color: #E94860;
}

#foni .btn-azulmedio{
   background-color: var(--azulmedio) 0% 0% no-repeat padding-box;
   background: #007096 0% 0% no-repeat padding-box;
   border-radius: 10px;
   height: auto;
   opacity: 1;
}

#foni  .accordion-button:not(.collapsed) {
   color: #FFFFFF;
   /*background-color: var(--celestefuerte);*/
   background-color: var(--azulmedio);
   box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

#foni .tit-collapse-fon {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 30px/36px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   font-weight: 900;
   opacity: 1;
}

#foni .desc-collapse-fon {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 18px/25px museo-sans;
   letter-spacing: 0px;
   color: #FFFFFF;
   font-weight: 500;
   opacity: 1;
}

#foni .accordion-button::after {
   flex-shrink: 0;
   width: 1.75rem;
   height: 1.75rem;
   margin-left: auto;
   content: "";
   background-image: url(./img/arrow-down-circle-fill.svg);
   background-repeat: no-repeat;
   background-size: 1.75rem;
   transition: transform .2s ease-in-out;
   }

#dis h2 {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 30px/36px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}
#dis .text-dis{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 18px/30px museo-sans;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 500;
}
#dis .tam-caja{
   width: 256px;
}
#dis .text-caja p {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 1vw/25px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}
#dis .tit-num{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-93)/var(--unnamed-line-spacing-93) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 93px/93px museo;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 900;
}

#dis .nombre-cargo{
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--azuloscuro);
text-align: center;
font: normal normal normal 20px/25px museo;
letter-spacing: 0px;
color: #272252;
opacity: 1;
font-weight: 900;
}

#dis .descripcion-unidad{
/* UI Properties */
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--azuloscuro);
text-align: left;
font: normal normal normal 18px/30px museo-sans;
letter-spacing: 0px;
color: #272252;
opacity: 1;
font-weight: 500;
}

#dis .colorfondo_img {
   background-color:#e5e5e5;
}

#contacto .text-suscribete-contacto{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 35px/45px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 35px/45px museo;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 700;
 }

#contacto .img-contacto{
   width: 325px;
   height: 268px;
 }

.text-caja-contacto{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 24px/30px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;
}

.link-caja-contacto{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-17)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 17px/30px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}


.titulo-caja-estint{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-25)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 25px/25px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}
.text-caja-estint{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 18px/30px museo-sans;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;
}

 .pl-120{
   padding-left: 120px;
 }
 
 .foto {
   height: 220px;
   width: 220px;
   padding: 15;
   margin: 0;
}
 
#fot .nav-link {
   display: block;
   padding-right: 1rem;
   padding-left: 0rem;
   padding-top: 0rem;
   padding-bottom: 0rem;
   text-align: left;
   font: normal normal normal 14px/24px museo-sans;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 500;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

#fot p {
   text-align: left;
   font: normal normal normal 14px/24px museo-sans;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 500;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

 

#contacto p {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 24px/30px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 500;

} 

#contacto .text_link_correo   {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 20px/30px Museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
}


#contacto .titulo_suscribete p {
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 35px/45px var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 35px/45px Museo;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
   font-weight: 700;
} 

#contacto .img_p_contacto {
   width: 325px;
   height: 268px;
} 

#contacto .boton_contacto {
   background: var(--blanco) 0% 0% no-repeat padding-box;
   border: 3px solid var(--grisoscuro);
   background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 3px solid #707070;
   border-radius: 32px;
   opacity: 1;
} 

#contacto .boton_contacto_enviar {
   /* UI Properties */
   background: var(--azuloscuro) 0% 0% no-repeat padding-box;
   background: #272252 0% 0% no-repeat padding-box;
   border-radius: 13px;
   opacity: 1;

} 
#contacto .text_caja {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 24px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-museo);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--blanco);
text-align: left;
font: normal normal normal 24px/30px museo;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}


#foni .font-botones-into-acordeon p {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/14px var(--unnamed-font-family-museo);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--blanco);
	text-align: center;
	font: normal normal normal 14px/14px museo;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	font-weight: 900;
}


#foni .titulo_collapse{
   font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/var(--unnamed-line-spacing-20) var(--unnamed-font-family-museo-sans);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--azuloscuro);
   text-align: left;
   font: normal normal normal 14px/20px museo-sans;
   letter-spacing: 0px;
   color: #272252;
   opacity: 1;
}

.wpcf7-spinner {
   visibility: hidden;
   display: inline-block;
   background-color: #23282d;
   opacity: 0.75;
   /* width: 24px; */
   /* height: 24px; */
   border: none;
   border-radius: 100%;
   padding: 0;
   /* margin: 0 24px; */
   position: relative;
}
/* iPads (vertical y horizontal) ----------- */  
@media only screen and (min-width : 768px) and (max-width : 1024px) {  

   .titulo_libro{
      text-align: left;
      font: normal normal normal 16px/18px museo;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
      font-weight: 500;
   }
	#dis .text-caja p {
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--blanco);
    text-align: left;
    font: normal normal normal 18px/25px museo!important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font-weight: 900;
}
	
	/*
	 .col {
        width: 100%;
        float: none;
    }*/
}  
/* Smartphones (portrait and landscape) ----------- */  
@media only screen and (min-width : 320px) and (max-width : 767px) {  
	#dis .text-caja p {
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-museo);
   letter-spacing: var(--unnamed-character-spacing-0);
   color: var(--blanco);
   text-align: left;
   font: normal normal normal 3vw/25px museo;
   letter-spacing: 0px;
   color: #FFFFFF;
   opacity: 1;
   font-weight: 900;
		
	}

}