/*--------------------redes sociales fijas---------------------------*/
.redes_sociales_fija a {
  
    cursor: pointer;
    display: inline-block;
    border: 1px solid #efefef;
    height: 55px;
    width: 55px;
    background-color: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    transition: all 0.5s linear;
    box-shadow:  20px 20px 60px #bebebe, -20px -20px 60px #ffffff!important;
}


.fondo_cabecero .relleno_vertical {
    padding-bottom: 1.4rem;
}

.fondo_cabecero {
    /* background: radial-gradient(circle, rgba(222, 90, 40, 1) 30%, rgba(214, 65, 28, 0.9) 60%, rgba(228, 56, 82, 1) 100%);*/
    background: #fff;
     box-shadow:  20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
 }

 .fondo_cabecero.interior .tel_cab {    color: #333; font-size:clamp(1rem, 0.955rem + 0.22vw, 1.25rem);} 
 .fondo_cabecero.interior .tel_cab:hover {    color: #e05a29; } 
 .fondo_cabecero.interior .tel_cab i{color:#e05a29;}

/*--------------------menu interior-----------------------------*/
.interior #menu_principal .nav-link {  color: #333;}


.cabecero_interior {

    background-image: url("../img/cabecero_interior.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 95px;

}

#Subheader {
    padding: 30px 0;
}

#Subheader .breadcrumbs a {
    color: #fff;
}

#Subheader .breadcrumbs .active {
    color: #fff;
}

.breadcrumbs a:hover {
    opacity: 0.8;
}

#miga_pan {
    background-color: rgba(247, 247, 247, 0.8);
    padding: 30px 0;
    box-shadow: 0px 4px 3px -2px rgba(0, 0, 0, .06);
}


.title_page {
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.8em;
}

.breadcrumbs {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    display: block;
    margin: 1px 0 0;
    margin-top: 1px;
    font-size: 1em !important;

}

.breadcrumbs li {
    display: inline-block;
}


.form-control {
    margin-bottom: 8px;
    border-radius: 20px;
}


.sobre_titulo {
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 9px;
    text-align: left;
}

.sobre_titulo span {
    display: inline-block;
    position: relative;
}

.sobre_titulo span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -1px;
    width: 25px;
    height: 2px;
    display: block;
}


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

.contenido_interior p {
    text-align: justify;
}

.contenido_interior img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 15px;
}

.blockquote {
    padding-bottom: 20px;
    color: #000;
    padding-top: 20px;
}

.contenido_interior blockquote {
    padding: 20px 30px;
    color: #333;
    margin-bottom: 0px;
    text-align: justify;
    border-radius: 10px;
}

.multicolumna {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
    -webkit-column-rule: 1px solid #ddd; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #ddd; /* Firefox */
    column-rule: 1px solid #ddd;
}

.list-items {
    margin-top: 20px;
}

.list-items li {
    position: relative;
    padding-left: 25px;
}

ul.list-items li i {
    padding-right: 5px;
}



/*.contenido_interior ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    margin-right: 10px;

}*/


.btn-link:hover {
    text-decoration: none !important;
}

.contenido_interior h2 {
    font-size: 2.7em;
    font-weight: 700;
    padding-bottom: 30px;
}

.contenido_interior h3 {
    font-size: 1.8em;
    font-weight: 600;
}

.pagination {
    justify-content: end;
    padding-top: 20px;
    padding-bottom: 40px;
}

.contenido_interior ul li:before {
    color: #e25a2a;
}

/***************************** funcionalidades ********************************/

.cambia_orden {
    display: flex;
    flex-direction: row-reverse;
}

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

.fondo_color {
    background-color: #fbf1ec;
}



.texto_pres ul li {
    margin-bottom: 8px;
   
}

.texto_pres ul {
    padding-left: 0px;
    font-size: 1.1em;
}
/*.texto_pres ul li::before{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-right: 10px;
    color:#e05a29;
    margin-left:5px ;
    font-size: 0.8em;

}*/
.texto_pres ul li::marker{   
    color:#e05a29;
    margin-left:5px ;
    font-size: 0.8em;
}

