/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 13 2021 | 11:30:44 */
/*CABECERA CUSTOM AUX-1*/
section.cabecera-custom.aux-1{}
section.cabecera-custom.aux-1 .elementor-column.contenido > .elementor-column-wrap{background: rgb(223 4 131 / 90%); border-radius: 5px; padding: 70px 30px 0px; max-width: 510px;
    height: 524px; z-index: 10; /*align-items: center; background: rgba(223,4,131,0.5); border-radius: 5px; padding: 30px 20px; max-width: 510px;*/}
section.cabecera-custom.aux-1 .elementor-column.contenido .elementor-widget-image.logo{position: absolute; top: -15px; right: -10px;}
section.cabecera-custom.aux-1 .elementor-column.contenido .elementor-widget-image.logo img{/*max-width: 150px;*/ margin: auto}
/*botones*/
section.cabecera-custom.aux-1 .elementor-widget-button{text-align: center; margin-bottom: 10px}
section.cabecera-custom.aux-1 .elementor-widget-button a{border-radius: var(--a-border-radius-btn); padding: 8px 20px; min-width: 220px;} /*botones*/
section.cabecera-custom.aux-1 .elementor-widget-button.telefono a{background: transparent;} /*boton telefono*/
section.cabecera-custom.aux-1 .elementor-widget-button.email a{background: #fff;} /*boton email*/
section.cabecera-custom.aux-1 .elementor-widget-button.telefono a:hover{box-shadow: none !important; background: #fff} 
section.cabecera-custom.aux-1 .elementor-widget-button.email a:hover{box-shadow: none !important; background: transparent} 
section.cabecera-custom.aux-1 .elementor-widget-button a span.elementor-button-text{flex-grow: inherit}
section.cabecera-custom.aux-1 .elementor-widget-button a svg{height: auto; font-size: var(--a-tamano-texto-body);position: relative; top: 3px} /*iconos*/
section.cabecera-custom.aux-1 .elementor-widget-button.telefono a svg path{fill: #fff; transition: var(--a-transition)}
section.cabecera-custom.aux-1 .elementor-widget-button.email a svg path{fill: var(--a-color-primario); transition: var(--a-transition)}
section.cabecera-custom.aux-1 .elementor-widget-button.telefono a:hover svg path{fill: var(--a-color-primario)}
section.cabecera-custom.aux-1 .elementor-widget-button.email a:hover svg path{fill: #fff}
/*version servicio*/
section.cabecera-custom.aux-1 section.soluciones-catalogos{}
section.cabecera-custom.aux-1 section.soluciones-catalogos .elementor-row{justify-content: center}
section.cabecera-custom.aux-1 section.soluciones-catalogos .elementor-row > .elementor-column{width: auto !important; margin: 0px 10px}
/*responsive*/
@media (max-width: 992px){
  	section.cabecera-custom.aux-1 .elementor-column.contenido{max-width: 100%; flex: 100%; justify-content: center}
  	section.cabecera-custom.aux-1 section.datos .elementor-column{max-width: 50%; flex: 50%}
}
@media(max-width: 510px){
  	section.cabecera-custom.aux-1 .elementor-column.contenido > .elementor-column-wrap{border-radius: 0px}
}
@media(max-width: 415px){
  	section.cabecera-custom.aux-1 .elementor-column.contenido > .elementor-column-wrap{height: auto; padding: 30px; background: var(--a-color-primario); border-radius: 0px}
  	section.cabecera-custom.aux-1 section.datos .elementor-column{max-width: 100%; flex: 100%}
}
@media(max-width: 370px){
  	section.cabecera-custom.aux-1 .elementor-column.contenido .elementor-widget-image.logo{display: none}
}
/*con cambios*/
section.cabecera-custom.aux-1.cambios .elementor-column.contenido > .elementor-column-wrap{height: 374px;}
section.cabecera-custom.aux-1.cambios .elementor-widget-heading.titulo{margin-bottom: 0px !important}
section.cabecera-custom.aux-1.cambios .elementor-widget-heading.titulo .elementor-heading-title{font-size: 28px; line-height: 34px; font-weight: 900}
section.cabecera-custom.aux-1.cambios .elementor-widget-heading.titulo .elementor-heading-title:after{content: ""; height: 2px; background: #ffffff73; width: 100px;
    display: block; margin: 10px 0px 20px;}
section.cabecera-custom.aux-1.cambios .elementor-widget-button{display: none}
section.cabecera-custom.aux-1.cambios .elementor-column.contenido .elementor-widget-image.logo{position: initial; margin-top: 60px}
section.cabecera-custom.aux-1.cambios .elementor-column.contenido .elementor-widget-image.logo img{/*max-width: 120px*/}

