:root{
--titulo-color:#002C58;
--boton-color: #F47E00;
--botonactivo-color:#002C58;
--h2a-color: #F49800;
--h2b-color:#4EA5C9;
--h2c-color:#95C11F;
--h3-color: #001F3E;
--p-color:#484F59;
--mapa1-color:#F5A200;
--mapa2-color:#314456;
--fondo-color:#F3F2F2;
--linkactivo-color:#1881EB;
}
.alineamiento-vertical {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} @media screen and ( max-width: 980px ) {
.reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
} @media screen and ( max-width: 980px ) {
.dos-columnas{
display: inline-block;
max-width: 50%;
}
} .espacioColumnas.et_pb_css_mix_blend_mode_passthrough{
margin-bottom: 40px!important;
}   #mega-menu-wrap-primary-menu {
margin-bottom: 10px;
}    
#et_top_search {
margin-top: 14px;
}
#et_search_icon{
color:var(--titulo-color);
}
#et_search_icon:hover{
color:#0064C8!important;
}
.et-search-form{
position: relative;
}
.et-search-form input {
position: absolute;
top: 17px;
margin: auto;
background: #F3F2F2;
width: 400px;
padding: 17px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-indicator{
color: var(--boton-color)!important;
}
.tituloMenu{
font-size: 27px;
color:var(--h2a-color);
}
.textoMenu{
font-size: 15px;
color:var(--p-color);
max-width: 300px;
font-weight: lighter;
}
.cabeceraMenu{
margin-top: 10px;
font-size: 20px;
color:var(--h2a-color);
}
a.enlaceMenu:link,a.enlaceMenu:visited{
font-size: 18px;
color:var(--titulo-color);
font-weight: 500;
}
a.enlaceMenu:hover,a.enlaceMenu:active{ color:#0064C8;
}
#mega-menu-item-224 .mega-menu-link{
padding-right: 0px!important;
}
@media (max-width: 1050px) {
.tituloMenu, .textoMenu{
display: none;
}
.cabeceraMenu{
margin-top: 0px;
}
.et_header_style_left #et-top-navigation {
padding-bottom: 20px;
}
#et_mobile_nav_menu, #et_top_search{
display: none;
}
#mega-menu-wrap-primary-menu {
margin-bottom: 0px;
}    
#mega-menu-wrap-primary-menu #mega-menu-primary-menu{
margin-top: 5px;
}
.mega-sub-menu ul li{
padding: 0px!important;
}
.mega-sub-menu ul li p{
margin: 0px!important;
}
} a.enlaceNormal:link,a.enlaceNormal:visited{
color: var(--p-color);
text-decoration: underline;
}
a.enlaceNormal:hover, a.enlaceNormal:active{
color: #7E9DC9;
}
@media all and (max-width: 980px) {
.imapsLegend{
display: none;
}
}
.cuadradoLeyendaNaranja{
background-color: var(--mapa1-color);
width: 15px;
height: 15px;
border-radius: 4px;
display: inline-block;
margin-right: 6px;
}
.cuadradoLeyendaAzul{
background-color: var(--mapa2-color);
width: 15px;
height: 15px;
border-radius: 4px;
display: inline-block;
margin-right: 6px;
} .tiempoIzquierda .et_pb_module_header, .tiempoIzquierda .et_pb_blurb_description{
text-align: right;
}
@media all and (max-width: 980px) {
.tiempoIzquierda .et_pb_module_header, .tiempoIzquierda .et_pb_blurb_description{
text-align: left;
}
} .tituloHome {
font-size: 57px;
font-weight: 600;
padding: 0px;
line-height: 80px;
}
.subtituloHome {
font-size: 30px;
margin-bottom: 40px;
line-height: 45px;
}
a.boton:link, a.boton:visited {
color: white;
background-color: var(--boton-color);
padding: 18px 39px;
font-size: 18px;
border-radius: 10px;
font-family: 'Titillium Web',Helvetica,Arial,Lucida,sans-serif;
}
a.boton:hover,a.boton:active{
background-color: var( --botonactivo-color);  
}
.contenedorServicio{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 25px;
margin-bottom: 25px;
}
.iconoServicio{
height: 59px;
}
.nombreServicio{
font-size: 16px;
color:var(--p-color);
line-height: 22px;
max-width: 145px;
}
a.enlaceServicio:hover .nombreServicio,a.enlaceServicio:active .nombreServicio{
color: var(--linkactivo-color); 
}
a.enlaceServicio:hover .iconoServicio,a.enlaceServicio:active .iconoServicio{
filter: hue-rotate(371deg) brightness(206%);
} 
.lwp-slick-slider .lwp_post_carousel_meta, .lwp-slick-slider .lwp_post_carousel_read_more{
display: none;
}
@media all and (max-width: 767px) {
.tituloHome {
font-size: 42px;
line-height: 55px;
margin-bottom: 30px;
}  
.subtituloHome {
font-size: 22px;
line-height: 30px;
}  
}
@media all and (max-width: 1285px) {
.servicioDerecha{
transform: scaleX(1) scaleY(1) translateX(0%) translateY(0px)!important;
margin-left: 20!important;
}
} .botonSombra{
box-shadow:none;
}
.botonSombra:hover,.botonSombra:active{
box-shadow: 0px 0px 20px #7d7b7b;
} .adornoLista ul{
list-style-image: url(//cosglobalservices.com/wp-content/uploads/2022/02/b6_circulo_color.svg);
}
.adornoLista.azul ul{
list-style-image: url(//cosglobalservices.com/wp-content/uploads/2022/02/b6_circulo_color_a.svg);
}
.adornoLista.naranja ul{
list-style-image: url(//cosglobalservices.com/wp-content/uploads/2022/02/b6_circulo_color_n.svg);
}
.adornoLista ul li{
padding-left: 5px;
margin-bottom: 17px;
}
.adornoLista ul ul{
list-style-image: url(//cosglobalservices.com/wp-content/uploads/2022/02/b4_triangulo_color.svg);
}
.adornoLista ul li li{
margin-bottom: 0px;
} #formGeneral {
margin: 0 auto;
}
#formGeneral label {
font-size: 20px;
font-weight: 600;
margin-left: 17px;
text-align: left;
line-height: 3;
color: var(--titulo-color)
}
#formGeneral .wpcf7-text {
width: 100%;
height: 60px;
font-size: 20px;
}
#formGeneral .wpcf7-textarea{
width: 100%;
font-size: 20px;
}
#formGeneral input.text, #formGeneral input.title, #formGeneral input[type=email], #formGeneral input[type=password], #formGeneral input[type=tel], #formGeneral input[type=text], #formGeneral select, #formGeneral .wpcf7-textarea {
padding: 20px;
border-radius: 10px;
font-size: 20px;
}
#formGeneral input.boton {
cursor: pointer;
color: white;
background-color: var(--boton-color);
padding: 18px 60px;
font-size: 18px;
border-radius: 10px;
font-family: 'Titillium Web',Helvetica,Arial,Lucida,sans-serif;
border: 0;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: block;
}
#formGeneral input.boton:hover{
background-color: var( --botonactivo-color);  
}
#formGeneral ::placeholder {
font-size: 20px;
color: #B5B5B5;
}
#formGeneral .textoLegal label{
line-height: 1;
font-size: 14px;
font-weight: 400;
margin-left: -17px;
}
#formGeneral .wpcf7-not-valid-tip {
margin-left: 17px;
} #formGeneral .opciones span{
line-height: 1;
font-size: 17px;
font-weight: 400;
margin-bottom: -21px;
margin-top: -10px;
}
#formGeneral .opciones .wpcf7-list-item{
width: 100%;
display: block;
} .listadoPublicaciones article{
margin: 40px 20px !important;
}
#sidebar h2{
font-size: 25px;
}
#sidebar li{
font-size: 17px;
}
#sidebar #block-2{
margin-top: 30px;
}
#sidebar #block-3{
margin-top: 65px;
}
.et_pb_post{
padding-right: 50px;
}
.more-link{
display: block;
text-transform: lowercase;
}
a.more-link:link, a.more-link:visited {
color: white;
background-color: var(--boton-color);
padding: 7px 39px;
font-size: 16px;
border-radius: 5px;
font-family: 'Titillium Web',Helvetica,Arial,Lucida,sans-serif;
margin-top: 20px;
margin-bottom: 12px;
width: fit-content;
}
a.more-link:hover, a.more-link:active {
background-color: var( --botonactivo-color);
}
.more-link:first-letter{
text-transform: uppercase;
}
.entry-title, .post-meta, .post-content{
margin: 0 10px;
}
.single-post h1, .single-post .post-meta{
margin-left: 0px;
}
@media screen and ( max-width: 980px ) {
.listadoPublicaciones article{
margin: 40px 0px !important;
}
#sidebar #block-2{
margin-top: 0px;
}
#sidebar #block-3{
margin-top: 0px;
}
.et_pb_post{
padding-right: 0px;
}
.single-post h1{
font-size: 40px;
}
} #footer a:link,#footer a:visited{
font-size: 17px;
font-weight: 400;
color:white;
letter-spacing: 0.3px;
line-height: 25px;
}
#footer .tituloFooter, #footer .tituloFooter a{
color: var(--h2a-color);
font-size: 26px;
font-weight: 400;
letter-spacing: 0.62px; margin-bottom: 25px;
padding-bottom: 0px;
}
#footer a:hover,#footer a:active{ color: var(--linkactivo-color);
}
#footer ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#footer li{
margin-top: 5px;
}
#footer .contactoFooter{
color: white;
font-weight: 100!important;
margin-top: -4px;
display: block;
}
#footer .rrssFooter{
margin-right: 8px;
margin-top: 10px;
}
#footer a.legalFooter{
font-weight: 100;
}
@media all and (max-width: 767px) {
#footer li{
margin-top: 16px;
}
#footer a:link,#footer a:visited{
font-size: 18px;
}
#footer .tituloFooter, #footer .tituloFooter a{
color: var(--h2a-color);
font-size: 24px;
margin-bottom: 26px;
}
}