@import "preguntas.css";

.fondo_slide_index h1 {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 20px;
}

.fondo_slide_index h1 span {
    font-size: 0.9em;

}

.fondo_slide_index h2 {
    font-size: 3em;
    color: #fff;
    font-weight: 700;
    line-height: 100%;
    /* text-shadow: -1px 0 #000, 1px 0 #000, 0 1px #000, 0 -1px #000;*/
    text-shadow: 1px 1px 0 #000000;
    margin-top: 10%;
    padding-left: 5%;
    text-transform: uppercase;
}

.fondo_slide_index h2 span {
    font-size: 0.8em;

}

.fondo_slide_index {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/slide_foto1.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}


.relleno_slide {
    padding-top: 10%;
    padding-bottom: 10%;
}

.relleno_transp {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 30px;
}

.sobre_titular {
    margin-bottom: 28px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
}

.logos .titulo_peke {
    font-size: 20px;
}

.relleno_transp .form-control {
    padding: 12px;
    height: auto !important;
}

.relleno_transp .btn_corporativo {
    padding: 12px;
}


.titular_jumbo h2 {
    font-size: clamp(1.5rem, 1.31rem + 0.95vw, 2.5rem);
    font-weight: 600;
    margin-top: 40px;
}




/*------------------cajas bajo slide-----------------------*/
#cajas_caracteristicas{ padding: 100px 10%;}
#cajas_caracteristicas h2 {
    font-weight: 700;
    font-size: 2.2em;
    margin-bottom: 20px;
    margin-top: 50px;
}
#cajas_caracteristicas .dato{ position: absolute; bottom: 0px; margin: 0px;}
#cajas_caracteristicas .dato li{ display: inline-block; font-size: 1.2em;}
#cajas_caracteristicas .dato li .fas{font-size: 2.5em; margin-right: 10px;}
#cajas_caracteristicas .caja {padding:30px 5% 20px 5%; transition: color linear 1s; margin-bottom: 3px;min-height: 150px;}
.caja{transition: color linear 1s;}
#cajas_caracteristicas .nombre_caja{ font-size: 2em; font-weight: 600; text-transform: capitalize;}
#cajas_caracteristicas .caja .icono{font-size:2.5em; text-align: right;}
#cajas_caracteristicas .caja .icono i { vertical-align: top; }
#cajas_caracteristicas .caja h2 {
    margin-top: 0;
}
#cajas_caracteristicas .caja p { color: #000!important;  margin-bottom: 0px;}
#cajas_caracteristicas .caja .ver{font-size: 2.5em;}
#cajas_caracteristicas .caja.color1 { background-color: #e25a2a; }
#cajas_caracteristicas .caja.color2 { background-color: #e25a2a99; }
#cajas_caracteristicas .caja.color3 { background-color: #e25a2a; }
#cajas_caracteristicas .caja.color4 { background-color: #e25a2a99; }
.cajas_colores p {    text-align: justify;    color: #000!important;}

.cajas_colores ul {
    padding-left:0px;
    margin-top: 40px;
}

.cajas_colores ul li {
    margin-bottom: 25px;
    font-size: 1.2em;
    font-weight: 700;
    display: grid;
    grid-template-columns: 70px auto;
    align-items: center;
    text-transform: capitalize;
}

.cajas_colores ul li i {
    font-size: 2em;
}

/*--------------------------buscador--------------------------------------*/


.relleno_transp .politica {
    font-size: 0.9em;
    color: #666;
}

.relleno_transp .politica:hover {
    font-size: 0.9em;
    color: #000;
}


/*-----------------------------movil-----------------------------------------------------------*/

.slide_movil {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url("../img/slide_foto1.jpg");
    background-size: cover;
    min-height: 200px;
}

.slide_movil h2 {
    font-size: 2em;
    color: #fff;
    font-weight: 700;
    line-height: 100%;
    /* text-shadow: -1px 0 #000, 1px 0 #000, 0 1px #000, 0 -1px #000;*/
    text-shadow: 1px 1px 0 #000000;
    margin-top: 10%;
    padding-left: 5%;
}


.slide_movil h2 span {
    font-size: 0.8em;
}


/*------------------noticias-----------------------*/

#noticias .zona_titulares h2 {
    margin-bottom: 18px;
    font-weight: 700;  
    line-height: 1.1;
    font-size: 2.8em;
    text-align: center;
}
.zona_datos_not h3{
    font-size: 22px;
    font-weight: 500;
    color:#000;
    transition: color 1s linear;
}
.zona_datos_not .fecha{ text-transform: uppercase; font-size: 0.9em; letter-spacing: 1px; transition: color 1s linear; }