.texto_pres h1 {
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: capitalize;
}

.texto_pres b {
    color: #333;
}

.fondo_carta {
    background-image: url('../img/cartas.png');
    background-position: top right;
    background-size: cover;
}

.fondo_web {
    background-image: url('../img/fondo_web.jpg');
    background-position: top right;
    background-size: cover;
}


/************************* jumbo **********************/
.titular_jumbo h1 {
    font-size:clamp(1.8rem, 1.545rem + 1.27vw, 2.5rem);
    font-weight: 700;
    margin-top: 40px;
}

.titular_jumbo h2 {
    font-size: clamp(1.8rem, 1.545rem + 1.27vw, 2.5rem);
    font-weight: 700;
    margin-top: 40px;
}


/*------------------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: 2.5em;
    font-weight: 700;
    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%; }

@media (max-width: 575.98px) {
    .ventajas_imagenes .cajas_iconos .icono img { margin-bottom: 8px; width: 23%; }

}
@media (min-width: 576px) and (max-width: 767.98px) {
    .ventajas_imagenes .cajas_iconos .icono img{ margin-bottom: 8px; width: 50%; }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .ventajas_imagenes .cajas_iconos .icono img { margin-bottom: 8px; width: 50%; }
    .ventajas_imagenes h3 { font-size: 1.1em;}
    .wave_ventajas { padding-bottom: 69px; }
}



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


/************************* solicitud demo **********************/
.form_solicitud_demo label {
    color: #000;
}

.form_solicitud_demo {
    max-width: 600px;
    margin: 10px auto;
    padding: 30px 50px;
    background-color: #efefef;
    border-radius: 20px;
}

.form_solicitud_demo .politica {
    font-size: .8em;
    color: #666;
}

.form_solicitud_demo label {
    margin-bottom: 0;
    margin-left: 10px;
}

.form_solicitud_demo .form-group {
    margin-bottom: .5rem;
}

.form_solicitud_demo .form-check {
    padding-left: 45px;
    margin-bottom: 20px;
}
.form_solicitud_demo  .form-control{border-radius: 13PX;}

/******************************************************/

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
   

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

    .contenido_interior h2 {
        font-size: 2.3em;
    }

    .cabecero_interior {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .multicolumna {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .title_page {
        font-size: 1.6em;
    }

    .fondo_carta, .fondo_web {
        background-image: none;
    }

    .imagen_demo .titular_jumbo h1 {
        margin-top: 5px;
    }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .cabecero_interior {
        padding-bottom: 20px;
        padding-top: 35px;
    }

    .contenido_interior h2 {
        font-size: 2.3em;
        padding-bottom: 15px;
    }

    .multicolumna {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .title_page {
        font-size: 2em;
    }

    .imagen_demo .titular_jumbo h1 {
        margin-top: 5px;
    }

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .contenido_interior h2 {
        font-size: 2.3em;
    }

    .title_page {
        font-size: 2em;
    }

    .cabecero_interior {
        padding-bottom: 10px;
        padding-top: 10px;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .contenido_interior h2 {
        font-size: 2.3em;
    }

    .cabecero_interior {
        padding-bottom: 25px;
        padding-top: 30px;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px) {
    .relleno_caja {
        padding: 5% 15%;
    }

    .texto_pres h2 {
        font-size: 3em;
    }

    .imagen_demo {
        background-image: url('../img/imagen_demo_restaurantic.jpg');
        background-repeat: no-repeat;
        background-position: right bottom;
        align-items: stretch;
    }

}

/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .texto_pres h2 {
        font-size: 3em;
    }

    .relleno_caja {
        padding: 5% 15%;
    }

    .imagen_demo {
        background-image: url('../img/imagen_demo_restaurantic.jpg');
        background-repeat: no-repeat;
        background-position: right bottom;
        align-items: stretch;
    }

}