*{margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:root{--color_fondo: #F4F5FA;--fondo:#F7F8FD;--texto:#3e3e3e/*000f38*/;--blanco:#fff;
    --background-linear: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;    
    --gradient-color: linear-gradient(to right, #1A2980, #26D0CE);
    --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;
    --green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
/*=============== Scrooll del sitio web ==================*/
body{
    --colo_fondo_galeria : #F5F7FA; 
    --box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;    
    --tamano_letra_p : 14px;
    --color_letra_p: #000;
    --text_envio: #575757;    
}

body::-webkit-scrollbar-thumb{
   
    width: 13px;
    height: 200px;
    border-radius: 5px;
    background: var(--color2); 
    
}
/*=============== Scrooll del sitio web ==================*/
body::-webkit-scrollbar{
    width: 13px;
    background: #ccc;
}
body::-webkit-scrollbar-thumb{
    background-image: url('../img/barra-scrooll.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 13px;
    border-radius: 5px;    
}
/*
body::-webkit-scrollbar-thumb:hover{
    background: #000;
    border-radius: 5px;
}*/
/*=============== fin scrooll del sitio web ==============*/
.dfw{display: flex;flex-wrap: wrap;}
.btn_link{text-decoration: none;background: var(--color1);color: #fff;padding: 15px;padding-left: 35px;padding-right: 35px;border-radius: 5px;font-weight: 600px;}
.btn_link:hover{background: var(--color2);}
.btn_link2{text-decoration: none;color: var(--color3);padding: 12px;padding-left: 30px;padding-right: 30px;border-radius: 5px;font-weight: bold;}
.btn_link2:hover{background: var(--color2_hover);color: #FFF;}
.fon_color_1{background: #FFF;}
.fon_color_2{background: #F7F7F7; flex-direction: row-reverse;}
.fon_color_2d{background: linear-gradient(to right, #1A2980, #26D0CE);}
.c1{padding-top: 80px;padding-bottom: 80px;}
.conten_main{width: 100%;margin: auto;}
.conten_main .conten_main_color_line{width: 100%;margin: auto;}
.conten_main .c1, .conten_main .c2{padding-top: 150px;padding-bottom: 150px;}
.conten_h1{width: 100%;display: flex;justify-content: center;}
.conten_h1 h1{width: 80%; text-align: center;margin-top: 50px;}
/**/
.btn {
    --clr-font-main: hsla(0 0% 20% / 100);
    --btn-bg-1: hsla(194 100% 69% / 1);
    --btn-bg-2: hsla(217 100% 56% / 1);
    --btn-bg-color: hsla(360 100% 100% / 1);
    --radii: 0.5em;
    cursor: pointer;
    padding: 0.9em 1.4em;
    min-width: 120px;
    min-height: 44px;
    font-size: var(--size, 1rem);
    font-weight: 500;
    transition: 0.8s;
    margin-top: 15px;
    background-size: 280% auto;
    background-image: linear-gradient(
      325deg,
      var(--btn-bg-2) 0%,
      var(--btn-bg-1) 55%,
      var(--btn-bg-2) 90%
    );
    text-decoration: none;
    border: none;
    border-radius: var(--radii);
    color: var(--btn-bg-color);
    box-shadow:
      0px 0px 20px rgba(71, 184, 255, 0.5),
      0px 5px 5px -1px rgba(58, 125, 233, 0.25),
      inset 4px 4px 8px rgba(175, 230, 255, 0.5),
      inset -4px -4px 8px rgba(19, 95, 216, 0.35);
  }
.btn_accion {
    --clr-font-main: hsla(0 0% 20% / 100);
    --btn-bg-1: hsla(194 100% 69% / 1);
    --btn-bg-2: hsla(217 100% 56% / 1);
    --btn-bg-color: hsla(360 100% 100% / 1);
    --radii: 0.5em;
    cursor: pointer;
    padding: 0.9em 1.4em;
    min-width: 120px;
    min-height: 44px;
    font-size: var(--size, 1rem);
    font-weight: 500;
    transition: 0.8s;
    background-size: 280% auto;
    margin-top: 30px;
    background-image: linear-gradient(
      325deg,
      var(--btn-bg-2) 0%,
      var(--btn-bg-1) 55%,
      var(--btn-bg-2) 90%
    );
    text-decoration: none;
    border: none;
    border-radius: var(--radii);
    color: var(--btn-bg-color);
    box-shadow:
      0px 0px 20px rgba(71, 184, 255, 0.5),
      0px 5px 5px -1px rgba(58, 125, 233, 0.25),
      inset 4px 4px 8px rgba(175, 230, 255, 0.5),
      inset -4px -4px 8px rgba(19, 95, 216, 0.35);
  }

.btn-donate {
    --clr-font-main: hsla(0 0% 20% / 100);
    --btn-bg-1: hsla(194 100% 69% / 1);
    --btn-bg-2: hsla(217 100% 56% / 1);
    --btn-bg-color: hsla(360 100% 100% / 1);
    --radii: 0.5em;
    cursor: pointer;
    padding: 0.9em 1.4em;
    min-width: 120px;
    min-height: 44px;
    font-size: var(--size, 1rem);
    font-weight: 500;
    transition: 0.8s;
    background-size: 280% auto;
    background-image: linear-gradient(
      325deg,
      var(--btn-bg-2) 0%,
      var(--btn-bg-1) 55%,
      var(--btn-bg-2) 90%
    );
    text-decoration: none;
    border: none;
    border-radius: var(--radii);
    color: var(--btn-bg-color);
    box-shadow:
      0px 0px 20px rgba(71, 184, 255, 0.5),
      0px 5px 5px -1px rgba(58, 125, 233, 0.25),
      inset 4px 4px 8px rgba(175, 230, 255, 0.5),
      inset -4px -4px 8px rgba(19, 95, 216, 0.35);
  }
  
  .btn-donate:hover {
    background-position: right top;
  }
  .btn_accion:hover {
    background-position: right top;
  }
  
  .btn-donate:is(:focus, :focus-visible, :active) {
    outline: none;
    box-shadow:
      0 0 0 3px var(--btn-bg-color),
      0 0 0 6px var(--btn-bg-2);
  }
  
  .btn_accion:is(:focus, :focus-visible, :active) {
    outline: none;
    box-shadow:
      0 0 0 3px var(--btn-bg-color),
      0 0 0 6px var(--btn-bg-2);
  }
  
  @media (prefers-reduced-motion: reduce) {
    .btn-donate {
      transition: linear;
    }
    .btn_accion {
        transition: linear;
    }
  }
  
/**/
.btn_social{
    margin: 3px;    
    font-size: calc(10px + 0.35vw);
    width: fit-content;
    display: flex;
    /*padding: 1.2em 1rem;*/
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    gap: 0.4rem;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    /*text-shadow: 2px 2px 3px rgba(0, 21, 83, 0.76);*/
    background: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;
    background-size: 300%;
    border: none;
    background-position: left center;
    transition: background .3s ease;
    text-decoration: none;
  }
.btn_social:hover {background-size: 320%;background-position: right center;}
.btn_social:hover span {fill: #fff;}
.btn_social span {width: 23px;fill: var(--color1);transition: .3s ease;}
/*.btn{border-radius: 5px;text-decoration: none;padding: 15px;padding-left: 35px;padding-right: 35px;font-size: 15px;font-weight: 600; 
    background: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;
    background-size: 300%;
    background-position: left center;
    transition: background .3s ease;

    color: #fff;border: none;cursor: pointer;margin-top: 10px;}*/

.btn:hover{background-size: 320%;background-position: right center;}
/* ====================== */
.btn_accion_2{      
    font-size: calc(10px + 0.35vw);
    width: fit-content;
    display: flex;
    /*padding: 1.2em 1rem;*/
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    gap: 0.4rem;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    /*text-shadow: 2px 2px 3px rgba(0, 21, 83, 0.76);*/
    background: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;
    background-size: 300%;
    border: none;
    background-position: left center;
    transition: background .3s ease;
    text-decoration: none;
  }
.btn_accion_2:hover {background-size: 320%;background-position: right center;}
.btn_accion_2:hover span {fill: #fff;}
.btn_accion_2 span {width: 23px;fill: var(--color1);transition: .3s ease;}
/**/
.btn_envia_correo{
    font-family: inherit;
    font-size: 20px;
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
    background: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;
    background-size: 300%;
    border: none;
    background-position: left center;
    transition: background .3s ease;
    text-decoration: none;
  }
  .btn_envia_correo span {display: block;margin-left: 0.3em;transition: all 0.3s ease-in-out;}
  .btn_envia_correo svg {display: block;transform-origin: center center;transition: transform 0.3s ease-in-out;}
  .btn_envia_correo:hover{background-size: 320%;background-position: right center;  }
  .btn_envia_correo:hover .svg-wrapper {animation: fly-1 0.6s ease-in-out infinite alternate;}
  .btn_envia_correo:hover svg {transform: translateX(1.2em) rotate(45deg) scale(1.1);}
  .btn_envia_correo:hover span {transform: translateX(5em);}
  .btn_envia_correo:active {transform: scale(0.95);}
  @keyframes fly-1 {from {transform: translateY(0.1em);}to {   transform: translateY(-0.1em);}}
/**/

@media screen and (max-width:600px){.conten_main .c1, .conten_main .c2{padding-top: 80px;padding-bottom: 80px;}.btn_link{font-size: 15px;}}
@media screen and (max-width:450px){.btn_link{font-size: 13px;}}
/*========== GIF CARGANDO PANTALLA COMPLETA =======*/
.hide{display: none;}
.conten_carga{background-color: rgba(250, 250, 250, 0.9);height: 100%;width: 100%;position: fixed;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 10000;top: 0px;}
.conten_carga #menajecarga{position: absolute;top: 30%;left: 37%;text-align: center;font-weight: 600;font-size: 35px;width: 500px;}
.conten_carga #carga{border: 3px solid #ccc;border-top-color: var(--color1);height: 100px;width: 100px;border-radius: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;-webkit-animation: girar 1.5s linear infinite;-o-animation: girar 1.5s linear infinite;animation: girar 1.5s linear infinite;}
@keyframes girar{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
/*========== FIN GIF CARGANDO PANTALLA COMPLETA =======*/
/*============  ECABEZADO DEL MENU =========*/
.conten_head_top_1{position: relative;height: 60px;width: 100%;}
.conten_head_top_1 .conten_forma_1{
    position: absolute;
    top: 0px;
    height: 60px;    
    width: 25%;
    border-bottom: 50px solid #fff;
    border-right: 65px solid transparent;
    z-index: 2;
}
.conten_head_top_1 .conten_forma_2{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 60px;    
    width: 25%;
    border-bottom: 50px solid #fff;
    border-left: 65px solid transparent;
    z-index: 2;
}
.conten_head_top_1 .conten_head_fondo{
    display: flex;
    height: 100%;
    width: 100%;
    background: var(--color2);
}
.conten_head_top_1 .conten_head_fondo .conten_btn_head{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;      
    width: 100%;
    align-items: center;
}
.conten_head_top_1 .conten_head_fondo .conten_redes_sociales_head{width: 30%;margin-right: 170px;align-content: center;}
.conten_head_top_1 .conten_head_fondo .conten_head_social{
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;  
    width: 100%;    
    align-items: center;
    margin-right: 80px;
}
.conten_head_top_1 .conten_head_fondo .conten_head_social a{padding: 5px 10px 5px 10px;font-size: 20px;margin: 0px 3px 0px 3px;color: #fff;border-radius: 5px;}
.conten_head_top_1 .conten_head_fondo .conten_head_social a:hover{transition: 0.5s;color: #fff;background: var(--color1);    }
/*============  FOOTER DEL MENU =========*/
.conten_footer_top_1{position: relative;height: 50px;width: 100%;margin-top: -25px;}
.conten_footer_top_1 .conten_forma_1{position: absolute;bottom: 10px;height: 40px;    width: 10%;border-bottom: 50px solid var(--color1);border-right: 65px solid transparent;z-index: 2;}
.conten_footer_top_1 .conten_forma_2{position: absolute;right:  0px;bottom: 10px;height: 40px;    width: 10%;border-bottom: 50px solid var(--color1);border-left: 65px solid transparent;z-index: 2;}
.conten_footer_top_1 .conten_head_fondo{height: 100%;width: 100%;background: #fff;border-bottom: 10px solid var(--color1);}
/*==================Estilos de menu principal==============*/
.conten-menu{position: relative;background: var(--color5);z-index: 2;padding-top: 5px;padding-bottom: 5px;}
.menu{display: flex;padding-top: 8px;padding-bottom:8px;list-style: none;z-index: 10;flex-wrap: wrap;align-items: center;}
/*==================== ESTILOS PARA CELULAR ===============*/
.menu_bar{display:none;background: #fff;padding: 10px;}
.menu_bar a .logo{height: 50px;}
.menu_bar{display:none;background: #fff;}    
.menu_bar .conten_btn_menu{display: flex;}
.menu_bar{display:none;background: #fff;}
    
/*=========================== MENU PARA ESCRITORIO, LAPTOP, TABLE ==========================*/
header{width: 100%;background: #fff;/*box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;*/}
header nav{position: relative;width:100%;z-index:10;}
header nav .contenedor_menu{display: flex;flex-wrap: wrap;width: 100%;margin: auto;align-items: center;}
header nav .contenlogomenu{position: absolute;margin-left: 15%;}
header .menu .contenlogomenu .logopega{height: 70px;width: 280px;}
header nav ul{display: flex;flex-wrap: wrap;justify-content: end;width: 76%;list-style: none;align-items: center;margin-right: 20px;}
header nav ul li{
    display:inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header nav ul li:hover .children{display:block;transform: 1s;}
header nav ul li .children{
    display: none;/*aqui desaparece el submenu*/
    position: absolute;
    top: 53px;
    left: 25px;
    width: 100%;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: rgba(0,0,0,0.5) 1px 5px 10px;
    border-radius: 10px;
    z-index:999;
}
header nav ul .children li{width: 100%;padding: 3px 0px 3px 0px;}
header nav ul li .children li a {color: var(--texto);font-size: 14px;width: 100%;margin: 0px;}
header nav ul li .children li a:hover{color: var(--color1);}
header nav ul li .children li a span{/*position: absolute;right: 10px;*/color: var(--texto);}
header nav ul li a{display:flex;text-decoration:none;transition: 0.5s;margin: 0px 5px 0px 5px;    color: #000;font-size: 16px;align-items: center;color: var(--texto);padding: 15px 20px 15px 20px;}
header nav ul li a span{font-size: 15px;margin-top: 0px;margin-right:10px;color: var(--texto);}
header nav ul li a:hover{color:  var(--color1);}
header nav ul li a:hover span{color:  var(--color1);}
header nav ul li a .icon-right{margin-right: 0px;margin-left: 10px;}

header nav ul li ul li a{padding: 10px;}

header .conten_btn_contacto{width: 10%;align-content: center;}
header .conten_btn_contacto .btn_contacto {
    width: fit-content;
    display: flex;
    padding: 15px;
    cursor: pointer;
    gap: 0.4rem;
    font-weight: bold;
    border-radius: 5px;
    text-shadow: 2px 2px 3px rgba(0, 21, 83, 0.76);
    background: linear-gradient(15deg, #1244c2, #0f389f, #1245c5, #235ae3, #1d49b8, #1d49b8, #1d49b8, #0b318f, #1d49b8) no-repeat;
    background-size: 300%;
    color: #fff;
    border: none;
    background-position: left center;
    transition: background .3s ease;
    text-decoration: none;
}
header .conten_btn_contacto .btn_contacto:hover {background-size: 320%;background-position: right center;}
header .conten_btn_contacto .btn_contacto:hover span {fill: #fff;}
header .conten_btn_contacto .btn_contacto span {width: 23px;fill: var(--color1);transition: .3s ease;}
.menu ul li #form-buscar, .menu-fixed ul li #form-buscar{display: flex;width: 320px;margin-left: 10px;margin-right: 10px;}
.menu ul li #form-buscar .input-buscar, .menu-fixed ul li #form-buscar .input-buscar{
    width: 100%;
    padding: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    border: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid var(--color2);
    font-size: 15px;
}
.menu ul li #form-buscar .btnbuscar, .menu-fixed ul li #form-buscar .btnbuscar{
    background: var(--color2);
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    border: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.menu ul li #form-buscar .btnbuscar:hover{color: #fff;background: var(--color1);}
/*================= ESTILOS PARA MENU PEGAJOSO ============*/
.menu-fixed{
    position: fixed;/*para que se mantenga el menu pergado*/
    width: 100%;
    max-width: 100%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;
    z-index: 10;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    top: 0px;
    /*border-top: 6px solid var(--color1);*/
}


.menu-fixed .conten_btn_contacto{margin-top: 0px;}
.menu-fixed .children{left: 25px;}
.menu-fixed .children, .menu-fixed .children2{box-shadow: rgba(0,0,0,0.5) 1px 5px 10px} 
.menu-fixed .contenlogomenu{margin-right: 0px;}
.menu-fixed .children{margin-top: 0px;}

@media screen and (max-width:1760px) {
header nav .contenlogomenu{margin-left: 9%;}
  
.menu ul li #form-buscar, .menu-fixed ul li #form-buscar{margin-left: 0px;margin-right: 0px;}
.menu ul li #form-buscar .input-buscar, .menu-fixed ul li #form-buscar .input-buscar{padding: 10px;padding-top: 12px;padding-bottom: 12px;font-size: 12px;}
.menu ul li #form-buscar .btnbuscar, .menu-fixed ul li #form-buscar .btnbuscar{color: #fff;padding-left: 8px;padding-right: 8px;font-size: 12px;}}
@media screen and (max-width:1590px) {
header .menu-fixed  .contenlogomenu .logopega{margin-top: 48px;}
header nav ul{justify-content: center;width: 100%;}
header nav .contenlogomenu {margin-left: 5%;top: -50px;}
header .conten_btn_contacto{position: absolute;right: 7%;top: -50px;}
.menu-fixed .logopega{margin-top: 45px;}
.menu-fixed .conten_btn_contacto{margin-top: 55px;}}
@media screen and (max-width:1529px){.menu ul li #form-buscar, .menu-fixed ul li #form-buscar{width: 250px;}}
@media screen and (max-width:1480px){    header nav ul li a span{font-size: 12px;margin-right:3px;}
header nav ul li a .icon-right{margin-left: 3px;}}
@media screen and (max-width:1390px){
header nav .contenlogomenu {margin-left: 2%;}    
}

@media screen and (max-width:1260px){
header .menu-fixed .contenlogomenu .logopega{margin-top: 50px;}
header nav .contenlogomenu{margin-left: 0.5%;}
header .menu .contenlogomenu .logopega{height: 68px;width: 200px;}}
@media screen and (max-width:1220px){
.menu-fixed .contenlogomenu  .logopega{height: 50px;width: 150px;margin-top: 55px;}
.menu-fixed .conten_btn_contacto a{padding-left: 30px;padding-right: 30px;font-size: 13px;}
.menu-fixed .conten_btn_contacto{right: 5%;}}

@media screen and (max-width:1130px){
header nav .contenlogomenu .logopega {height: 60px;width: 200px;}
header nav .contenedor_menu{margin-top: 10px;}
.menu-fixed  .contenedor_menu{margin-top: 0px;}
header .conten_btn_contacto{right: 8%;}
.conten_footer_top_1{margin-top: -35px;}    
header .conten_btn_contacto a{font-size: 12px;}}
@media screen and (max-width:1112px){.menu-fixed  ul li a{padding: 10px;}.menu-fixed .conten_btn_contacto a{padding-left: 10px;padding-right: 10px;}}  
@media screen and (max-width:1100px){
header .menu .contenlogomenu .logopega {height: 60px;width: 180px;}}
@media screen and (max-width:1108px){.conten-form-pc{display: none;}}
@media screen and (max-width: 1000px){.menu-fixed .contenlogomenu{margin-left: 0.5%;}.menu-fixed .conten_btn_contacto{right: 4.5%;}}
@media screen and (max-width: 950px){
    header .menu{margin-top: 6px;height: 100%;background: var(--color1);width: 75%;right: -100%;padding-top: 0px;}
    header{margin-top: 0px;}
    .menu_bar a .logo{margin-top: 5px;}
    header .btn_contacto_pc{display: none;}
    header .btn_contacto_movil{display: block;position: absolute;right: 0px;width: 200px;top: 15px;}
    header .conten_btn_contacto .btn_contacto{padding: 15px 20px 15px 20px;}
    header nav .contenlogomenu{display: none;}
    header{padding-bottom: 0px;}
    header nav {width: 80%;height: calc(100% - 80px);position: fixed;right:100%;margin: 0px;}
    .menu_bar{position: fixed;display:flex;flex-wrap: wrap;background: #fff;width: 100%;box-shadow: rgba(0, 0, 0, 0.4) 5px 5px 20px;top: 0px;z-index: 20;border-top: 5px solid var(--color1);}
    .conten-menu{padding-top: 0px;padding-bottom: 0px;}
    .menu .contenedor_menu .contenlogomenu, .menu-fixed .contenedor_menu .contenlogopega{display: none;}
    /*======= MENU PEGAJOSO EN MOVIL =========*/
    .menu-fixed ul li a span{color: #fff;}
    .menu_bar .contenedor_menu{margin-top: 20px;}
    .menu_bar .conten_btn_menu_bar{position: absolute;right: 15px;font-size: 20px;margin-top: 5px;}
    .menu_bar .conten_btn_menu_bar a{margin: 10px;color: var(--color1);font-size: 30px;}
    .menu_bar .conten_btn_menu_bar a:hover{color: var(--color1);}
    header nav ul li a:hover span{color: #fff;}
    header nav ul li a span{margin-right: 10px;color: #fff;font-size: 13px;}
    header nav ul li ul li a span{margin-right: 0px;}
    header nav ul li a .icon-right{margin-left: 10px;}    
    header .conten-menu .menu-fixed{margin-top: 66px;}
    


    header nav .contenedor_menu{margin-top: 0px;}
    header nav ul{display: block;padding-left: 0px;margin-right: 0px; margin-top: 0px;width: 100%;}
    header nav ul li{display: block;border-bottom:1px solid rgba(255,255,255,.5);}
    header .menu ul li a{display: block;color: #fff;padding-left: 20px;padding-top: 15px;padding-bottom: 15px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;width: 100%;font-size: 12px;}    
    header .menu ul li a:hover{background: var(--color2);color: #fff;}
	header .menu ul li .children{position: relative;width: 100%;padding-bottom: 0px;box-shadow: none;border-bottom-left-radius: 0px;left: 0px;top: 0px;border-radius: 0px;}    
    header nav ul li:hover .children{display: block;}
    header nav ul .children li{padding: 0px;}
    header .menu ul li .children li{left: 0px;padding-left: 0px;width: 100%;}
    header .menu ul li .children li a{color: var(--color1);width: 100%;font-size: 10px;padding: 10px;}
    header nav ul li .children li a:hover{color: #fff;}
    header .menu ul li .children li a p{margin-top: 10px;width: 70%;}
}
@media screen and (max-width:450px){.menu_bar .conten_btn_menu_bar a{margin: 7px;}
header .btn_contacto_movil a{padding: 10px 15px 10px 15px;}}
@media screen and (max-width:400px){
   header .menu{margin-top: 6px;}
  .menu_bar a .logo{height: 40px;margin-top: 5px;} 
header .btn_contacto_movil{width: 125px;right: 50px;}
header .btn_contacto_movil a{font-size: 12px;}
.menu_bar .conten_btn_menu_bar{right: 10px;}}
/*======================= FIN DE ESTILOS DEL MENU ===============*/

/*=============================== FOOTER ====================================*/
.main_footer{width: 100%;display: block;justify-content: center;background: var(--color_fondo);/*margin-top: 50px;*/}
.main_footer .conten_footer{display: flex;width: 90%;padding: 50px 80px 50px 80px;justify-content: center;margin: auto;}
.main_footer .conten_footer .conten_info_empresa{width: 25%;margin-left: 15px;margin-right: 15px;display: block;}
.main_footer .conten_footer .conten_info_empresa .logo{height: 80px;width: 300px;margin-bottom: 10px;}
.main_footer .conten_footer .conten_info_empresa .text{width: 100%;text-align: justify;font-size: 15px;color: #000;line-height: 25px;}
.main_footer .conten_footer .conten_links{display: flex;flex-wrap: wrap;width: 20%;padding-left: 20px;padding-right: 20px;margin-left: 15px;margin-right: 15px;align-content: baseline;}
.main_footer .conten_footer .conten_links .titulo{color: var(--color1);font-size: 25px;font-weight: 600;width: 100%;margin-bottom: 15px;}
.main_footer .conten_footer .conten_links a{width: 100%;text-decoration: none;color: #000;margin-bottom: 20px;font-size: 15px;}
.main_footer .conten_footer .conten_links a:hover{color: var(--color1);}
.main_footer .conten_footer .conten_links a span{color: var(--color1);margin-right: 5px;}
.conten_contact{display: flex;flex-wrap: wrap;width: 25%;margin-left: 10px;margin-right: 10px;align-content: baseline;}
.conten_contact .titulo{color: var(--color1);font-size: 25px;font-weight: 600;width: 100%;margin-bottom: 15px;}
.conten_contact a{text-decoration: none;width: 100%;color: #000;margin-bottom: 25px;font-size: 15px;}
.conten_contact a:hover{color: var(--color1);}
.conten_contact a:hover span{background: #fff;color: var(--color1);}
.conten_contact a span{color: #fff;background: var(--color1);border-radius: 5px;padding: 6px 9px;font-size: 20px;margin-right: 10px;}
.conten_contact .conten_social_map{width: 100%;font-size: 15px;}
.conten_contact .conten_social_map .titulo{margin-bottom: 15px;}
.conten_contact .conten_social_map{line-height: 30px;}
footer .copy{width: 100%;margin: auto;background: rgba(12,12,12,0.99);padding: 15px;}
footer .copy .conten_copy{position: relative;display: flex;flex-wrap: wrap;margin: auto;max-width: 1350px;color: #fff;padding-top: 10px;padding-bottom: 10px;}
footer .copy .conten_copy .desarrollado{position: absolute;right: 0px;display: flex;}
footer .copy .conten_copy .desarrollado .fares{display: flex;text-decoration: none;color: #ccc;font-weight: bold;align-items: center;}
footer .copy .conten_copy .desarrollado .fares:hover{color: #fff;font-weight: bold;}
footer .copy .conten_copy .desarrollado .fares .icons-fares{height: 20px; width: 20px;}
@media screen and (max-width: 1296px){.main_footer .conten_footer{padding: 50px 0px 50px 0px;}}
@media screen and (max-width: 900px){
.main_footer .conten_footer{display: flex;flex-wrap: wrap;}
.main_footer .conten_footer .conten_info_empresa{width: 90%;margin-bottom: 25px;}
.main_footer .conten_footer .conten_links{width: 90%;margin-bottom: 25px;}
.conten_contact{width: 90%;}}
/*ANIMACION LETRAS FARES SYSTEMS*/
.container_fares{text-decoration: none;font-weight: bold;margin-left: 10px;display: flex;align-items: center;}
.container_fares .icon_fares{height: 25px; width: 25px; margin-right: 5px;}
.container_fares .cohete{height: 20px; width: 20px; margin-left: 10px;}
.container_fares > span{animation: glow 3s ease-in-out infinite;}
@keyframes glow {
    0%, 100%{color: #fff;text-shadow: 0 0 12px blue, 0 0 50px  blue, 0 0 100px blue;}
    10%, 90%{color: #555555;text-shadow: none;}
}
.container_fares > span:nth-child(1){animation-delay: 0.25s;}
.container_fares > span:nth-child(2){animation-delay: 0.5s;}
.container_fares > span:nth-child(3){animation-delay: 0.75s;}
.container_fares > span:nth-child(4){animation-delay: 1s;}
.container_fares > span:nth-child(5){animation-delay: 1.25s;}
.container_fares > span:nth-child(6){animation-delay: 1.50s;}
.container_fares > span:nth-child(7){animation-delay: 1.75s;}
.container_fares > span:nth-child(8){animation-delay: 2s;}
.container_fares > span:nth-child(9){animation-delay: 2.25s;}
.container_fares > span:nth-child(10){animation-delay: 2.50s;}
.container_fares > span:nth-child(11){animation-delay: 2.75s;}
.container_fares > span:nth-child(12){animation-delay: 3s;}
/*FIN ANIMACION LETRAS FARES SYSTEMS*/
@media screen and (max-width:1450px) {footer .copy .conten_copy{max-width: 1200px;}}
@media screen and (max-width:1250px){footer .copy .conten_copy{max-width: 1000px;}}
@media screen and (max-width:950px){
    footer .copy .conten_copy{width: 80%;font-size: 14px;}
    footer .copy .conten_copy{max-width: 800px;}}
@media screen and (max-width:850px){footer .copy .conten_copy .desarrollado{width: 100%;position: inherit; margin-top: 10px;}}
@media screen and (max-width:400px){
    footer .copy{padding-bottom: 5px;}
    footer .copy .conten_copy .desarrollado{display: flex;flex-wrap: wrap;justify-content: center;}
    footer .copy .conten_copy .desarrollado .container_fares{width: 100%;margin-top: 10px;justify-content: center;}}
/*=============================== FIN FOOTER ====================================*/

/*================== ESTILOS PARA BOTON DE WHASTAPP ============*/
.conten_main_btn_whatsapp{position: fixed;left: 90px;bottom: 20px;z-index: 1000;}
.conten_main_btn_whatsapp .conten_btn_whatsapp{position: relative;display: flex;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .btn_whatsapp{
    font-size: 25px;
    color: #fff;
    background: #2BC44A;
    border-radius: 50%;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
    transition: 1s;
    border: none;
    cursor: pointer;
    z-index: 1;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{
    position: absolute;
    display: none;
    border-radius: 10px;
    top: -195px;
    left: 20px;
    height: 195px;
    width: 300px;
    box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_fondo_whatsapp{
    height: 100%;
    width: 100%;
    background-image: url('../img/whastapp/whastapp-fondo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head{
    position: relative;
    background: #00A884;
    padding-top: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_body{
    background-image: url('../img/whastapp/popap-whastapp.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    width: 80%;
    margin-top: 11px;
    margin-left: 15px;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_body .mesaje_whastapp p{margin-left: 18px;font-size: 14px;    padding-top: 12px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .btn_envio_whatsapp_cerrar{
    position: absolute;
    top: -20px;
    right: -20px;
    padding: 5px 6px;
    font-size: 10px;
    border-radius: 50%;
    border: 0px;
    cursor: pointer;
    box-shadow: var(--box-shadow);
    background: #fff;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .conten_img_venta{
display: flex;flex-wrap: wrap;align-items: center;background: #F0F2F5;width: 90%;margin: auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .conten_img_venta P{font-size: 15px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_head .img_user_whatsapp{height: 40px;width: 40px;/*border-radius: 50%;*/margin: 10px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer{
position: absolute;bottom: 0px;width: 100%;padding: 10px;background: #F0F2F5;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;display: flex;justify-content: center;
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .btn_envio_whatsapp{
    border: 0px;
    border-radius: 50%;
    margin-left: 8px;
    font-size: 18px;    
    background: none;
    cursor: pointer;
    color: #63727C;    
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;    
}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .btn_envio_whatsapp .icon_planet{transform: rotate(40deg);font-size: 18px;margin-left: -5px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp .conten_whatsapp_footer .text_whastapp{border: 0px;border-radius: 5px;padding: 10px;width: 230px;}
.conten_btn_whatsapp .conten_text_animado{
    cursor: pointer;
    display: none;
    background: #fff; 
    margin: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    padding-right: 20px;   
    border-radius: 30px;
    margin-left: -40px;    
    box-shadow: rgba(16, 217, 38, 0.77) 0px 1px 12px 0px;
}
.conten_btn_whatsapp .conten_text_animado p{color: #00A884;}
@media screen and (max-width:950px) {.conten_main_btn_whatsapp{ left: 20px;}}
@media screen and (max-width:800px) {        
.conten_btn_whatsapp .conten_text_animado{width: 270px;font-size: 14px;padding-left: 50px;padding-right: 0px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{top: -200px;left: 10px;}}
@media screen and (max-width:500px){.conten_main_btn_whatsapp{left: 28px;}}
@media screen and (max-width:550px) {.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a img{margin-right: 0px;}
.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{font-size: 12px;}}
@media screen and (max-width:460px) {.conten-form-movil .conten-busqueda-movil .list-group .list-group-item .a p{font-size: 10px;}
.conten_btn_whatsapp .conten_text_animado{width: 200px;padding: 0px;}
.conten_btn_whatsapp .conten_text_animado p{padding: 8px;padding-left: 55px;}}
@media screen and (max-width:360px) {.conten_main_btn_whatsapp .conten_btn_whatsapp .conten_text_whatsapp{left: -5px;width: 290px;}}
/*================== FIN ESTILOS PARA BOTON DE WHASTAPP ============*/

/*BARRA DE REDES SOCIALES + */
.conten_barra_social{position: fixed;bottom: 20px;left: 20px;z-index: 1000;}
.conten_btn_plus_redes{display: flex;flex-wrap: wrap;justify-content: center;align-content: center;height: 55px;width: 55px;background: var(--color1);
padding: 10px;box-shadow: rgba(100,100,100, 0.6) 0px 1px 12px 0px;border-radius: 50%;cursor: pointer;transition: all 400ms;}
.btn_redes{font-size: 30px;color: #fff;}
.conten_barra_social:hover .conten_btn_plus_redes{transform: rotate(135deg);background: var(--color2);}
.red{position: absolute;display: flex;justify-content: flex-end;transition: all 400ms;opacity: 1;padding: 13px;z-index: 100;padding-left: 8px;}
.red a{display: flex;text-decoration: none;}
.conten_barra_social:hover .red{opacity: 1;}
.conten_barra_social .red:hover  label{opacity: 1;}
.conten_barra_social .red label{
	width: 140px;
	font-size: 15px;
	transition: all 400ms;
	opacity: 0;
	margin-top: 10px;
	height: 30px;
	margin-left: 10px;
	box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;
	border-radius: 5px;
	padding: 3px;
	padding-left: 10px;
	background: #fff;
    text-align: center;
    font-weight: 600;
}
.conten_barra_social .red span{font-size: 20px;}
.conten_barra_social .red img{height: 45px;width: 45px;}
.conten_barra_social .red .img_tiktok{height: 45px;width: 45px;}
.conten_barra_social .red .img_maps{height: 43px;width: 43px;}

/*======COLORES DE REDES SOCIALES*/
.conten_barra_social .facebook     span{padding: 10px 15px 10px 15px;color: #fff;background: #3B5998;border-radius: 50%;font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .youtube      span{padding: 10px 15px 10px 15px;color: #fff;background: #FF0000;border-radius: 50%;font-size:18px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .instagram    span{padding: 10px 15px 10px 15px;color: #fff;background-image: linear-gradient(60deg,#f7cf6c 0,#f74f3d ,#9834b3 100%);border-radius: 50%;font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .messanger    span{padding: 10px 15px 10px 15px;color: #fff;background: #007fff;border-radius: 50%; font-size:20px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .email        span{padding: 10px 15px 10px 15px;color: #fff;background: #007fff;border-radius: 50%; font-size:18px;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;align-items: center;}
.conten_barra_social .waze          img{padding: 13px 13px 13px 13px;color: #fff;background: #40cef7; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.conten_barra_social .maps          img{padding: 13px 13px 13px 13px;color: #fff;background: #e2e2e2; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.conten_barra_social .tiktok        img{padding: 13px 13px 13px 13px;color: #fff;background: #000000; border-radius: 50%;box-shadow: rgba(0,0,0,0.5) 1px 2px 10px 0px;}
.facebook       {transform: translate(-90px, 0px) scale(0);}
.youtube        {transform: translate(-90px, 0px) scale(0);}
.instagram      {transform: translate(-90px, 0px) scale(0);}
.email          {transform: translate(-90px, 0px) scale(0);}
.messanger      {transform: translate(-90px, 0px) scale(0);}
.waze           {transform: translate(-90px, 0px) scale(0);}
.maps           {transform: translate(-90px, 0px) scale(0);}
.tiktok         {transform: translate(-90px, 0px) scale(0);}
.conten_barra_social:hover .facebook  {transform: translate(-10px, -80px) scale(1);}
.conten_barra_social:hover .messanger {transform: translate(-10px, -140px) scale(1);}
.conten_barra_social:hover .instagram {transform: translate(-10px, -200px) scale(1);}
.conten_barra_social:hover .email     {transform: translate(-10px, -260px) scale(1);}
.conten_barra_social:hover .waze      {transform: translate(-10px, -320px) scale(1);}
.conten_barra_social:hover .maps      {transform: translate(-10px, -380px) scale(1);}
.conten_barra_social:hover .tiktok    {transform: translate(-12px, -440px) scale(1);}
.conten_barra_social:hover .youtube   {transform: translate(-11px, -503px) scale(1);}
@media screen and (max-width:800px){.conten_barra_social{bottom: 90px;}}
@media screen and (max-width:500px){
    .conten_barra_social{left: 28px;}
    .conten_barra_social .red label{display: none;}
    .conten_barra_social .red .img_tiktok{height: 49px;width: 49px;}
    .conten_barra_social .red .img_maps{height: 45px;width: 48px;}
	.conten_barra_social .waze img{padding: 10px;}
    .facebook       {transform: translate(-25px, 0px) scale(0);}
    .youtube        {transform: translate(-25px, 0px) scale(0);}
    .instagram      {transform: translate(-25px, 0px) scale(0);}
    .email          {transform: translate(-25px, 0px) scale(0);}
    .messanger      {transform: translate(-25px, 0px) scale(0);}
    .waze           {transform: translate(-25px, 0px) scale(0);}
    .maps           {transform: translate(-25px, 0px) scale(0);}
    .tiktok         {transform: translate(-25px, 0px) scale(0);}
}
/*====================== FIN BARRA SOCIAL ==================*/

/*================= CLIENTES ===============*/
.clientes {width: 100%;background: #fff;padding-top: 50px;padding-bottom: 50px;}
.clientes .titu-clientes {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;text-align: center;margin-bottom: 20px;}
.clientes .titu-clientes h2 {width: 100%;font-size: 30px;color: var(--color1);margin-bottom: 20px;}
.clientes .conten-clientes {display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 80%;}
.clientes .conten-clientes .conten-produc-promo {width: 100%;}
.clientes .conten-clientes img {height: 100px;width: 200px;}
.clientes .conten-clientes  .owl-carousel .owl-nav button.owl-prev {top: 25%;left: 0px;}
.clientes .conten-clientes  .owl-carousel .owl-nav button.owl-next {top: 25%;right: 0px;}
@media screen and (max-width:700px) {.clientes .conten-clientes  .owl-carousel .owl-item img{height: 80px;width: 150px;}
.clientes .conten-clientes  .owl-carousel .owl-item .item{display: flex;justify-content: center;}
.clientes .titu-clientes h2{font-size: 25px;}}
/*================= FIN CLIENTES ===============*/
/*============ BLOQUE 5 =============*/
.conten_main_bloque_5b{width: 100%;margin: auto;}
.conten_bloque_5b{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;width: 100%;}
.conten_bloque_5b_title{width: 100%;text-align: center;font-size: 25px;margin-bottom: 50px;}
.conten_bloque_5b_title strong{color: var(--color2);}
.conten_bloque_5b_items{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: auto;}
.conten_bloque_5b_items .items{display: flex;flex-wrap: wrap;justify-content: center;width: 250px;margin: 20px;text-align: center;}
.conten_bloque_5b_items .items .btn{margin-top: 20px;}
.conten_bloque_5b_items .items span{width: 100%;font-size: 45px;margin-bottom: 15px;color: var(--color1);}
.conten_bloque_5b_items .items h3{font-size: 20px;margin-bottom: 10px;font-weight: 600;color: var(--color1);}
.conten_bloque_5b_items .items p{line-height: 30px;color: var(--texto);font-size: 15px;}
@media screen and (max-width:1200px){
.conten_bloque_5b_items .items{margin: 15px;width: 280px;}
.conten_bloque_5b_items .items h3{font-size: 18px;margin-bottom: 15px;}
.conten_bloque_5b_items .items p{line-height: 30px;color: var(--texto);}}
@media screen and (max-width:1021px){
.conten_bloque_5b_items .items{margin: 10px;width: 250px;}
.conten_bloque_5b_title{font-size: 20px;width: 80%;}
.conten_bloque_5b_items .items span{font-size: 40px;}
.conten_bloque_5b_items .items h3{font-size: 18px;margin-bottom: 15px;}}

/*=================== FORMULARIO DE CONTACTOS FOOTER =================*/
.main_contacto{background-image: url('../img/fondo-azul.jpg');    
background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;width: 100%;/*margin-top: 100px;*/}
.conten_img_fondo_contacto{/*background: linear-gradient(to right, var(--color1), var(--color2));*/
width: 100%;height: 100%;padding: 80px 50px 50px 50px;}
.conten_contacto{display: flex;flex-wrap: wrap;justify-content: center;width: 80%;padding: 50px;margin: auto;}
.main_contacto .conten_contacto .titulo{text-align: center;width: 100%;color: #fff;font-size: 40px;margin-bottom: 20px;}
.main_contacto .conten_contacto .conten_text{display: flex;justify-content: center;width: 100%;}
.main_contacto .conten_contacto .conten_text .text{text-align: center;width: 100%;color: #fff;width: 50%;margin: 0px 50px 0px 50px;margin-bottom: 20px;}
.main_contacto .conten_contacto .form{display: flex;flex-wrap: wrap;justify-content: center;margin: auto;background: #fff;padding: 60px 30px 60px 30px;border-radius: 10px;width: 500px;margin-top: 20px;}
.main_contacto .conten_contacto .form .l{width: 48%;}
.main_contacto .conten_contacto .form .center{justify-content: center;}
.main_contacto .conten_contacto .form .xl{width: 100%;}
.main_contacto .conten_contacto .form .m-r{margin-right: 15px;}
.main_contacto .conten_contacto .form .conten_input{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.main_contacto .conten_contacto .form .conten_input label{width: 100%;margin-bottom: 5px;color: var(--color1);font-weight: 500;}
.main_contacto .conten_contacto .form .conten_input .control-input{width: 100%;border-radius: 5px;border: none;background: var(--fondo);padding: 10px;font-family: Arial,Roboto,"-apple-system",Helvetica,sans-serif;}
.main_contacto .conten_contacto .form .conten_n_persona{display: none;}
.main_contacto .conten_contacto .form .conten_input button{
    font-family: inherit;
    font-size: 20px;
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
    background: linear-gradient(15deg, #1e95d7, #1b79ac, #25a4e9, #0a94df, #51b7ee, #1e95d7, #017fc4, #0a699c, #1e95d7) no-repeat;
    background-size: 300%;
    border: none;
    background-position: left center;
    transition: background .3s ease;
    text-decoration: none;
  }
  
  .main_contacto .conten_contacto .form .conten_input  button span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
  }
  
  .main_contacto .conten_contacto .form .conten_input  button svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
  }
  .main_contacto .conten_contacto .form .conten_input   button:hover{
    background-size: 320%;background-position: right center;  
  }
  
  
  .main_contacto .conten_contacto .form .conten_input   button:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
  }
  
  .main_contacto .conten_contacto .form .conten_input button:hover svg {transform: translateX(1.2em) rotate(45deg) scale(1.1);}
  .main_contacto .conten_contacto .form .conten_input button:hover span {transform: translateX(5em);}
  .main_contacto .conten_contacto .form .conten_input button:active {transform: scale(0.95);}
  @keyframes fly-1 {
    from {transform: translateY(0.1em);}
    to {   transform: translateY(-0.1em);}
  }





@media screen and (max-width:950px){.conten_img_fondo_contacto{margin-top: 80px;}}   
@media screen and (max-width:850px){.main_contacto .conten_contacto .titulo{font-size: 25px;}}   
@media screen and (max-width:800px) {.conten_contacto{width: 95%;}.main_contacto .conten_contacto .conten_text .text{width: 100%;}
.main_contacto .conten_contacto .titulo{font-size: 35px;}}
@media screen and (max-width:670px) {.conten_contacto{width: 98%;padding: 10px 20px 50px 20px;}
.main_contacto .conten_contacto .conten_text .text{margin: 0px;line-height: 20px;font-size: 15px;}
.conten_banner_form .form .conten_input_check label{font-size: 15px;}}
@media screen and (max-width:600px) {.main_contacto .conten_contacto .form{width: 100%;}}
@media screen and (max-width:585px) {.conten_contacto{width: 100%;padding: 10px 0px 50px 0px;}
.main_contacto .conten_contacto .form .conten_input label{font-size: 15px;}
.main_contacto .conten_contacto .form .l{width: 47%;}.conten_banner_form .form .conten_input_check label{font-size: 12px;}}
@media screen and (max-width:450px) {.main_contacto .conten_contacto .form{padding: 60px 30px 30px 30px;}
.conten_img_fondo_contacto{padding: 50px 20px 50px 20px;}
.main_contacto .conten_contacto .form .conten_input .control-input{font-size: 12px;}}
@media screen and (max-width:420px) {.main_contacto .conten_contacto .form{padding: 60px 20px 30px 20px;}}



/* =================================== MODAL DE ANUNCIOS ===============================*/
.conten_main_modal{position: fixed;min-width: 100%;min-height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;top: 0px;}
.conten_main_modal .conten_modal{margin: 6.75rem auto;max-width: 500px;}
.conten_main_modal .conten_modal {background: #fff;border-radius: 10px;padding: 15px;}
.conten_main_modal .conten_modal  .conten_head_modal{position: relative;display: flex;margin-bottom: 35px;width: 100%;}
.conten_main_modal .conten_modal  .conten_head_modal .titutlo{font-size: 25px;}
.conten_main_modal .conten_modal  .conten_head_modal .cerrar_modal{
position: absolute;top: 0px;right: 0px;background: none;border: none;cursor: pointer;}
.conten_main_modal .conten_modal .conten_head_modal .cerrar_modal span{color: #ff5b5b;font-size: 20px;}
.conten_main_modal .conten_modal .conten_head_modal .cerrar_modal span:hover{color: red;}
.conten_main_modal .conten_modal .conten_body_modal{width: 100%;}
.conten_main_modal .conten_modal .conten_body_modal .owl-carousel .owl-item img{border-radius: 10px;height: 600px;width: 650px;}
@media screen and (max-width:500px) {
.conten_main_modal .conten_modal{max-width: 350px;margin: 4.75rem auto;}
.conten_main_modal .conten_modal .conten_head_modal .titutlo{font-size: 20px;}
.conten_main_modal .conten_modal .conten_body_modal .owl-carousel .owl-item img{height: 350px;}
}
@media screen and (max-width:400px) {.conten_main_modal .conten_modal{max-width: 320px;margin: 3.75rem auto;}}