/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.83.1736171621
Updated: 2025-01-06 10:53:41

*/
:root { 
	--Azul: #172968;    
	--Rojo: #E30616;  
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h2,
h4 {
	font-size: 25px;
}
ul#menu-menu-principal li a{
	text-transform: none;
	font-size: 16px;
    font-weight: 500;
	padding: 0 30px;
}
ul#menu-menu-principal li ul.sub-menu  {
	padding: 15px 30px 30px;
}
ul#menu-menu-principal li ul.sub-menu li a{
	font-size: 14px;
	padding: 7px 0px;
}


ul#menu-menu-principal li a:hover {
    color: var(--theme-link-hover-color);
}
.pre-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.pre-header div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pre-header div img {
    margin-right: 5px;
}
.pre-header div a {
    line-height: 10px;
	flex: 1;
}

.ct-drawer-canvas div#offcanvas .ct-panel-inner {
    background-color: #f1f1f2;
}
.ct-drawer-canvas div#offcanvas .ct-panel-inner .ct-panel-actions button.ct-toggle-close {
    --theme-icon-size: 40px;
}
.ct-drawer-canvas div#offcanvas .ct-panel-inner .ct-panel-actions svg.ct-icon {
    background-color: var(--Rojo);
    padding: 10px;
    border-radius: 6px;
}

#pre-footer ul.elementor-icon-list-items li span.elementor-icon-list-icon {
    background-color: #000;
    border-radius: 0px 0px 10px 10px;
}
#pre-footer ul.elementor-icon-list-items li svg {
    margin: 0px !important;
    padding: 15px 10px 10px;
}
.titulo-home h2 span {
    background-color: var(--Azul);
	padding: 0 10px;
}
.titulo-home.quienes-somos h2 span {
	background-color: var(--Rojo);
}
.titulo-home h2 span.convenio {
    padding: 0px 10px;
    background-color: transparent;
}
.titulo-home h2 {
    line-height: normal;
}
.elementor-element.banner_convenios::before {
	width: 90%;
}
.grecaptcha-badge {
    visibility: hidden;
}
.titulo-contacto h2 span {
    background-color: var(--Azul);
    padding: 3px 10px 7px;
}
.cf-container.formulario-contacto div {
    margin-bottom: 30px;
}
.cf-container.formulario-contacto div p {
    color: #fff;
}
.cf-container.formulario-contacto div p label {
    color: #000;
    font-weight: 500;
}
.cf-container.formulario-contacto div input, .cf-container.formulario-contacto div textarea {
    background-color: transparent;
    border: none;
    border-bottom: solid 1px #191919;
    border-radius: 0;
    padding: 0;
    color: #8B8B8B;
}
.cf-container.formulario-contacto div textarea {
    --theme-form-field-height: 35px;
}
.cf-container.formulario-contacto div input::placeholder,
.cf-container.formulario-contacto div textarea::placeholder {
    font-weight: 400;
}
.cf-container.formulario-contacto div.btn-enviar {
    display: flex;
    justify-content: space-between;
}
.cf-container.formulario-contacto div.btn-enviar p {
    color: #000;
    font-size: 12px;
}
.cf-container.formulario-contacto div.btn-enviar input {
    background-color: var(--Azul);
    color: #fff;
    font-weight: 500;
    padding: 5px 50px;
    border-radius: 8px;
}
.cf-container.formulario-contacto div.btn-enviar input:hover{
	background-color: var(--Rojo)
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
    border: solid 1px var(--Azul);
    color: #000;
    text-align: center;
    border-radius: 5px;
}
.cf-container.formulario-contacto div.btn-enviar{
    place-items: center;
}
.cf-container.formulario-contacto div.btn-enviar span.wpcf7-spinner {
    display: none;
}
.titulo-convenio {
	min-height: 65px;
}
.cf-container.formulario-contacto {
    min-height: 70px;
}
.linkedin-footer a {
    display: flex;
    flex-direction: row-reverse;
}
.linkedin-footer a span.elementor-icon-list-text {
    padding: 0px 5px 0px 0px ;
}
.icono-contacto svg {
    background-color: var(--Rojo);
    border-radius: 50%;
    padding: 15px;
}
.contacto-popup .icono-verde .elementor-icon{
    background-color: #009444;
    border-radius: 50%;
    padding: 10px;
}
header span.rojo {
    color: var(--Rojo);
	transition: 300ms;
}
header span.rojo:hover{
	color: var(--Azul);
	transition: 300ms;
}
header span.rojo span.texto {
    color: #000;
}
img.icono {
    width: 13px;
    height: auto;
    margin-right: 3px;
}
a.dialog-close-button.dialog-lightbox-close-button {
    border: solid 2px var(--Rojo);
    border-radius: 50%;
    padding: 5px;
}