html,body{font-family: "Montserrat", arial, sans-serif !important;color:#1b1b22;background:#f4f4f6;scroll-behavior: smooth;font-optical-sizing: auto;text-align: left;font-size:16px;}
img{max-width:100%;}
.clear{clear:both;}
.container-nav{width:100%;padding:0;margin:0 auto;}
.container-seb{width:90%;padding:0 12px;margin:0 auto;}
a:link,a:visited{color: inherit !important;text-decoration:none !important;}
a:hover{color:#aaa !important;text-decoration:none !important;}
h1,h2,h3,h4,h5,.tel,.btn-form,.datos a:link,.datos a:visited{font-family: "Antonio", arial, sans-serif !important;}
#quienessomos,#tipos,#servicios,#masinfo{padding:60px 0;}

/* Navbar */
nav{position:absolute !important;top:0;left:0;width:100% !important;z-index:9998;padding:0 !important;padding-right:0 !important;}
nav .row{margin-right: 0;margin-left: 0;}
.logo{padding:15px;text-align: left;}
.logo img{z-index: 99999;position: relative;}
.deck2{position: absolute;right: 0;top: 0;width:100%;height: 80px;border-bottom:8px solid #f4f4f6;z-index: 9997;}
.tel{font-size:28px;color:#f4f4f6}
.datear{position: fixed;top:0;left:0;background:#263140;color:#f4f4f6;width: 100%;text-transform: uppercase;}
.dattop{padding:6px 20px;width:fit-content;}
.whats{background:#00be00;cursor: pointer;transition: .3s ease;color:#f4f4f6;font-weight: 700;}
.whats:hover{filter:brightness(.7);color:#f4f4f6 !important}

/* Animacion */
.carousel-inner{background:#1b1b22;}
.google{width:100%;height:100vh;display: table;}
.foto1{background:#1b1b22 url(../001.jpg) center no-repeat;background-size: cover;}
.foto2{background:#1b1b22 url(../002.jpg) center no-repeat;background-size: cover;}
.foto3{background:#1b1b22 url(../003.jpg) center no-repeat;background-size: cover;}
.foto4{background:#1b1b22 url(../004.jpg) center no-repeat;background-size: cover;}
.ads{display: table-cell;vertical-align: middle;padding:180px 15px 0 15px;text-align:center;}
.anuncio{color:#f4f4f6;margin:0 auto;text-align: left;}
.anuncio h2{font-size:80px;margin:0 auto 14px 0;padding:0;width:fit-content;padding:6px 10px 10px 10px;background:rgba(27,27,34,.6)}
.ads p{font-size:22px;font-weight:700;color:#f4f4f6;}
.carousel-item{background-color:#2D3B4D;text-align: center;}
.carousel-control-next, .carousel-control-prev {width:80px !important;height: 80px;bottom:0;top:auto;z-index: 979999;}
.carousel-indicators li{width:30px !important;height:6px !important;cursor: pointer;}

/* quienes somos */
#quienessomos{background:#f4f4f6;color:#2D3B4D;}
h2{font-size: 74px;margin-bottom:14px;font-weight:700;text-transform: uppercase;}
#quienessomos p{font-size:20px;}
.piso{width:160px;height:10px;margin-bottom:24px;background:#2D3B4D;}

/* tipos de pisos */
#tipos{background:#2D3B4D;color:#f4f4f6;}
#tipos .fotopiso{margin-bottom: 20px;}
h3{font-size:110px;font-weight: 700;text-transform: uppercase;text-align: left;}
.fotopiso{width:100%;height: 180px;background:url(../pulido/granito.png) center center no-repeat;background-size:cover;}
.deventa{background:url(../cortinas/venta.jpg) center center no-repeat !important;background-size:cover;}
.dereparacion{background:url(../cortinas/reparacion.jpg) center center no-repeat !important;background-size:cover;}
.deinstalacion{background:url(../cortinas/instalacion.jpg) center center no-repeat !important;background-size:cover;}

/* Más servicios */
#servicios{background:#35455A;color:#f4f4f6}

/* Galeria */
#galeria{padding:0;}
.bsas{aspect-ratio: 2 / 1.4;display: flex;align-items: stretch;flex-direction: column;justify-content: center;}
.zoom{width: 100%;text-align: center;}
.bsas img{opacity: 0;width:64px;transition: .3s ease;}
.bsas:hover img{opacity: 1;}


/* Más información */
#masinfo{background:#1b1b22;color:#f4f4f6;}
.datos{font-size:26px;}
.datos a:link,.datos a:visited{color:#2D3B4D !important;font-weight: 700; text-transform: uppercase;}
.datos a:hover{filter:brightness(0.6);}
.formtex{margin-bottom:12px;font-size:26px}
.form-control{background:none;border-left:0;border-top:0;border-right:5px solid #2D3B4D;border-bottom:5px solid #2D3B4D;border-radius:0;padding:6px 8px;margin-bottom:12px;}
.form-control:active,.form-control:focus{background:none !important;color:#aaa}
.btn-form{border:0;padding:6px 8px;background:#2D3B4D;text-transform: uppercase;font-weight: 700;cursor:pointer;color:#f4f4f6;}
.btn-form:hover{filter:brightness(0.6);}

/* Footer */
#footer{background:#1F1F26;color:#f4f4f6;padding:10px 0;}
#footer p{margin-bottom: 0;}
.firma{text-align: right;}

@media only screen and (max-width: 1370px) {
h2{font-size: 60px;}
.anuncio h2{font-size: 70px;}
h3{font-size: 80px;}
#quienessomos p{font-size: 18px;}
}
@media only screen and (max-width: 981px) {
#footer,.firma{text-align: center;}
.firma{padding-top:20px;font-size:14px;}
.pcdat{display: none;}
}
@media only screen and (max-width: 767px) {
h2{font-size: 50px;}
.anuncio h2{font-size: 60px;}
h3{font-size: 60px;text-align: left;}
}
@media only screen and (max-width: 575px) {
#quienessomos,#tipos,#masinfo{padding:40px 0;}
.ads{padding:220px 15px 0 15px;}
.logo{text-align: center;padding-top:60px;}
.datos{font-size:22px;}
#quienessomos p{font-size:16px;}
.datear{z-index: 999999;}
.dattop{width:100%;text-align: center;}
.anuncio h2{font-size: 48px;}
}