.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#000000;--e-global-color-accent:#00C07B;--e-global-color-text:#263238;--e-global-color-9db4755:#607D8B;--e-global-color-698268c:#006E44;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*HEADER*/
.boton-svg a{
    width: 198px;
    height: 2.5rem;
    align-content: center;
}
.boton-svg svg  {
    width: 1.125rem;
    height: 1.125rem;
    color: #fff;
}
@media (min-width: 1400px) {
    .header-container {
        max-width: 1400px;
    }
}
/*MENU PRINCIPAL*/
.menu-principal {
    height: 48px
}
/*MENU HAMBURGUESA*/
.menu-responsive .elementor-menu-toggle svg{
    color:  #fff;
}
.menu-responsive ul{
    padding: 0rem 1rem 2rem 1rem;
    
}
.menu-responsive ul li{
    margin-top: 1rem;
    width: 100%
}

.menu-boton a{
    width: 198px;
    margin: auto;
    height: 2.5rem;
    border: 2px solid #fff;
    border-radius: 30px;
    gap: 0.5rem;
}
.menu-boton a img {
    width: 1.125rem;
    height: 1.125rem;
}
 .menu-boton a p {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0px;
    color:#fff;
}



/*INICIO*/
.boton-inicio{
    width: 100%;
}
.boton-inicio a{
    height: 56px;
    align-content: center
}
.boton-inicio span{
    align-items: center;
}
.boton-inicio svg{
    width: 1.5rem;
    height: 1.5rem
}

@media(max-width: 767px){
    .boton-inicio a{
        height: 40px;
    }
    .boton-inicio svg{
    width: 1.125rem;
    height: 1.125rem
}
}



/*EMPRESA*/
.contenido-empresa {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
}



/*SERVICIOS*/
.parrafo-servicio {
    margin-top: 1rem;
}
.caja-icono-servicios {
    width:100%;
    box-shadow: 0px 10px 60px 0px #262D7614;
    border-radius: 0.5rem;
}
@media (min-width: 1024px) {
    .parrafo-servicio p {
        margin-left: auto;
        margin-right: auto;
    }
}



/*PROPAGANDA*/
.caja-icono-propaganda div{
    align-items: center;
}



/*PRODUCTOS*/
.card-productos:hover {
    box-shadow: 0px 0px 10px 0px rgba(38, 45, 118, 0.16);
}
.boton-catalogo{
    width: 100%;
}
.boton-catalogo a{
    height: 40px;
    align-content: center;
}
.boton-catalogo a svg {
    width: 1.125rem;
    height: 1.125rem;
}



/*CONTACTO*/
/*INFORMACION-CONTACTO*/

.caja-icono-contacto svg{
        width: 1.5rem;
        height: 1.5rem;
}
.caja-icono-contacto h3{
    margin: 0;
} 
.caja-icono-contacto a{
    color: #607D8B;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.caja-icono-contacto p{
    margin: 0;
}
.p-contacto-a {
    padding-bottom: 0.5rem;
    font-family: inter;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color:#607D8B;
}
.p-contacto-b {
    font-family: inter;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    color:#607D8B;
}

@media (min-width: 1024px) {
    .container-contacto{
    height: 100%
}
}

/*FORMULARIO-CONTACTO*/
.formulario-contacto .elementor-field-label {
    color: #000 !important;
    background-color: #E5FFF0;
    margin-left: 1rem ; 
    padding: 0px 0.5rem 0.2rem 0.5rem !important;
}
.formulario-contacto label {
  margin-bottom: -10px;
  z-index: 2;
}
.formulario-contacto input{
    height: 56px;
}
.formulario-contacto button svg{
    width: 1.125rem;
    height: 1.125rem;
}



/*UBICACION*/
.boton-ubicacion{
    width: 100%;
}
.boton-ubicacion a{
    height: 48px;
    align-content: center;
}
.boton-ubicacion a svg{
    width: 1.5rem;
    height: 1.5rem;
}



/*FOOTER*/
.footer-container{
    margin: auto;
    max-width: 80rem;
}
.icono-instagram-facebook {
    height: 24px;
}
.icono-instagram-facebook svg {
    color: #64748b;
    transition: 150ms;
}
.icono-instagram-facebook svg:hover {
    color: #020817;
}



/* ANIMACION */
.empresa-container-animation {
    position: relative;
    overflow: hidden;
}
.servicios-container-animacion {
    position: relative;
    overflow: hidden;
}
    
.contacto-container-animacion{
    position: relative;
    overflow: hidden;
}

/*figura 1*/
.img-1 {
  width: 1200px;
  height: 600px;
  position: absolute;
  top: -500px;
  left: -60%;
  border-radius: 9999px;
  background-color: #16a2491a;
  animation: img-animation-1 20s infinite ease-in-out;
}

/*figura 2*/
.img-2 {
  width: 1200px;
  height: 600px;
  position: absolute;
  top: 600px;
  right: -75%;
  border-radius: 9999px;
  background-color: #1e293b1a;
  animation: img-animation-2 15s infinite ease-in-out;
}
@media (max-width:767px){
    .img-2{
        display:none;
    }
}

/*figura 3*/
.img-3 {
  width: 1200px;
  height: 600px;
  position: absolute;
  top: 900px;
  left: -30%;
  rotate: 90deg;
  border-radius: 9999px;
  background-color: #1e293b33;
  animation: img-animation-3 10s infinite ease-in-out;
}

/*figura 4*/
.img-4 {
  width: 1200px;
  height: 600px;
  position: absolute;
  top: -600px;
  right: -50%;
  rotate: 0deg;
  border-radius: 9999px;
  background-color: #16a2491a;
  animation: img-animation-4 10s infinite ease-in-out;
}

/*figura 5*/
.img-5 {
  width: 1200px;
  height: 600px;
  position: absolute;
  top: 600px;
  left: -50%;
  border-radius: 9999px;
  background-color: #16a2491a;
  animation: img-animation-5 15s infinite ease-in-out;
}

/* animacion figura 1 */
@keyframes img-animation-1 {
  0% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(80deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
/* animacion figura 2 */
@keyframes img-animation-2 {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(30deg);
  }
}

/* animacion figura 3 */
@keyframes img-animation-3 {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}

/* animacion figura 4 */
@keyframes img-animation-4 {
  0% {
    transform: rotate(-40deg);
  }
  50% {
    transform: rotate(-80deg);
  }
  100% {
    transform: rotate(-40deg);
  }
}

/* animacion figura 4 */
@keyframes img-animation-5 {
  0% {
    transform: rotate(-40deg);
  }
  50% {
    transform: rotate(-80deg);
  }
  100% {
    transform: rotate(-40deg);
  }
}/* End custom CSS */