.elementor-kit-6{--e-global-color-primary:#163C85;--e-global-color-secondary:#C5542B;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4b05874:#042357;--e-global-color-f89dee6:#02122D;--e-global-color-3fc6848:#FFFFFF;--e-global-color-553996a:#EEF1F6;--e-global-color-7659f5e:#161616;--e-global-color-0ffb099:#505056;--e-global-color-1ab3ab1:#161616BD;--e-global-color-d38b00a:#D6D3D3;--e-global-color-f173f8c:#E4DFDB;--e-global-color-4e08e3e:#A29C97;--e-global-color-10086a0:#656565;--e-global-color-98f69f9:#E7EAEF;--e-global-color-9411b08:#F2EFEC;--e-global-color-259a242:#1A2B46;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-e4bb14f-font-family:"Poppins";--e-global-typography-e4bb14f-font-size:18px;--e-global-typography-e4bb14f-font-weight:600;--e-global-typography-e4bb14f-text-transform:uppercase;color:var( --e-global-color-7659f5e );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-3fc6848 );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;--e-preloader-animation:rubberBand;--e-preloader-animation-duration:1500ms;--e-preloader-delay:100ms;--e-preloader-width:6%;--e-preloader-opacity:1;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-259a242 );}.elementor-kit-6 h1{color:var( --e-global-color-7659f5e );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-kit-6 h2{color:var( --e-global-color-7659f5e );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;}.elementor-kit-6 h4{font-family:"Montserrat", Sans-serif;font-size:20px;}.elementor-kit-6 h5{font-family:"Montserrat", Sans-serif;font-size:18px;}.elementor-kit-6 h6{font-family:"Montserrat", Sans-serif;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-3fc6848 );background-color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;padding:15px 22px 15px 22px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:var( --e-global-color-3fc6848 );background-color:#02122D;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-f89dee6 );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-259a242 );}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1366px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );--e-preloader-width:6%;--e-preloader-opacity:1;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1200px){.elementor-kit-6{--e-preloader-width:6%;--e-preloader-opacity:1;}}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );--e-preloader-width:7%;--e-preloader-opacity:1;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-6{--e-preloader-width:8%;--e-preloader-opacity:1;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );--e-preloader-width:12%;--e-preloader-opacity:1;}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS *//*SCROLLBAR*/
body {
 background-size: 100vh;
 overflow: overlay;
}

/* Establece el color de fondo de la parte desplazable */
body::-webkit-scrollbar {
 width: 12px;
 background: linear-gradient(180deg, rgba(242,239,236,1) 0%, rgba(255,255,255,1) 100%);
}

/* Establece el color de la barra de scroll, dándole un radio de borde */
body::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, rgba(22,60,133,0.908000700280112) 0%, rgba(13,81,213,0.7343312324929971) 100%);
/*linear-gradient(180deg, rgba(106,127,166,1) 0%, rgba(173,183,201,1) 100%);*/
 border-radius: 4px;
 /* Damos un espacio de 2px, solid (para que se vea) y agregamos color de fondo*/
 border-right: 2px solid rgba(242,239,236,1);
}

/* Estabalece un color de la barra de scroll al hacer hover */
body::-webkit-scrollbar-thumb:hover{
 background-color: #163C85;
}


html{
 scrollbar-width: thin;
 scrollbar-color: #163C85 #fff;
}

/* ANIMACIÓON DE ELEVACIÓN FLOTANTE (cards) */ 
.hover-lift{
    transition: all 0.3s ease-out 0s
}
.hover-lift:hover{
    transform: translateY(-10px);
}

/* ANIMACIÓN CONTENEDOR TEXTOS (PRODUCTOS) */

