/*
 * Descripción: ESENZI
 * Copyright (c) 2021
*/


/*=========================
	   Google Fonts
=========================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400&display=swap');

/*
	font-family: 'Poppins', sans-serif;
*/

/*=========================
        Generales
=========================*/

strong, b{font-weight:700;}
.semibold, semibold {font-weight:600;}

.normal{font-weight:400;}
.thin{font-weight:300;}

a{color: #4f5457;}
a:hover, a:focus {color: #414547;}/*cambia color*/

.linea {background:#dbdfea;}
.linea.footer {background:#38393c;}

.imgborde{border:1px solid rgba(0,0,0,0.15);}

hr {background: #dddddd;}

.mark, mark {background-color: #fcf8e3;}

.scrolltop{color:#fff; bottom:20px; right:20px; border-radius:0%; background:#7dae4c; border:0px solid #2c338e; width:40px; height:40px;font-size:1.125em; padding:0px; line-height:40px; text-align:center}/*colordest*/
a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:#fff;}

#dimensions {background:#000\9; background-color:rgba(0, 0, 0, 0.8); color: #fff;}

::selection {background:#7dae4c; color:#fff;}/*colordest*/
::-moz-selection {background:#7dae4c; color:#fff;}/*colordest*/

.whatsapp-box{bottom:30%}
a.whatsapp-box{color:white; line-height:1.775em;}

.header-modal.privado{background-color:#4e5bf2; color:white;}/*colordest*/

.header-modal.login{background-color:#000;}
.header-modal.login .cerrar-modal a{color:#fff;}
.header-modal.login + .content-modal{background-color:#000;}
.header-modal.bordetop{border-top:4px solid #4e5bf2; padding-bottom:0px;}/*colordest*/

.page-wrapper {background-color: #ffffff;}

.fondo-oscuro{background-color:#1c1c1c; color:white;}

.caja {border: 1px solid rgba(0,0,0,0.1); background-color: #fff; padding: 2em 15px;}
.caja.sepaba{margin-bottom:20px;}

.nav-link.disabled{color:#6c757d;}
.nav-tabs{border-bottom:1px solid #ececec;}
.nav-tabs .nav-link{border-top-left-radius:.85rem; border-top-right-radius:.85rem; background-color:#e5e7ed; margin:0 1px; text-align:center}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #e5e7ed}
.nav-tabs .nav-link.disabled{color:#6c757d;}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057; background-color:#fff; border-color:#e5e7ed #e5e7ed #fff}
.nav-pills .nav-item{ font-size:0.9375em;}
.nav-pills .nav-link:hover{background-color:rgba(0,0,0,0.03);border-radius: 50px;}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff; background-color:#bf4831;border-radius: 50px;}

.zona-full-tabs > .nav-tabs > .nav-item > .nav-link:focus, .zona-full-tabs > .nav-tabs > .nav-item > .nav-link:hover{border:1px solid #e5e7ed; border-bottom:0px solid #e5e7ed; background-color:#fff;}
.zona-full-tabs > .nav-tabs > .nav-item > .nav-link.active{color:#b42121; background-color:#fff; border-bottom:2px solid #fff; font-weight:700;}

.nav-tabs-raya{border-bottom:1px solid transparent;}
.zona-full-tabs{border-bottom:1px solid rgba(0,0,0,0.16);}
.nav-tabs-raya .nav-item{color:#343a40;}
.nav-tabs-raya .nav-item .nav-link{background-color:transparent}
.nav-tabs-raya .nav-item .nav-link::after{background:#000;height:1px;}/*cambia color*/
.nav-tabs-raya .nav-item .nav-link.active{color:#000}/*cambia color*/

a.subrayar {background-image: linear-gradient(black, black);}

a.btn-texto {color: #0c54a0;}
.btn-texto:after {content: "\203A";}

.miniform{border: 1px solid #cccccc; background: #fff; color: #666;}
.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}

.zona-date-table {background:#f2f2f2; background:rgba(255,255,255,0.6); position: -webkit-sticky; position: sticky; top: 20px;}

.stock.no{background:#e5352f;}
.stock.si{background:#41b849;}

p.preciocarro{color: #e1206b;}
p.preciocarro span{color:#666;}

.imgcompra{border:1px solid #dbdbdb;}

.gmap iframe{border:0px solid #e7e7e7;}
.gm-style .gm-style-iw {background-color: white !important;}

.imgmini-vertical{min-width:130px;}
.imgmini-vertical .zonaimagen{position:relative; background-color:white; height:142px; display:flex; justify-content: center; align-items: center; background:white;}
.imgmini-vertical .zonaimagen img {position:relative; max-height :140px;}

.top-urgente {background-color: #fbb700; color:black;}
.top-urgente p {color: #000000;}
.top-urgente p a, .top-urgente p a:hover, .top-urgente p a:focus{color:black;}
.top-urgente p span {background-color: #ff3c00; color:white;}
.topurgente-close {color: black;}

#infotopbar{color: #000; background-color: #fff7dd;}
.infotopbar-close {color: #000;}

code {font-size: 87.5%; color: #ff63a5; word-wrap: break-word;}
.code-tag {color: #816bff;}
.code-class {color: #ff63a5;}

/*=========================
          CUSTOM
=========================*/

strong, b{font-weight:600;}

footer{color:#999999 !important;}

.zona.xxl-size {padding: 6em 0;}

.full-height{height:100%; flex: 1 1 auto;}

.fondo-claro{background-color: #f2f5f6;}
.fondo-oscuro{background-color:#222327;}
.fondo-verde{background-color:#7dae4c; color:white;}
.fondo-nariz{background: #f2f5f6 url(../images/nariz.png) no-repeat center center;}

.logotipo {width: 150px; position: relative;}
.logotipo.s-size{width:105px;}

.borde-colder{border-left:1px solid #dbdfea;}

.img-big{max-width:200px}
.img-small{max-width:80px}

#mapacontacto {width:100%; height:600px; border-color:#e7e9ef;}

.lema{margin:20px 0; padding-left:20px; border-left:2px solid #7dae4c;}

.filter-verde{filter: invert(67%) sepia(5%) saturate(4200%) hue-rotate(51deg) brightness(91%) contrast(85%);}
.filter-oscuro{filter: brightness(0) saturate(100%) invert(9%) sepia(6%) saturate(7323%) hue-rotate(160deg) brightness(98%) contrast(97%);}
.filter-claro{filter: brightness(0) saturate(100%) invert(31%) sepia(8%) saturate(349%) hue-rotate(159deg) brightness(94%) contrast(85%);}

.img-content {position: relative; overflow: hidden; margin:0 auto; max-width:526px;}
.bottom-content {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(125,174,76, 1/*.8*/); padding: 20px 25px; -webkit-transition: .5s ease; transition: .5s ease; color:white; text-align:center;}
.bottom-content i{font-size:1.875em; vertical-align:middle}
.img-content:hover .bottom-content{background:#222327}

.zona-imglados.l-size{min-height:35rem !important; background-size:cover !important;}

@media (max-width: 991px){
	.zona-imglados.texto {padding-left: 1em !important;}
}

/*slider*/
.slidercontent{max-width:700px;}

.zona-logos{text-align:center; margin:10px 0 10px 0;}
.zona-logos img{margin:0 auto; padding:0 5px; max-width:225px; border:1px solid #ebebeb; background:white;}

/*vídeo*/
#video-container {width: 100%; overflow: hidden; position: relative; display:flex; height:600px; -webkit-align-items: stretch; -ms-align-items: stretch; -moz-align-items: stretch; -o-align-items: stretch; align-items: stretch;}
#video-bg {position: relative; width: auto; min-width: 100%; height: auto; background: transparent url(../images/slider01.jpg) no-repeat; background-size: cover; z-index:5;}
.video-area {position:absolute; top: 0; width: 100%; height: 100%; z-index:-1;}
.video-table {display:table; width:100%; height:100%; max-width: 100%; margin: 0 auto;}
.video-cell {display:table-cell; vertical-align:middle; padding:0em; color:white; box-sizing: border-box;}


/*botones*/
.boton.minsize{min-width:140px;}
.boton.modificado{padding:15px 25px; font-size:0.875em}

.boton.verde {color: #fff !important; background-color: #7dae4c ; font-weight:normal}
.boton.verde:hover,.boton.naranja.bordered:hover, .boton.naranja.active, .boton.naranja.bordered.active {color: #fff !important; background-color: #222327!important;}
.boton.verde.bordered {color: #000 !important; background-color: transparent; border:1px solid #7dae4c ;}

.boton.verde.top{font-size:0.8125em; padding:15px 25px;}

.boton.oscuro {color: #fff !important; background-color: #222327; font-weight:normal}
.boton.oscuro:hover,.boton.oscuro.bordered:hover, .boton.oscuro.active, .boton.oscuro.bordered.active {color: #fff !important; background-color: #7dae4c!important;}
.boton.oscuro.bordered {color: #2a2e37!important; background-color: #fff; border:1px solid #222327;}

.boton.blanco {color: #000 !important; background-color: #fff;}
.boton.blanco:hover,.boton.blanco.bordered:hover, .boton.blanco.active, .boton.blanco.bordered.active {color: #fff !important; background-color: #222327!important; border-color:#222327}
.boton.blanco.bordered {color: #000 !important; background-color: transparent; border:1px solid #d2d2d2;}

@media (max-width: 768px){
	.boton.naranja.top{font-size:1.125em; padding:8px 5px; min-width:80px;}
}

/*zona ubica*/
.fondo-ubica{background-color:#222327; background-image: url(../images/fondo-seccion.jpg); background-repeat: no-repeat; background-size: cover; position: relative;}
.breadcrumb-img1 {position: absolute; bottom: 0; left: -19px;/*113px*/}
@media only screen and (max-width: 1439px) {.breadcrumb-img1 {display: none;}}
.breadcrumb-img2 {position: absolute; top: 0;right: 0;}
@media only screen and (max-width: 1439px) {.breadcrumb-img2 {display: none;}}

.breadcrumb-box {padding: 80px 0px;}
/*@media only screen and (max-width: 1439px) {.breadcrumb-box {padding: 32px 0px;}}
@media only screen and (max-width: 991px) {.breadcrumb-box {padding: 18px 0px 8px 0px;}}
@media only screen and (max-width: 767px) {.breadcrumb-box {padding: 0px;}}*/
.breadcrumb-box .item-img {position: relative;}

.breadcrumb-box .title a {text-decoration:none; color:#fff;}
.breadcrumb-box .title a:hover{text-decoration:none; color:#fff;}

.breadcrumb-box .page-title {color: #fff; font-size: 46px; line-height: 55px; margin-bottom: 10px;}
@media only screen and (max-width: 1199px) {.breadcrumb-box .page-title {font-size: 36px; line-height: 46px;}}
@media only screen and (max-width: 479px) {.breadcrumb-box .page-title {font-size: 30px; line-height: 40px;}}
@media only screen and (max-width: 320px) {.breadcrumb-box .page-title {font-size: 24px; line-height: 34px;}}


.page-breadcrumb li{color:#fff; font-size:1.025em; margin-top:5px;}
.page-breadcrumb li:after{color:#7dae4c; content: "/"; right:-4px; top:0px; font-size:0.65em}
/*.page-breadcrumb li:before, .page-breadcrumb li:after {position: absolute; padding-right: 0; float: none; content: ""; left: -8px; top: 5px; width: 2px; height: 12px; background: #ffc251;}*/
.page-breadcrumb li:last-child {color:#fff;}
.page-breadcrumb li a{color:#fff;}
.page-breadcrumb li a:hover{color:#7dae4c;}

/*listas*/
ul.lista-imagen {padding: 0; margin: 15px 0; list-style: none;}
ul.lista-imagen li {position: relative; margin:0px 20px 0px 0px; padding:4px 0px 4px 25px;} 
ul.lista-imagen li:before {position: absolute; height: 20px !important; width: 20px !important; top: 5px; left: 0px; content: url(../images/check.svg);}

ul.lista-iconos li {border-bottom:1px solid #dbdfea; padding:5px 0px;}
ul.lista-iconos li.active a{color: #7dae4c;}
ul.lista-iconos li:last-child {border-bottom:0px solid #dbdfea;}
ul.lista-iconos li a:hover, ul.lista-iconos li a:focus
ul.lista-iconos li i{color:#7dae4c;}

/*imgs hover*/
.zona-imgbox{margin:20px 0;}
.zona-imgbox a.link-project {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 3;}
.zona-imgbox .box-project {display: block; width: 100%; overflow: hidden; text-align: center; position: relative; -webkit-border-radius: 0px; border-radius: 0px;}

.zona-imgbox .project_cat_title_overlay {background-color: rgba(125,174,76,0.9); color: #fff; -webkit-transition: all 1s cubic-bezier(.23,1,.32,1); -moz-transition: all 1s cubic-bezier(.23,1,.32,1); transition: all 1s cubic-bezier(.23,1,.32,1); display: flex; visibility: hidden; opacity: 0;}
.zona-imgbox .project_cat_title_overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.zona-imgbox .project_cat_title_overlay_items {width: 100%; align-self: center; padding: 30px;}
.zona-imgbox .project_cat_title_overlay::before {bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; border-bottom: 1px solid #fff; border-top: 1px solid #fff; -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1);}
.zona-imgbox .project_cat_title_overlay::after {bottom: 15px; content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; -o-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index: 1; border-left: 1px solid #fff; border-right: 1px solid #fff; -o-transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0);}

.zona-imgbox .box-project:hover .project_cat_title_overlay::before, .zona-imgbox .box-project:hover .project_cat_title_overlay::after {opacity: 1; -o-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}

.zona-imgbox .project_title {font-size: 1.125em; line-height: 1.2; margin: 0;}
.zona-imgbox .project_cat {margin: 15px 0 0px; line-height: 1.2; font-weight: normal; font-size:0.9375em;}
.zona-imgbox .box-project:hover .project_cat_title_overlay {visibility: visible; opacity: 1;}

/*avatar*/
.zona-avatar.verde{color: #fff !important; background-color: #7dae4c!important;}

/*graficos*/
.zona-grafica{display:block; margin:20px auto;}
.zona-grafica img{width:600px;}

.boxtri {position: relative; background: #7dae4c; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:15px;color:white; text-align:center; margin:0px auto 20px auto; max-width:600px}
.boxtri:after {content: " "; position: absolute; left: 50%; bottom: -10px;  border-top: 10px solid #7dae4c; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: none;}
.boxtri.notri:after{content:none;}

.zona-iconos{display:block; max-width:150px; padding:10px; margin:10px auto; border:1px solid #dbdfea; text-align:center; border-radius:0px;
	box-shadow: 3px 3px #d4d8e3;
    -moz-box-shadow: 3px 3px #d4d8e3;
    -webkit-box-shadow: 3px 3px #d4d8e3;

}
.zona-iconos.l-size{max-width:250px;}
.zona-iconos.full{width:100%; max-width:100%;}

.zona-iconos img{max-width:80px; text-align:center; margin-bottom:5px;}

/*estilo blockquote*/
.estilo-blockquote blockquote{position: relative; font-weight: 600; font-style:normal; line-height: 1.38; color: #071d2b; border-top: solid 1px #e5e8ea;  margin-top:40px; padding-bottom:20px; width: 100%!important; max-width: 100%!important; opacity: 1!important; background-color: transparent; border-left:0px;}
.estilo-blockquote blockquote:before {content: ""; position: absolute; left: 0; top: -15px; width: 45px; height: 24px; background-color: #fff; background-image: url(../images/comillas.svg); background-repeat: no-repeat;}

/*share*/
.share i {display:block; margin:0 auto; margin-top:5px}
.share a {width: 30px; height: 30px; background-color: #4e4f52; text-align:center; color:#fff; opacity:1; border-radius:4px;}
.share a i{color:#222327; font-size:1.125em; line-height:1px;}
.share a:hover, .share a:focus {background-color: #7dae4c; color:#222327}

/*abajo*/
.lnkaba li {font-size:0.9375em; color:#999; padding-left:0px;}
.lnkaba li:before{color:#999; display:none;}
.lnkaba li a{ color:#999;}
.lnkaba li a:hover, .lnkaba li a:focus {color:#ccc}

@media (max-width: 991px) {
	.zona-abajo .logotipo {margin:0px auto;}
}




















/*listados*/
.listado-vertical.noticias{max-width: 470px;  border:0px; background-color:transparent;}
.listado-vertical.noticias .zonatexto {padding:15px 0px 0px 0px;}

/*listado horizontal*/
.listado-horizontal {display: flex; align-items: center; margin:0px auto 40px auto;}
.listado-horizontal .zonaimagen {position: relative; margin-bottom: 0; margin: 0 1rem 0 0; border:1px solid #edebe5;}
.listado-horizontal .zonaimagen img{max-width:140px}

.listado-horizontal .zontexto {position: relative; padding-top: 1.4rem; padding-bottom: 2rem;}

@media (max-width: 992px){
	.listado-horizontal{margin:20px auto 20px auto;}
}

.estado{position:absolute;z-index:1;top:5px;right:5px; font-size: 0.8125em; line-height:1em; padding:6px 10px; background:#de0d0d; color:white; border-radius:2px; cursor:default}

/*compartir/enlaces*/
.share a {opacity: 1;} 
.share i {top: 30%; transform: translateY(-50%);}

/*redes*/
.zona-redes{font-size:1.325em; margin-top:20px;}
.zona-redes a{color:#fff; margin-right:10px}
.zona-redes a:hover, .zona-redes a:focus{color:#fff;}

/*timeline*/
.timeline {color: #8094ae; line-height: 1.3; font-size: 0.9375em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;}
/*.timeline + .timeline, .timeline-lista + .timeline-head { margin-top: 1.75rem;  margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;}*/
.timeline-lista {margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px; margin:0px}
.timeline-item {position: relative; display: flex; align-items: flex-start; }
.timeline-item:not(:last-child) {padding-bottom: 1.5rem; }
.timeline-item:not(:last-child):before {position: absolute; height: calc(100% - 11px); width: 3px; background: #ebedf3; content: ''; top: 13px; left: 5px; }
.timeline-circle { position: relative; height: 14px; width: 14px; border-radius: 50%; flex-shrink: 0; margin-top: 2px; }
.timeline-circle.bordered:after { position: absolute; height: 8px; width: 8px; border-radius: 50%; background: #fff; content: ''; top: 3px; left: 3px; }
.timeline-date {position: relative; color: #2c338e; width: 120px; margin-left: .75rem; flex-shrink: 0; line-height: 1rem; font-size: 0.9375em;}
.timeline-content { padding-left: 8px; }

/*fondos colores*/
.bg-colordest {background-color:#7f8dff !important;}
.bg-naranja{background-color:#ffae11 !important;}
.bg-rojo {background-color:#e02b1c !important;}
.bg-rosa{background-color: #ff63a5 !important;}
.bg-magenta{background-color: #dd2350 !important;}
.bg-verde {background-color:#19be92 !important;}
.bg-morado{background-color: #626ed4!important;}
.bg-purpura{background-color: #663399!important;}
.bg-amarillo{background-color:#ffcf35 !important;}
.bg-azul{background-color:#2c338e !important;}
.bg-cian{background-color: #09c2de !important;}

@media (min-width: 576px) {.timeline + .timeline, .timeline-lista + .timeline-head {margin-top: 2.5rem;} }