/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

@media screen and (max-width: 600px) {
.ocultar-div{
display:none;
}
}

#header .header-inner #logo a > img, #header .header-inner #logo a [class*="logo-"], #header #header-wrap #logo a > img, #header #header-wrap #logo a [class*="logo-"] {
    display: none;
    height: 60px;
    margin-top: 8px;
}


.borde-redondeado-arriba{
    border: 1px solid #ffd141;
    background-color:#ffd141;
    border-radius:15px 15px 0 0;
}

.borde-redondeado-arriba-iconos{
  
    background-color:#b8ccb8; 
    
    border-radius:15px 15px 0 0;
    text-align:center;
}



.borde-redondeado-abajo{
    border: 1px solid #66a0c1;
    background-color:#66a0c1;
    border-radius:0 0 15px 15px;
     margin-top:20px;
     margin-bottom:20px; 
    
}
.borde-redondeado-abajo-novedades{
    border: 1px solid #ffedb3;
    background-color:#ffedb3;
    border-radius:0 0 15px 15px;
    
    
}
.borde-redondeado-total{
    border: 1px solid #99c6e4;
    background-color:#99c6e4;
    border-radius:15px 15px 15px 15px;
    
}

.texto-blanco{
 margin-inline:20px;
 color:white;
 font-size:16pt;
 margin-top:20px;
}
.texto-amarillo-atencion-publico{

 color:#ffedb3;
 font-size:16pt;
 text-align:center;

}


.texto-negro-servicios-titulo{

 color:black;
 font-size:16pt;
 text-align:center;

}


.texto-descarga-izquierda{
 margin-inline:-205px;
 color:white;
 font-size:14pt;
 margin-top:20px; 
}

.texto-descarga-derecha{
 margin-inline: -117px;
 color:white;
 font-size:14pt;
 margin-top:20px; 
}

.texto-izquierda-a{
float:left; 
margin-inline:20px;
 color:white;
 font-size:12pt;
margin-top:-10px;
font-family: "Poppins", sans-serif;
}


.texto-izquierda{
    float:left; 
}
.texto-derecha{
   float:right;  
} 

.encabezados{
    
    font-size:18pt;
    margin-left:20px;
    margin-top:20px;
    margin-bottom:15px;
    
  
}

.encabezados-p{
     
    font-size:14pt;
    margin-left:30px;
      margin-top:30px;
    margin-bottom:30px;
    margin-right:30px;
    
}

.flickity-page-dots .dot {
    display: inline-block;
    position: relative;
    margin: 15px 0 4px 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #c1c3ce;
    -webkit-transition: background 0.8s ease;
    transition: background 0.8s ease;
    
}
#footerigj {
    display: block;
    position: relative;
    background-color: #3f96b4;
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    font-family: inherit;
}




.center{
    text-align:center;
}
.texto-movil{
    
 color:white;
 font-size:12pt;
 margin-top:20px;
    
}
.texto-centrado-a{
 text-align:center;
 color:white;
 font-size:10pt;
font-family: "Poppins", sans-serif;
}

.texto-centrado-servicios-a{
 text-align:center;
 color:#4d4d4d;
 font-size:10pt;
font-family: "Poppins", sans-serif;

}




.encabezados-movil{
    
    font-size:14pt;
    margin-left:20px;
    margin-top:15px;
    margin-bottom:15px;
}
.encabezados-p-movil{
    font-size:10pt;
    margin-left:30px;
    margin-top:30px;
    margin-bottom:30px;
    margin-right:30px;
}

.texto-blanco-titulo-movil{

 color:white;
 font-size:12pt;
}
.texto-blanco-descripcion-movil{

 color:white;
 font-size:10pt;
}
.texto-negro-p-movil{
 color:black;
 font-size:10pt;
}

.texto-negro-titulo-movil{
 color:black;
 font-size:12pt;
}
.texto-negro-descripcion-movil{
 color:black;
 font-size:10pt;
}