.zona_datos_not .categoria{text-transform: uppercase; font-size: 0.9em; letter-spacing: 1px; transition: color 1s linear; }
.zona_datos_not .sinopsis_noticia{
    color: #666;
    font-size: 16px;
    font-weight:500;
    line-height: 2;

}

.zona_noticias article{ padding-top: 30px; padding-bottom: 30px; }
.zona_noticias article img{transition: all 1s linear; filter: grayscale(50%);}

a:hover article img{filter: grayscale(0%); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
a:hover article .fecha, a:hover article .categoria {color:#666; }
article .btn_corporativo{transition: box-shadow 1s linear; }
a:hover article .btn_corporativo{  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}
article .btn_corporativo{transition: box-shadow 1s linear; }






/*------------------presentacion con menu y color de fondo-----------------------*/
.fondo_cabecero_index{ background: radial-gradient(circle, rgb(214, 65, 28,1) 0%, rgb(250, 127, 45) 30%, rgb(241, 41, 125) 100%); 
    position: relative;
    padding-bottom: 120px;
    animation: wave 15s ease infinite;
    background-size: 400% 400%;
    width: 100%;
   
} 
/*.fondo_cabecero_index::before{
    content:"";
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;   
    height: 150px;
    background: url(../img/wave_presentacion.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: bottom;
  z-index: 1999;

}*/


@keyframes wave {
    0%{
        background-position: 0% 50%;
    }
   50%{
        background-position: 100% 50%;
    }
    100%{
        background-position: 0% 50%;
    }

}


.ola{
    background-position:absolute;
     bottom:0;
     left:0;
     width: 100%; 
    height: 150px;
    background-image:  url(../img/wave3.png); 
    background-repeat:repeat-x;
    background-color:radial-gradient(circle, rgb(214, 65, 28,1) 0%, rgb(250, 127, 45) 30%, rgb(241, 41, 125) 100%);
    background-size:1920px 150px;
}

.ola#ola1{ position:absolute; z-index: 2000; opacity:0.1;  animation:moverOla 4s linear infinite;}
.ola#ola2{position:absolute; z-index: 1997; opacity:0.5;  animation:moverOla2 4s linear infinite;}
.ola#ola3{position:absolute; z-index: 1998; opacity:0.3; animation:moverOla 3s linear infinite;}



@keyframes moverOla {
    0%{
        background-position-x: 1920px;
    }
  
    100%{
        background-position-x: 0px;
    }

}
@keyframes moverOla2 {
    0%{
        background-position-x: 0px;
    }
  
    100%{
        background-position-x: 1920px;
    }

}

/*------------------funcionalidades-----------------------*/

.funcionalidades_iconos_imagen_central .bloque_caja_icono h3{ font-size: 1.5em; margin-bottom: 15px; font-weight: 600;}
.funcionalidades_iconos_imagen_central .bloque_caja_icono{ margin-top: 40px; margin-bottom: 40px;}
.funcionalidades_iconos_imagen_central .bloque_caja_icono p{ min-height: 147px;}

.funcionalidades_iconos_imagen_central .margen_cajas .bloque_caja_icono:nth-child(2){margin-top: 50px; }


/*-------presentacion --------*/

.texto_principal_index{color:#fff; }

.fondo_cabecero_index h1 {font-size:clamp(1.5rem, 1.369rem + 0.65vw, 2.188rem) ;  font-weight: 300; line-height: 100%;  margin-bottom: 0%;}
.fondo_cabecero_index h1 span{ font-weight: 500;  text-shadow: 0 0 10px #ff000060, 0 0 10px #ff000060, 0 0 20px #ff000060;}
.fondo_cabecero_index h1 span.sin_comisiones{
    font-size: 0.4em!important; 
    font-weight: 500; 
    padding: 3px 10px; 
    background-color: #fff; 
    color:#000; 
    text-shadow: none; 
    text-transform: uppercase;
    letter-spacing: 2px;
}
.fondo_cabecero_index h1 .software{ font-size: clamp(1.625rem, 1.339rem + 1.43vw, 3.125rem);      font-weight: 500; line-height: 100%; margin-bottom:15px; display: block;}
.fondo_cabecero_index h2{font-weight: 300; line-height: 150%;  font-size: 1.1em;  }


   
/*------------------servicios con imagenes-----------------------*/
.wave_ventajas{ background: radial-gradient(circle, rgba(222,90,40,1) 30%, rgba(214,65,28,0.9) 60%, rgba(228,56,82,1) 100%); position: relative;
    padding-bottom: 120px;
} 
.wave_ventajas::before{
    content:"";
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;   
    height: 155px;
    background: url(../img/wave_ventajas.png);
    background-size: contain;
    background-repeat: repeat-x;
    background-position: bottom;

}

.ventajas_imagenes{
    text-align: center;
}

.ventajas_imagenes h2 {
    font-size: clamp(1.5rem, 1.31rem + 0.95vw, 2.5rem);
    font-weight: 600;
    color: #FFF;
}

.ventajas_imagenes .cabecero_titular p {
    color: #FFF;
}

.cajas_iconos {
    text-align: center;
    margin-top: 20px;
}

.cajas_iconos .nombre_cajas {
    text-transform: uppercase;
    font-size: 1.5em;
    color:#fff;
}

.ventajas_imagenes h3 {
    font-size: 1.3em;
  
    color:#fff;
}

.fila_cajas {
    justify-content: center;
}

.destacado {
    font-size: 1.1em;
    font-weight: 600;
}

.cajas_iconos .desc {
    padding: 10px 10px;
    font-size: 0.9em;
}

 .ventajas_imagenes .cajas_iconos .icono img { margin-bottom: 8px; width: 33%; }
  
 

/*-----------------------------------*/


.logo_cliente_restaurantic{margin: 20px;}




/*------------------presentacion-----------------------*/
.presentacion {
    background-image: url("../img/fondo_iconos.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}


.texto_pres h1 {
    letter-spacing: -.3px;
    line-height: 1.22;
    font-size: 3em;
    font-weight: 700;
    margin-bottom: 35px;
    margin-top: 10px;
    text-transform: capitalize;
}

.texto_pres h1 span {
    font-weight: 800;
}
.texto_pres h3{ font-size: 2em; font-weight: 600;}

.presentacion .sobre_titular {
    margin-bottom: 10px;
}

.presentacion .imagen_pres {
    display: flex;
    align-self: center;
}

.presentacion .imagen_pres img {
    align-self: center;
}

.presentacion .texto_presentacion {
    padding-left: 4%;
    display: flex;
    align-self: center
}

.texto_pres {
    margin-bottom: 30px;
    align-self: center;
}






.fondo_contacto_index {
    background: url('../img/fondo_contacto_index.jpg');
    background-position: center center;
    background-size: cover;
    background-blend-mode: multiply;
    backdrop-filter: grayscale(100%);
    background-color: #333;
}

.fondo_contacto_index a {
    color: #FFF;
}

.form-control-light {
    border-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.primera_capa {
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.primera_capa .datos {
    border: 1px solid #ddd;
    padding-left: 0;
    padding-right: 0;
    color: #ddd;
}

.primera_capa h3{
    margin-top: 20px;
    font-weight: 600;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.primera_capa .row > div{
    padding: 5px 10px;
}

.primera_capa .tabla {
    margin-top: 5px;
}

.primera_capa ul {
    padding: 0!important;
}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
      
    .ventajas_imagenes .cajas_iconos .icono img { margin-bottom: 8px; width: 23%; }
 
    .relleno_ambos { padding-top: 30px; padding-bottom: 30px; }
    .fondo_cabecero_index { padding-bottom: 28px;}
    .funcionalidades_iconos_imagen_central .margen_cajas .bloque_caja_icono:nth-child(2){margin-top:auto; }
    .funcionalidades_iconos_imagen_central .bloque_caja_icono { margin-top: 5px; margin-bottom: 20px; }
    .fondo_cabecero_index::before{
        content:"";
        position:absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;   
        height: 150px;
        background: url(../img/wave_presentacion.png);
        background-size: cover;
        background-repeat: repeat-x;
        background-position: bottom;
     }
    .olas{display: none;}
    .subir{margin-top: -100px;}


    .cajas_colores .caja{ margin-top: 8px;}
    #cajas_caracteristicas {    padding: 0px 5%;}
    #cajas_caracteristicas h2 {   font-size:1.7em;}
    .cajas_colores ul li  {display: block;}
    .cajas_colores ul li i{ font-size: 1.2em; margin-right: 10px;}
    #cajas_caracteristicas .nombre_caja { font-size: 1.4em; }
    #cajas_caracteristicas .caja .icono {    font-size: 2em;}

    .relleno_slide { padding-top: 8%; padding-bottom: 8%; }    
    
    .relleno_transp .form-control { padding: 8px; }
    .relleno_transp .btn_corporativo { padding: 7px; }   

    .texto_pres h2 { font-size: 1.7em; margin-bottom: 10px; margin-top: 40px; }
    .presentacion .relleno_ambos { padding-top: 0px; }
    .presentacion .sin_margenes { padding-left: 0px; padding-right: 0px; }
       
    
    .banda_fq h2 { font-size: 1.2em;}
    .banda_fq h2 .btn-header-link { font-size: 0.9em;}
}
    

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  
    .fondo_cabecero_index h2{  margin-top: 20px;}  

    .fondo_cabecero_index::before{
        content:"";
        position:absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;   
        height: 150px;
        background: url(../img/wave_presentacion.png);
        background-size: cover;
        background-repeat: repeat-x;
        background-position: bottom;
     }
    .olas{display: none;}
    .subir{margin-top: -100px;}
    .ventajas_imagenes .cajas_iconos .icono img{ margin-bottom: 8px; width: 50%; }
 

    .fondo_contacto_index .h2 { font-size: 1.7em;}
    .fondo_contacto_index { background-image: none;}   

    .relleno_ambos { padding-top: 30px; padding-bottom: 30px; }

    .form-group { margin-bottom: 0.5rem; }

    .relleno_transp .form-control { padding: 5px; }

    .relleno_transp .btn_corporativo { padding: 5px; }

    #cajas_caracteristicas { margin-top: 0px; }

    .texto_pres h2 { margin-bottom: 10px; } 

    #cajas_caracteristicas .nombre_caja { font-size: 1.8em; margin-top: -20px;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
   
    .fondo_cabecero_index h2{  margin-top: 20px;}    
    .relleno_ambos { padding-top: 30px; padding-bottom: 30px; } 
    .fondo_cabecero_index{ min-height: 400px;}
    .fondo_cabecero_index::before{
        content:"";
        position:absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;   
        height: 150px;
        background: url(../img/wave_presentacion.png);
        background-size: cover;
        background-repeat: repeat-x;
        background-position: bottom;
     }
    .olas{display: none;}
    .subir{margin-top: -100px;}
  
    .ventajas_imagenes .cajas_iconos .icono img { margin-bottom: 8px; width: 50%; }
    .ventajas_imagenes h3 { font-size: 1.1em;}
    .wave_ventajas { padding-bottom: 69px; }

  
  
    .form-group {margin-bottom: 0.5rem; }    

    .relleno_transp { padding: 20px; }

    .relleno_transp .form-control { padding: 5px; }  

    .relleno_transp .btn_corporativo { padding: 5px; }   
    

    .relleno_ambos { padding-top: 30px; padding-bottom: 30px; }

    .presentacion .texto_presentacion { padding-left: 10px; }

    .texto_pres h2 { font-size: 1.5em; margin-bottom: 10px; }
    .texto_pres h3 { font-size: 1.5em;}

    #cajas_caracteristicas .nombre_caja { font-size: 1.5em; }
    #cajas_caracteristicas .caja { padding: 15px 5% 10px 3%;}
    #cajas_caracteristicas { padding: 92px 5%;}
    #cajas_caracteristicas .caja .icono { font-size: 2em;}
    #cajas_caracteristicas h2 { font-size: 1.7em;}

    .funcionalidades_iconos_imagen_central .bloque_caja_icono.derecha{text-align: right;}



}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    .relleno_ambos { padding-top: 30px; padding-bottom: 30px; }
   
    .zona_datos_not .relleno { padding-left: 60px;}

    .texto_pres h2 { font-size: 2.1em; margin-bottom: 10px; }

    .presentacion .texto_presentacion { padding-left: 10px; }
    .funcionalidades_iconos_imagen_central .bloque_caja_icono.derecha{text-align: right;}

}
    

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .fondo_cabecero_index h1{  line-height: 100%;}
    .fondo_cabecero_index h2{ font-weight: 400; line-height: 150%; }
    .funcionalidades_iconos_imagen_central .bloque_caja_icono{width: 80%;}
    .funcionalidades_iconos_imagen_central .bloque_caja_icono.derecha{text-align: right;}
    .zona_datos_not .relleno { padding-left: 60px;}
}

/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
.fondo_cabecero_index h1{  line-height: 100%;}
.fondo_cabecero_index h2{  line-height: 150%;}
.funcionalidades_iconos_imagen_central .bloque_caja_icono{width: 80%;}
.funcionalidades_iconos_imagen_central .bloque_caja_icono.derecha{text-align: right;}
.zona_datos_not .relleno { padding-left: 60px;}
}