@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400&display=swap');
/* DECLARO EL COLOR PRINCIPAL VARIABLE*/
:root {
    --main-color: #03a9f4;
    --secondary-color: #0f3a6e;


    --body-fondo:#f5f5f5;
    --menu-alto:50px;
    /* --menu-fondo:#2C2C32; */
    --menu-fondo:#062434;

    --color-texto:#444444;
    --color-texto-claro:#a0a0a2;

    --bg-section-1:#f0f4fb;
    --bg-section-2:#fff;

    --trans-c:all .4s ease;

    --boton-fondo:var(--renting-principal);
    --boton-alto:40px;
    /* --renting-principal:#17a2b8;
    --renting-principal-osc:#108294; */
    --renting-principal: #1362c5;
    --renting-principal-osc: #0e4386;
    --renting-rojo:#dc3545;
    --renting-rojo-osc:#b42230;
    --renting-naranja:#e86500;
    --renting-naranja-osc:#c45704;
    --renting-placeholder:#a6a6a6;

    --fw-regular:400;
    --fw-bold:600;
    --fontAwesome:"Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Duotone";
}

*{font-family: 'Montserrat';}
nav{
	background: #fff;
	padding: 20px;
}

.cambio-formato{
    text-transform: lowercase;
    font-size: 24px !important;
}

.mostrar-solo-movil{
    width: 90%;
    margin: 15px auto !important;
}

.mostrar-solo-movil li p{
    font-weight: var(--fw-bold);
}

.en-stock, .sin-stock, .terminado{
    margin-top: 15px !important;
    padding: 5px !important;
    width: 30%;
    text-align: center;
    color: white !important;
    border-radius: 10px;
    font-weight: 600; 
}

.en-stock{
    background: #00C5E8;
}

.sin-stock{
    background: #d60505;
}

.terminado{
    background: black;
}

/*.parrafo-header{
    margin-top: 15px !important;
}*/