.as-changing-widget{
    --speed: 0.8s;
    --gap: 40px;
}
.as-changing-widget{
    transition: all 0.3s ease-in-out;
    height: var(--h);
    --height: calc(var(--h) + var(--gap));
}
.as-changing-widget .elementor-widget{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.as-changing-widget .elementor-widget .elementor-widget-container{
    transform: translateY(calc(-10 * var(--height)));
}
.as-changing-widget .elementor-widget.prev .elementor-widget-container{
    animation: prev var(--speed) ease-in-out;
    transform: translateY(calc(-1 * var(--height)));
}
.as-changing-widget .elementor-widget.next .elementor-widget-container{
    animation: next var(--speed) ease-in-out;
    transform: translateY(var(--height));
}
.as-changing-widget .elementor-widget.currentUp,
.elementor-kit-6 .elementor-widget.currentDown{
    z-index: 1;
}
.as-changing-widget .elementor-widget.currentUp .elementor-widget-container{
    animation: currentUp var(--speed) ease-in-out;
    transform: translateY(0);
}
.as-changing-widget .elementor-widget.currentDown .elementor-widget-container{
    animation: currentDown var(--speed) ease-in-out;
    transform: translateY(0);
}

@keyframes prev {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(calc(-1 * var(--height)));}
}

@keyframes next {
  0%   {transform: translateY(0);}
  100%   {transform: translateY(var(--height));}
}

@keyframes currentUp {
  0%   {transform: translateY(var(--height));}
  100%   {transform: translateY(0);}
}

@keyframes currentDown {
  0%   {transform: translateY(calc(-1 * var(--height)));}
  100%   {transform: translateY(0);}
}


/* TEXTO DESTACADO CARD CONTACTO EN INICIO*/
 
 /* Datos contacto*/
.pro-tittle:after{
    content: 'CONTÁCTANOS';
    background: #1A2B46;
    color: #ffffff;
    position: absolute;
    top: 25px;
    right: 0;
    padding: 3px 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 15px;
    border-radius: 16px 0px 0px 16px
}

/* Datos ubicación*/
.pro-visit:after{
    content: 'VISÍTANOS';
    background: #1A2B46;
    color: #ffffff;
    position: absolute;
    top: 25px;
    right: 0;
    padding: 3px 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 15px;
    border-radius: 16px 0px 0px 16px
}

/* DAR FORMA A LOS CHECKBOX DEL FORMULARIO (Zona de contacto)*/
/* Poner los elementos en línea y darle un espaciado entre ambos*/
.elementor-field-option{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}


/* Agregar el cursor pointer y agrandar el checkbox */
.elementor-field-option input[type="checkbox"]{
    cursor: pointer;
    width: 15px;
}

/* A través del id del campo mensaje, se establece que el usuario no podrá modificar su tamaño*/
#form-field-campo_mensaje{
    resize: none;
}

/* Menú móvil */
/* Editar el color de los botones de hamburguesa y el de cerrar  */
.lytbox-button {
	--hamburger-color: #000;
	--close-x-color: #fff;
	display: block;
	height: 18px;
	cursor: pointer;
	position: relative;
	z-index: 101;
}

/* Número ID de la plantilla para hacer el menú a tamaño completo */
.elementor-2185 {
	width: 100%;
}

/* */
.lytbox-navigation {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(100%);
	overflow: hidden;
	transition: transform 0.2s;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.lytbox-navigation {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* "Animación hamburguesa" */
.lytbox-button .hamburguer {
	position: relative;
}

.lytbox-button .hamburguer span{
	display: block;
	height: 2px;
	width: 24px;
	background: var(--hamburger-color);
	transform-origin: 50% 50%;
	transition: all 0.1s 0.2s ease, transform 0.2s ease;
}

.lytbox-button .hamburguer span:nth-child(2) {
	transform: translate(0, 6px);
}

.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 12px);
		
}

.lytbox-nav_control {
	position: absolute;
	left: -9999px;
	width: 100%;
	clip: rect(0, 0, 0, 0);
}

.lytbox-nav_control:checked~.lytbox-navigation {
	transform: translateX(0);
	opacity: 1;
	transition: transform 0.3s, opacity 0.3s;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer {
	transition: all 0.1s 0s ease;
}

/* "Animación" de cerrar x */
.lytbox-nav_control:checked~.lytbox-button .hamburguer span {
	background: var(--close-x-color);
	transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:first-child {
	opacity: 0;
}

.lytbox-nav_control:checked~.lytbox-button  .hamburguer span:nth-child(2) {
	transform: translate(0, 6px) rotate(45deg);
}

.lytbox-nav_control:checked~.lytbox-button .hamburguer span:nth-child(3) {
	transform: translate(0, 4px) rotate(-45deg);

}/* End custom CSS */