/******************************************************************
Theme Name: eTips Chile
Theme URI: https://etips.cl
Description: Sitio construido por eTips Chile
Author: eTips Chile (Jorge Louis Fernandez Heredia)
Author URI: https://etips.cl
Version: 1.0
*/
@import "estilos-xl.etips.css";
@import "estilos-lg.etips.css";
@import "estilos-md.etips.css";
@import "estilos-sm.etips.css";
@import "estilos-xs.etips.css";

:root {
  --blanco:#ffffff;
  
  --negro:#000000;
  
  --marron-00:#a36200;
  
  --verde-wp:#25D366;
}

html,body{height:100%;font-size:14px;font-family:'Lato',sans-serif;/*background-image:url('../images/webbg.png');*/}
*:focus{outline:none !important;border:0px !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
a,button,input,input:focus{outline:none !important;-moz-outline-style:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}
a{text-decoration:none !important;}

/* INICIO: Landing */
.body-landing{color:#fff;background-color:#4f9ff1;}
.body-landing a{color:#fff;}
.body-landing a:hover{color:#fad000;}
.body-landing a.pais{font-size:1.2rem !important;font-weight:400;}
.body-landing h2{font-weight:900;}
/* FIN: Landing */

/* INICIO: Cabecera */
#navMenuTop{padding-top:10px;padding-bottom:10px;font-size:16px;background-color:rgb(49,30,20,0.3);justify-content:space-between;font-family:'Lato', sans-serif;}
#navMenuTop .navbar-brand{padding-top:10px;padding-bottom:0px;font-size:0;line-height:0;}
#navMenuTop .navbar-brand img{width:100px;}
#navMenuTop .navbar-toggler{color:rgba(255,255,255,.8);border:0;}
.navbarscroll{background-color:rgb(49,30,20,1) !important;transition: all .4s ease-in-out;}
#menuCompleto{position:relative;padding-top:25px;padding-bottom:0;padding-right:0;}
#menuCompleto li a{padding-left:15px;padding-right:15px;color:#fff;text-decoration:none;}
#menuCompleto li a:hover{color:#f9bc9f;text-decoration:none;}
#menuCompleto li.active a{color:#f9bc9f;}
#menuCompleto .nav-link{padding:0px;padding-left:15px;}
#menuCompleto .box-menu-lista{right:-14px;left:auto;margin-top:10px;padding-top:0;padding-bottom:0;min-width:150px;border:0;border-top-left-radius:0;border-top-right-radius:0;background-color:#d5ebff;}
#menuCompleto .box-menu-lista .menu-section{padding-top:10px;padding-bottom:10px;}
#menuCompleto .box-menu-lista .lnkMenu:first-child{border-top:0;}
#menuCompleto .box-menu-lista .lnkMenu{padding-top:5px;padding-bottom:5px;padding-right:28px !important;/*border-top:1px solid #fff;*/font-size:12px !important;color:#3c63ae !important;background-color:transparent !important;}
#menuCompleto .box-menu-lista .lnkMenu:hover{color:#333 !important;}
#menuCompleto .box-menu-lista-izq{left:0;right:auto;}
.menu-redes{position:absolute;top:-5px;right:0px;}
#menuCompleto .menu-redes{font-size:1rem;}
/* FIN: Cabecera */

/* INICIO: Cuerpo */
.cuerpo{margin-top:0px;/*background-color:red;*/}
.formSignInUp{margin:auto;padding:15px;padding-top:80px;width:100%;max-width:330px;}
.custom-select{overflow-x:hidden;}
.form-control:focus{color:#495057;border:1px solid #80bdff !important;}
.custom-select:focus{border: 1px solid #ced4da!important;}

.area-cotiza{color:#fff;background-image:url(/assets/images/piso-deck-cotiza-graits-footer.webp);background-size:cover;}
/* FIN: Cuerpo */

/* INICIO: Banner */
.contenedor-slider-desktop{height:100vh;}
#carouselDesktop .carousel-caption{left:0;right:0;bottom:20%;margin:0 auto;width:70%;text-align:left;}
#carouselDesktop .carousel-caption .titulo{padding-bottom:10px;font-size:43px;line-height:43px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .lead{font-size:20px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .precio{font-size:30px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselDesktop .carousel-caption .espec{}
#carouselDesktop .carousel-indicators{bottom:3%;}

#carouselMobile .carousel-caption{left:0;right:0;bottom:5%;margin:0 auto;width:80%;text-align:left;}
#carouselMobile .carousel-caption .titulo{font-size:22px;line-height:22px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .lead{font-size:14px;line-height:16px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .precio{font-size:22px;line-height:35px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
#carouselMobile .carousel-caption .espec{font-size:12px;line-height:12px;}
#carouselMobile .carousel-indicators{bottom:0%;}

.cover-item-01{background-image:url(/assets/images/slider/banner-black-friday.png);background-size:cover;background-repeat:no-repeat;}
.cover-item-02{background-image:url(/assets/images/slider/revestimientos-de-exterior-para-fachadas-slide-02.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-03{background-image:url(/assets/images/slider/revestimiento-exterior-modelo-hb030-slide-03.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-04{background-image:url(/assets/images/slider/revestimiento-de-pared-exterior-slide-04.webp);background-size:cover;background-repeat:no-repeat;}
.cover-item-05{background-image:url(/assets/images/slider/revestimiento-de-muro-slide-05.webp);background-size:cover;background-repeat:no-repeat;}
/*
.cover-item-01-mobile{background-image:url(/assets/images/slider/slide-01-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-02-mobile{background-image:url(/assets/images/slider/slide-02-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-03-mobile{background-image:url(/assets/images/slider/slide-03-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-04-mobile{background-image:url(/assets/images/slider/slide-04-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
.cover-item-05-mobile{background-image:url(/assets/images/slider/slide-05-mobile.jpg);background-size:100%;background-repeat:no-repeat;}
*/
/* FIN: Banner */

/* INICIO: catálogo */
.cover-catalogo .texto-catalogo{max-width:80%;color:#fff;}
.cover-catalogo{display:flex !important;align-items:center !important;justify-content:center;background-image:url(/assets/images/apps/04-app.jpg);background-size:cover;background-repeat:no-repeat;}
.cover-catalogo-mobile{background-image:url(/assets/images/apps/04-app-mobile.jpg);background-size:100%;background-repeat:no-repeat;}

.cover-ficha .texto{max-width:80%;color:#fff;}
.cover-ficha{display:flex !important;align-items:center !important;justify-content:center;
  background:
  linear-gradient(135deg, #000000 21px, #222 22px, #222 24px, transparent 24px, transparent 67px, #222 67px, #222 69px, transparent 69px),
  linear-gradient(225deg, #000000 21px, #222 22px, #222 24px, transparent 24px, transparent 67px, #222 67px, #222 69px, transparent 69px) 0 64px;
  background-color:#000000;
  background-size: 64px 128px;
}
.cover-ficha-mobile{}
/* FIN: catálogo */

/* INICIO: Cuerpo */
.featured-section{padding-top:50px;padding-bottom:50px;line-height:1.5;color:#555;}
.featured-section .titulo{margin-bottom:25px;font-size:50px;line-height:50px;font-weight:400;color:#333;}
.featured-section .subtitulo{margin-bottom:5px;font-size:30px;line-height:30px;font-weight:400;color:#333;}
.featured-section .lead{margin:0 auto;margin-bottom:20px;max-width:80%;font-size:18px;line-height:22px;}

.cover-section{line-height:1.5;color:#fff;}
.cover-section .titulo{margin-bottom:25px;font-size:50px;line-height:50px;font-weight:400;color:#fff;}
.cover-section .subtitulo{margin-bottom:5px;font-size:30px;line-height:30px;font-weight:400;color:#fff;}
.cover-section .lead{margin:0 auto;margin-bottom:20px;max-width:80%;font-size:18px;line-height:22px;}

h1.page-header,
.h1.page-header{font-size:3rem;line-height:3rem;}
h1.header-menor,
.h1.header-menor{font-size:2.2rem;line-height:2.3rem;}
h2.page-header{font-size:2.5rem;line-height:2.5rem;}

h1.slogan span{display:block;}
h1.slogan span.primera{font-size:1.2rem;}
h1.slogan span.segunda{font-size:1.3rem;}
h1.slogan span.tercera{font-size:0.9rem;}

#producto{width:inherit !important;}

.half-rule{margin:40px auto;width:100px;}
.mapa-contacto{height:250px;}
.redes-gris{font-size:22px;}
.redes-gris a{color:#aaa;}
.redes-gris a:hover{color:#333;}

.box-cabecera-seccion{position:relative;}
.box-cabecera-seccion .rotulo{position:absolute;right:10rem;bottom:4rem;color:#ffffff;}
.box-cabecera-seccion .rotulo .linea-01{font-size:2.5rem;line-height:2.5rem;text-align:right;}
.box-cabecera-seccion .rotulo .linea-02{font-size:10rem;line-height:10rem;text-align:right;}
.box-cabecera-seccion .rotulo .linea-03{font-size:2.5rem;line-height:2.5rem;text-align:right;}
.banner-interno{border-bottom: 3px solid #666;}

.mini-ficha-producto.nombre{font-size:1.3rem;}

.col-precio{width:100px;}

.txt-cyber{color:#225fee;font-weight:bold;}
.label-cyber{color:var(--blanco);font-weight:bold;background-image:linear-gradient(to right, red, blue);}
.label-blackfriday{color:var(--blanco);font-weight:bold;background-image:linear-gradient(to right, black, purple);}
.box-dcto-producto{padding-left:1rem;padding-right:1rem;font-size:120%;font-weight:bold;color:#ffffff;background-color:#ff0000;}

#modZonasAtencion .modal-body{padding:0;background-image: url(/assets/images/bg-wp.webp);}
#modZonasAtencion .modal-body .cabecera{padding:0.5rem;background-color:var(--blanco);}
#modZonasAtencion .modal-body .cabecera .logo img{height:5.5rem;}
#modZonasAtencion .modal-body .cabecera .iconos *{color:#333333;}
#modZonasAtencion .modal-body .cabecera .iconos .fa-solid{cursor:pointer;}
#modZonasAtencion .modal-body .cabecera .fa-phone{position:relative;top:0.2rem;font-size:1.5rem;line-height:1.5rem;}
#modZonasAtencion .modal-body .cabecera .cerrar{font-size:1.8rem;line-height:1.8rem;}

#modZonasAtencion .modal-body .cuerpo{padding-left:1.5rem;padding-right:1.5rem;}
#modZonasAtencion .modal-body .cuerpo .burbuja{margin-top:2.5rem;margin-bottom:2.5rem;padding:1rem;border-radius:1rem;background-color:var(--blanco);}
#modZonasAtencion .modal-body .cuerpo .burbuja .zona{font-size:1.3rem;line-height:1.4rem;padding-bottom:1rem;border-bottom:1px solid #efefef;}
#modZonasAtencion .modal-body .cuerpo .burbuja .zona .titulo{margin-top:1rem;font-weight:bold;}

/* FIN: Cuerpo */

.slim-small-text{font-size:0.8rem;line-height:0.8rem;}

/* INICIO: Utilitarios */
.alert{margin-bottom:0px !important;}
.icon-30{font-size:30px;line-height:30px;}
#modalBoxSpinner .modal-content{border:0;background-color:transparent;}
#modalBoxSpinner .spinner-border{margin:0 auto;}
.spinner-loading{color:#fff;}
.has-success input,.has-success .custom-select{background-color:#dff0d8 !important;}
.has-success textarea{background-color:#dff0d8;}
.has-success .help-block{color:#0f0;}
.has-error input,.has-error .custom-select{background-color:#ffd5d5 !important;}
.has-error textarea{background-color:#ffd5d5;}
.has-error .help-block{color:#f00;}
.exito{background-color:#dff0d8 !important;}
.exito i.fas{font-size:30px;color:#3c763d;}
.error{background-color:#f2dede !important;}
.error i.fas{font-size:30px;color:#a94442;}
.color-azul{color:#2b2d6f;}
.bt-1-white{border-top:1px solid #fff !important;}
.bb-1-white{border-bottom:1px solid #fff;}
.bt-1-gris{border-top:1px solid #aaa !important;}
.bt-3-gris{border-top:3px solid #666;}
.bb-3-gris{border-bottom:3px solid #666;}
.bgc-madera-clara{background-color:#fdd9b4;}
.half-rule{width:100px;margin:40px auto;}

.text-marron-00{color:var(--marron-00);}
.text-verde-wp{color:var(--verde-wp);}
/* FIN: Utilitarios */




/*

.jumbotron.smallTop{padding:2rem 2rem;}






.informa{background-color:#dbe9ff !important;}
.informa i.fas{font-size:30px;color:#549df8;}





.texto-light{color:#6c757d !important;font-weight:300;}
.texto-light .page-header{font-weight:300;}
.texto-light h4{font-weight:300;}
.container-footer{max-width:960px;}
.ui-dialog{z-index:1060;}
.ui-widget-overlay{background-color:#333;opacity:0.5;}
.ui-dialog .ui-dialog-content{padding: 0;}
#dialog-wait .alert{margin-bottom:0px !important;}
.card{min-width:280px;max-width:348px;}
.card-cabecera{min-height:96px;}
.card-arrendatario{color:#fff;background-color:#0077d6;}
.card-arrendador{color:#fff;background-color:#03A9F4;}
.card-tip{color:#1c60b7;background-color:#9ad2ff;}
.pricing-card-title{margin-bottom:-3px;}
.descripcion{padding-top:8px;padding-bottom:8px;height:245px;overflow-y: scroll;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.custom-file-input ~ .custom-file-label::after{font-family: "Font Awesome 5 Free";font-weight:900;font-size:20px;padding-top:3px;padding-left:15px;padding-right:15px;}
.custom-file-input ~ .custom-file-label:lang(es)::after{content: "\f03e";}
.custom-file-input ~ .custom-file-label:lang(en)::after{content: "\f03e";}

.box-shadow{box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);}
.thumbnail{width:100%;height:225px;background-color:#fff;background-size:40%;background-position:center center;background-repeat: no-repeat;background-image:url('../images/image-icon.png');}
.thumbnail img{width:100%;}

*/

@media (min-width: 300px) and (max-width: 767px){
  
}

@media (min-width: 768px) and (max-width: 1023px){
  #navMenuTop{background-color:rgb(49,30,20,1);}
  .menu-sections li{padding-top:10px;}
  .menu-sections li a{padding-left:10px !important;}
  .menu-sections li.active a{padding-left:5px !important;}
  .menu-sections li.active a:before{position:relative;display:inline-block;top:-1px;left:-10px;width:0;height:0;border-width: 4px 0 4px 5px;border-color: transparent #f9bc9f;border-style: solid;color: #f9bc9f;content: "";}
  .menu-redes{flex-direction:row-reverse;padding-top:0px;padding-bottom:10px;}
  .menu-redes li a{padding-left:0 !important;}
  .cuerpo{margin-top:62px;}
  #boxMenuTop .box-menu-lista{position:absolute;}
  #carouselDesktop .carousel-caption{left:0;right:0;bottom:20%;margin:0 auto;width:70%;text-align:left;}
  #carouselDesktop .carousel-caption .titulo{font-size:33px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .lead{font-size:14px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .precio{font-size:20px;text-shadow: 1px 1px 4px rgb(0,0,0,0.3);}
  #carouselDesktop .carousel-caption .espec{}
  #carouselDesktop .carousel-indicators{bottom:3%;}
  .cover-catalogo{margin-top:-500px;}
  .featured-section{padding-top:5px;padding-bottom:5px;}
  .featured-section .titulo{font-size:27px;line-height:27px;}
  .featured-section .subtitulo{font-size:20px;line-height:20px;}
  .featured-section .lead{font-size:14px;line-height:18px;}
  /*.img-100-mobile{width:100%;}*/
  /*.img-55-mobile{width:55%;}*/
  .mapa-contacto{height:400px;}
  .table-cotizacion{font-size:12px;}
}




/* Bootstrap lg */
@media (min-width: 992px) and (max-width: 1199px){
  
}

/* Bootstrap md */
@media (min-width: 768px) and (max-width: 991px){
  .menu-sections{padding-bottom:2rem;}
  .menu-redes{flex-direction:row;padding-top:2.5rem;padding-bottom:10px;}
}

/* Bootstrap sm */
@media (min-width: 576px) and (max-width: 767px){
  .menu-sections{padding-bottom:2rem;}
  .menu-redes{flex-direction:row;padding-top:2.5rem;padding-bottom:10px;}
}