section.promo-3-meses {
    background: var(--main-color);
    color: white;
}
.tecnico{ 
    background: url("tecnico.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 300px;
}

.llamanos {text-align: center;}
.llamanos i {
    color: #ff5a00;
    font-size: 120px;
    border: 3px solid #ff5a00;
    padding: 20px 35px;
    border-radius: 200px;
    margin-bottom: 20px
}
.llamanos h2{font-weight: 300; color: gray;}
.llamanos a{font-weight: regular; color: #ff5a00; font-size:1.2em;}
.logo h1 {

    font-style: italic;

    font-weight: initial;

    line-height: 1.1em;

    font-size: 1.4em;

    margin: 20px 0 0 0;

    color: #017abe;

}

.texto-der{text-align: right;}

.logo img{width: 100%; max-width: 260px}

.solo-movil{display:none;}

.solo-pc{display: block}

section {

    padding: 30px;

    margin: 30px 0;

}

.h1, h1 {

    font-size: 2rem;

    margin-bottom: 1em;

}




.ventajas {

    text-align: center;

}

.ventajas i {

    font-size: 60px;

    margin: 20px 0;

    color: var(--secondary-color);

}

.fusionadoras{background:#EEEEEE; margin-top:0;}

.fusionadoras h2,.fusionadoras h3{color :#203566;}

.fusionadora h2 {

    font-size: 1.4em;

}
.btn-outline-light{border: 3px solid white;}
.fusionadora h3 {

    font-size: 1.7em;

    font-weight: bold;

}

.ventajas h4{color:var(--secondary-color);}

.banner h1,.banner h2,.banner h3{
    font-weight:800;
    font-size:61px;
    font-family:"Open Sans", Montserrat, sans-serif;
}

.banner {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    height:500px;
    padding: 80px 0;
    /* margin: 0px 0 20px 0; */
    margin:0;
    background-color:black;
    background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpg');
    background-size: cover; 
    background-position: center center;

    position:relative;

 }
.banner.ios-jpg {
    background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpg');
}
.banner.ios-png {
    background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.png');
}
.banner.ios-jpeg {
    background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpeg');
}
 .banner .container {
     margin:0 auto !important;
     width:100%;
     max-width:1200px;
 }
 .icono-scroll-flotante {
     position:absolute;
     bottom:0;
     left:50%;
     transform:translate(-50%, 0);
     padding:15px;
     z-index:6;
 }
 .icono-scroll-flotante .icono {
     text-decoration:none;
     font-size:50px;
     color:#fff;
     transform:scaleX(1.4);
     animation:saltarScroll 1s infinite;
    }
header.new-banner .icono-scroll-flotante .icono {
    color:var(--menu-fondo);
}
 @keyframes saltarScroll {

    0% {
        transform:scaleX(1.4) translateY(0);
    }
    25% {
        transform:scaleX(1.4) translateY(-15px);
    }
    50% {
        transform:scaleX(1.4) translateY(-5px);
    }
    75% {
        transform:scaleX(1.4) translateY(-10px);
    }
    100% {
        transform:scaleX(1.4) translateY(0);
    }
 }

.banner img{width: 100%}

.banner .solo-movil{

    /* background: url("https://www.rentingtec.com/wp-content/uploads/2019/10/renting-tec-DIGAMEL2677.jpg");  */

    background:none;
    padding:20px; 

    margin-left: -15px; 

    margin-right: -15px; 
    background-size: cover;

}
.fusionadora img {
    max-width: 100%;
}
.fondo-negro{
    background: rgba(0,0,0,0);
    padding:20px;
    border-radius:15px;
    color:white;
    text-align: center;
}
.solo-pc .fondo-negro {
    width:calc(100% - 470px);
}
.fondo-negro * {
    color:white;
    text-align:left;
    font-weight:bold;
}







.fusionadora {

    background: #fff;
    margin: 20px;
    text-align: center;
    padding: 20px;
    border-radius:5px;
    overflow:hidden;
}

.fusionadora h4{color: #808080}

.fusionadora p{font-size: 1.3em; font-weight: bold; line-height: 1.1em}

.fusionadora .desde{color:#f60;}

.fusionadora .entrega{color: #48db68;}
.fusionadora .btn {color:#fff; max-width:50%; }
.fusionadora .btn:hover {color:#fff;}
.fusionadora .btn * {color:#fff;}

.mas-info {background: #FF5A00; color:white; text-align: center; margin: 0; padding: 50px}

.mas-info h3{font-weight: lighter; font-size: 1.3em}

.mas-info .btn{min-width: 400px; max-width: 100%; margin-top: 20px; text-transform: uppercase; font-size:1.2em; margin: 0 auto;}

.kits {text-align: center;}

.kits h1{color: #FF5A00; text-align: center; width: 100%}

.kits img{width: 100% }

.logos {text-align: center;}

.logos img{width: 100%}

.video {

    background: #03A9F4;

    padding: 60px;

    text-align: center;

    color: white;

    font-weight: 400;

}

.video h3{font-weight: lighter;}

.video video {

    max-width: 500px;

    margin-top: 30px;

}

.video strong{font-weight: 900}

.clientes h2{ text-align: center; }

.clientes{ padding: 40px 20px}

.clientes {background:#eee;}

.persona img {

    width: 35px;

    border-radius: 50px;

    margin-right: 12px;

}

.clientes .opiniones {

    background: #6BAEE0;

    padding: 10px;

}

.clientes .texto {

    background: #fff;

    padding: 15px;

    margin-bottom: 25px;

}

.clientes .texto p {

    margin: 0;

    font-style: italic;

}

.clientes .persona h3 {

    font-size: 1em;

    font-weight: 400;

}

.clientes  .texto:after {

    content: " ";

    padding: 8px;

    background: #fff;

    position: absolute;

    bottom: 70px;

    transform: rotate(45deg);

    left: 23px;

}

.opiniones {

    position: relative;

    display: block;

    clear: both;

}

.persona {

    display: block;

    clear: both;

}

.contacto{background: var(--main-color);}

.contacto input {

    margin-bottom: 5px;

}

.btn-success {

    font-size: 1.2em;

    padding: 10px 40px;

    margin-top: 20px;

}

footer{

	padding: 40px;

	text-align: center;

	background: #3a3a3a;

	color:white;

}

.flotante {

    position: fixed;

    bottom: 0;

    width: 100%;

    padding: 10px;

    color: #fff;

}

.flotante a{color:white; font-size: 1.2em}
.flotante a *{color:white;}

.contactame {

    text-align: right;

}

.llamame .btn, .email {background-color: green;border: none;position: absolute; bottom: 8px;}

.contactame .btn-warning{background: green;}

	.email {display: block}

	.whatsapp{display: none}



.btn.btn-info.email {

    border: none;

    right: 20px;

}

.btn.btn-warning.whatsapp {

    width: 74px;

    padding: 12px;

    position: absolute;

    bottom: 0;

    right: 20px;

    border: none;

    color: white;

}



.btn-success {

    color: #fff;

    background-color: #28a745;

    border-color: #28a745;

    text-transform: uppercase;

}
.redes-prefoot {
    display: flex;
}
.informacion-contacto a, .informacion-contacto p {
    color: #000;
    font-size:12px;
}
.gris {color: black;}
.gris li a, .gris li a, .gris li a {
    color: #000;
}
.gris{
    padding: 20px 100px 20px 100px;
    background: #C0C0C0;
    color: #fff;
}
#pre-foot h3 {
    font-weight: bold;
    font-size: 15px;
}
.redes-prefoot a {
    color: #fff;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 5px 10px 5px 10px;
    border-radius: 30px;
}
#menu-menucategorias, #menu-menulegal, #menu-menuinformacion {
    padding-left: 0px;
    font-size: 10px;
}
#menu-menucategorias li, #menu-menulegal li, #menu-menuinformacion li {
    list-style: none;
    margin-bottom: 10px;
    color: #fff;
}

.gris img {
    margin: 10px 0;
}
.redes-prefoot {
    display: flex;
    margin: 20px 8px;
}


@media screen and (max-width:1000px) {

    
    header.new-banner .icono-scroll-flotante .icono {
        color:#fff;
    }
}


@media screen and (max-width:800px) {

    .banner h1,.banner h2,.banner h3{
        font-size:48px;
    }

    .en-stock, .sin-stock, .terminado {
        margin-top: 15px !important;
        padding: 5px !important;
        width: 45%;
        text-align: center;
        color: white !important;
        border-radius: 10px;
        font-weight: 600;
    }
}



@media screen and (max-width: 480px){
    .banner {
        padding: 0;
        margin: 0px;
        /* background: none; */
        background-color:black;
        background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpg');
        background-size: cover; 
        background-position: center center; 

     }
    .banner.ios-jpg {
        background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpg');
    }
    .banner.ios-png {
        background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.png');
    }
    .banner.ios-jpeg {
        background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/sources/img/trash/header_2.jpeg');
    }

     .banner h1,.banner h2,.banner h3{
         font-family:Montserrat, sans-serif;
         font-size:40px;
         text-shadow:0 0 10px rgba(0,0,0,.5);
     }

    .gris {
        padding: 20px;
        text-align: center;
    }
    .ventajas.solo-movil {
        color: #fff;
        background: #03a9f4;
    }
    .video.solo-movil {background-color: white; font-size: 1.7em; padding: 40px 0px;}
    .video.solo-movil i{font-size: 120px; display: block;text-align: center; color:#03a9f4 }
    .ventajas.solo-movil h4{color: #fff;}
    .ventajas.solo-movil i{color: #fff;}

    .fusionadora {    margin: 20px 0;padding: 20px 0;}
    .fusionadora .flex-his { width:100%; transform:translate(0, 20px); }

    /* .fusionadoras{background:#fff} */

    .texto-der{text-align: center;}

	.mas-info .btn { min-width: 100%;}

	/*.email {display: none}*/

	/*.whatsapp{display: block}*/

    .solo-movil{display:block;}

    .solo-pc{display: none}

    .col{

        flex-basis: auto;

    }

    .llamame .btn, .email {width: 44%;}

    nav {

        text-align: center;

    }

    .en-stock, .sin-stock, .terminado {
        margin-top: 15px !important;
        padding: 5px !important;
        width: 36%;
        text-align: center;
        color: white !important;
        border-radius: 10px;
        font-weight: 600;
    }

}






.flex-his {
    display: flex;
    align-items: center;
    width: calc(100% + 40px);
    transform: translate(-20px, 20px);
}
.flex-his > a {
    width: 50%;
    line-height: 40px;
    height: 40px;
    margin: 0 !important;
    padding: 0 15px;
    border-radius: 0;
    overflow: hidden;
    
    display:flex;
    align-items:center;
    justify-content:center;
}
.flex-his > a * {
    margin:0 !important;
}
.flex-his > a i {
    margin-right:10px !important;
}
.flex-his > a p {
    margin:0 !important;
    font-size:16px;
    font-weight:400;
    line-height:40px;
    height:40px;
}







[data-id="pre-foot-nuevo"] {
    background:#323f48 !important;
    padding-top:60px;
    padding-bottom:60px;
}
[data-id="pre-foot-nuevo"] h3 {
    font-weight:600;
    font-size:16px;
    color:rgba(255, 255, 255, 0.7);
    margin-bottom:25px;
}
[data-id="pre-foot-nuevo"] p ,
[data-id="pre-foot-nuevo"] p * ,
[data-id="pre-foot-nuevo"] ul.menu li * {
    font-size:14px;
    color:rgba(255, 255, 255, 0.7);
}


















/* 
.boton > * ,
.botones > * {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.botones {
    padding:20px;
}
.boton {
    line-height:var(--boton-alto);
    height:var(--boton-alto);
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--boton-fondo);
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
}
.boton.disabled {
    opacity:.7;
    cursor:not-allowed;
}
.boton.boton-icono {
    width:var(--boton-alto);
    padding:0;
}
.boton > * {
    margin-right:10px;
    color:#fff;
    user-select:none;
    cursor:pointer;
    text-decoration:none;
}
.boton > p {
    font-weight:600;
}
.boton > *:last-child {
    margin-right:0;
}
.boton.disabled > * {
    cursor:not-allowed;
} */





.emergente-comparacion {
    position:fixed;
    z-index:10;
    bottom:0;
    right:0;
    margin-bottom:20px;
    margin-right:20px;
    background:#fff;
    width:250px;
    border-radius:8px;
    opacity:0;
    visibility:hidden;
    box-shadow:0 0 10px 4px rgba(0,0,0,0.05);

    transition:var(--trans-c);
}
.emergente-comparacion.mostrar {
    opacity:1;
    visibility:visible;
}
.emergente-comparacion span.titulo {
    display:flex;
    height:35px;
    align-items:center;
    justify-content:space-between;
    border-radius:5px 5px 0 0;
    background:var(--renting-oscuro);
}
.emergente-comparacion span.titulo p {
    font-size:15px;
    color:#fff;
    padding:0 15px;
}
.emergente-comparacion span.titulo .icono {
    line-height:35px;
    height:35px;
    width:35px;
    text-align:center;
    font-size:15px;
    color:#fff;
}
.emergente-comparacion ul {
    list-style:none;
}
.emergente-comparacion ul li {
    padding:0 15px;
    display:flex;
    height:30px;
    align-items:center;
    justify-content:flex-start;
}
.emergente-comparacion ul li p {
    font-size:15px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.emergente-comparacion span.bajo {
    display:flex;
    align-items:center;
    justify-content:center;
}
.emergente-comparacion span.bajo .boton {
    height:35px;
    width:100%;
    border-radius:0;
}
.emergente-comparacion span.bajo .boton:first-child {
    border-bottom-left-radius:8px;
}
.emergente-comparacion span.bajo .boton:last-child {
    border-bottom-right-radius:8px;
}
.emergente-comparacion span.bajo .boton > * {
    font-size:15px;
}




.modal > * {
    margin:0;
    padding:0;
    box-sizing:border-box;
/* }
.modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:30;
    background:rgba(0,0,0,0.4);
    overflow:auto;

    opacity:0;
    visibility:hidden;
    transition:var(--trans-c);

    display:flex;
    justify-content:space-around;
    align-items:center;
    align-content:center;
    
    padding:0;

    pointer-events:none;
    -webkit-pointer-events:none;
    -moz-pointer-events:none;
    -ms-pointer-events:none;
}
.modal.modal-mensaje {
    z-index:31;
}
.modal.mostrar {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    -webkit-pointer-events:auto;
    -moz-pointer-events:auto;
    -ms-pointer-events:auto;
}
.modal > .box {
    background:#fff;
    width:90%;
    max-width:800px;
    border-radius:5px;
    overflow:hidden;
    transform:translateY(20px);
    transition:var(--trans-c);
}
.modal.mostrar > .box {
    transform:translateY(0.5px);
}
.modal > .box .top {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    background:var(--renting-verde);
}
.modal > .box .top .titulo-alert {
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    width:calc(100% - 40px);
}
.modal > .box .top .iconos-alert {
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
}
.modal > .box .top div .obj-alert {
    font-size:14px;
    color:#fff;
    line-height:40px;
    height:40px;
    min-width:40px;
    user-select:none;
    margin-bottom:0;
}
.modal > .box .top .titulo-alert p.obj-alert {
    padding:0 15px;
    width:100%;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.modal > .box .top .iconos-alert i.obj-alert {
    text-align:center;
    cursor:pointer;
}
.modal > .box .main-alert {
    padding:20px;
}
.modal > .box .main-alert > * {
    margin-bottom:10px;
}
.modal > .box .main-alert p {
    font-size:14px;
    line-height:22px;
    text-align:justify;
    font-weight:normal;
}
.modal > .box .main-alert img {
    display:block;
    width:100%;
    max-height:150px;
    object-fit:cover;
    object-position:center;
}
.modal > .box .botones-alert {
    display:flex;
}
.modal > .box .botones-alert .boton {
    width:100%;
    margin:0;
    background:var(--renting-verde);
    border-color:var(--renting-verde-osc);
    border-radius:0;
}
.modal > .box .botones-alert .boton:first-child {
    border-bottom-left-radius:5px;
}
.modal > .box .botones-alert .boton:last-child {
    border-bottom-right-radius:5px;
} */








/* 
form > * {
    margin:0;
    padding:0;
    box-sizing:border-box;
}
form {
    display:block;
    width:100%;
}
.campo {
    display:block;
    position:relative;
    background:red;
    margin-bottom:10px;
}
.campo.oculto {
    display:none;
}
.campo label {
    position:absolute;
    top:0;
    left:5px;
    transform:translateY(-50%);
    font-size:14px;
    background:rgba(255, 255, 255, 1);
    padding:0 15px;
    line-height:14px;
    color:#ccc;
    user-select:none;
    white-space:nowrap;
}
.campo input ,
.campo select ,
.campo textarea {
    background:transparent;
    border:1px solid #ccc;
    border-radius:5px;
    width:100%;
    line-height:22px;
    min-height:40px;
    padding:0 15px;
}
.campo textarea {
    min-height:100px;
    max-height:150px;
    resize:vertical;
}
.campo input.mal ,
.campo select.mal ,
.campo textarea.mal {
    background:rgba(255, 0, 0, .3);
}
.campo input:focus ,
.campo select:focus ,
.campo textarea:focus {
    outline:0;
} */