html,body{font-family: 'Outfit', arial, sans-serif !important;color:#F6F7EB;background:#F6F7EB url(../bk.png) center;text-align: center;}
section{
    overflow: hidden;
}
img{max-width:100%;}
.clear{clear:both;}
.container-seb{width:90%;padding:0 12px;margin:0 auto;}
.btn-ley{padding:4px 14px;border:3px solid;border-radius:50px;width:fit-content;font-weight: 600;}
a:link,a:visited{color:#EB0000 !important;text-decoration:none !important;}
a:hover{color:#393E41 !important;text-decoration:none !important;}
.wsp{position:fixed;bottom:10px;right:10px;background:#00be00 url(../wsp.png) center no-repeat;width:64px;height:64px;overflow:hidden;z-index:6;transition:all 0.3s ease;text-align:center;line-height: 32px;font-weight:700;color:#F0F8FA;text-transform:uppercase;border-radius:3px;}
.wsp:hover{filter:brightness(70%);}

/* Navbar */
nav{position: fixed !important;top:68px;left:0;z-index:8800;width:100%;color:#090A0B;background:#1A1A18;}
.logo{text-align: center;}
.logo img{width: 600px;}
.telefono{font-size:22px;text-align:right;padding-top:0;line-height: 24px;}
nav .btn-ley{border-color:#00be00;color:#F6F7EB;background:#00be00 url(../wp.png) right center no-repeat;padding:4px 52px 4px 14px;margin-top:5px;float:left}
nav .btn-ley:hover{color:#00be00;background-color:transparent;background-image: url(../wp2.png);}
.automatizacion{background:#20F8D3;padding-top:25px;padding-bottom:20px;margin-top:210px;}
.automatizacion a:link, .automatizacion a:visited{color:#000000 !important;}
.automatizacion a:hover{color:#393E41 !important;}
.wspurgente{font-weight: 700;font-size:44px;}
.wspurgente img{margin-top:-11px;}
.detalle{font-size:16px;margin-bottom:0; color: #1A1A18;}
.metal{display: none;}
.red1{padding:2px;background:#3b5998;border-radius: 20px;margin-left: 8px;margin-top:6px;}
.red2{padding:2px;background:#0077b5;border-radius: 20px;margin-left: 4px;margin-top:6px;}
.red3{padding:2px;background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius: 20px;margin-left: 4px;margin-top:6px;}
.control{color: #1A1A18;}
#todoamba{position:fixed;top:0;left:0;width:100%;padding:15px 0;font-size:26px;font-weight:700;color:#1A1A18;text-transform: uppercase;background:#20F8D3;z-index: 999;letter-spacing: 6px;}

/* Animacion */
#carouselExampleIndicators .carousel-inner{background:#090A0B;}
.porton{width:100%;height:calc(100vh - 158px);display: table;}
.batiente{background:#1A1A18;}
.levadizo{background:#090A0B url(../002.jpg) center center no-repeat;background-size: cover;}
.corredizo{background:#090A0B url(../004.jpg) center center no-repeat;background-size: cover;}
.automatizado{background:#090A0B url(../001.jpg) center center no-repeat;background-size: cover;}
.ads{display: table-cell;vertical-align: middle;text-align:center;}
.anuncio{padding:2px 0;color:#F6F7EB;margin:0 auto;font-weight: 700;font-size:5rem;text-transform: uppercase;line-height: 5rem;}
.amedida{text-shadow:0 0 5px #090A0B;}
.ads p{font-size:24px;width:fit-content;margin:10px auto 0;background:rgba(9,10,11,0.6);padding:4px 8px;border-radius: 5px;}
.batiente p{background:none !important;margin-top:0;}
.batiente .anuncio{margin-top:20px;}
#carouselExampleIndicators .carousel-item{background-color:#EB0000;text-align: center;}
#carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev {width:80px !important;}
.carousel-indicators li{width:10px !important;height:10px !important;border-radius: 10px;cursor: pointer;}
.ads .btn-ley{border-color:#EB0000;color:#F6F7EB;background:#EB0000;font-size:20px;margin:20px auto 0;}
.ads .btn-ley:hover{background:none;color:#EB0000;}


/* Contenido */
#perfil,#servicios,#oferta,#clientes,#footer{padding:60px 0;}
#perfil{color:#090A0B;}
.travertino{text-align: right;}
.vitrificado{font-size:24px;}
.termo{color:#EB0000;font-weight:600;}
h1{font-size:3rem;font-weight:600;}
h2{margin:0 auto 20px;text-transform: uppercase;color:#090A0B;font-weight: 800;}
.penalista{font-size:18px;text-align: left;}
#servicios{background-color:#1A1A18;}
#servicios .col{padding-top:15px;padding-bottom:15px;}
#servicios h1{text-align: center; color:#20F8D3 ;}
.pulido{width:100%;aspect-ratio: 52/47;background-size:cover !important;color:#F6F7EB;font-weight:700;text-transform: uppercase;padding:0;}
.pulido p{width:100%;background:rgba(9,10,11,0.6);padding:4px 0;margin:0 auto;font-size:20px;}
.portones{width:100%;background:linear-gradient(-90deg, #8c631d 0%, #d7b942 32%, #a88c1d 62%, #fff372 79%, #dcc544 100%);color:#090A0B;padding:6px 0;}
.portones b{font-size:38px;color:#1A1A18;}
.auto{color:#D40000;font-weight:800}
.mini{font-weight: 800;color:#393E41;font-size:14px;}
.reja{font-weight:800}
.reformas{margin:0 auto;padding-top:20px;max-width:90%;}
#enviado{padding-top:80px;text-align: center;background: #F6F7EB}
#enviado img{padding-bottom: 20px;}
.motor{background:#000000;border-radius:.25em;overflow: hidden;padding-bottom:16px;}
h4{margin:0 auto;padding:20px 0 10px 0;font-size:18px;font-weight: 700;}
.apertura{padding-top:8px;display: inline-block;}
.video{aspect-ratio: 10/7;border:0;width:100%;max-width:600px;}
.fabricante{padding-top:30px;}
.aclaracion{font-size:24px;text-transform: uppercase;color:#ddd;}
.aclaracion2{font-size:24px;color:#ddd;}
.video{width:100%;max-width:800px;aspect-ratio: 800 / 451;}
.oferhache{border-radius:3px;width: fit-content;background:#090A0B;color:#dcc544;padding:4px 6px;}
.subT{color: white;}

/* Reseñas */
#clientes{background:#ddd;color:#090A0B;}
#clientes .carousel-item img{max-height: 300px;}
#clientes .carousel-indicators{position: static;margin-top:20px;}

/* Pie de pagina */
#footer{background: #1A1A18 !important;color:#ffffff;}
.footn{font-weight:700;font-size:22px;padding-bottom: 10px;display: inline-block;}
.linkbt{border:2px solid #F6F7EB;border-radius:20px;margin:4px;}
#footer a:link,#footer a:visited{color:#F6F7EB !important;}
#footer a:hover{color:#20F8D3 !important;}
a:hover .linkbt{border-color:#20F8D3;background:#1A1A18;}
.form{position: absolute;top:calc(50vh - 180px);right:5%;width:90%;max-width:420px;}
.form-control{border-radius:0;border:0;background-color:#F6F7EB;color:#090A0B;}
.form-control:active,.form-control:focus{background-color:#F6F7EB;color:#090A0B;}
form .btn-ley{border-color:#20F8D3;color:#1A1A18;background:#20F8D3;cursor: pointer;}
form .btn-ley:hover{background:none;color:#20F8D3;}
.logopie{border-left:1px solid #393E41;}
.firma{margin:30px auto 0;color:#F6F7EB;}
@media only screen and (max-width: 1330px) {
.form{position:static;max-width:none;margin:0 auto;width:100%;}
.form form{background:none;padding:0 0 30px 0;}
.anuncio{font-size:4rem;}
.motor .row{font-size:14px;}
.control{font-size:14px;}
}
@media only screen and (max-width: 991px) {
nav,.telefono,.logo{text-align:center;}
.telefono{padding:6px 0;}
nav .btn-ley{margin:0 auto;float:none;}
.automatizacion{font-size:28px;}
.porton{height:calc(100vh - 274px);}
.metal{display: inline;}
.chapa{display: none;}
.detalle{margin-bottom:10px;margin-top:-10px;}
.control{font-size:16px;color:#1A1A18;}
}
@media only screen and (max-width: 767px) {
nav{background:#1A1A18}
.anuncio{font-size:3rem;line-height: 3rem;}
.logopie{margin-top: 30px;border-left:0;}
#enviado{padding-top:120px;}
#enviado img{width:320px;}
#perfil .col,button[type="submit"]{margin-bottom:14px;}
h1{font-size:2rem;}
.vitrificado{font-size:20px;}
}
@media only screen and (max-width: 575px) {
.porton{height:calc(100vh - 268px);}
.logopie{margin-top: 30px;}
.vitrificado{font-size:20px;}
.anuncio{font-size:1.6rem;line-height: 2rem;}
.ads p{max-width:70%;font-size:22px;}
.telefono{font-size:20px;}
.vitrificado{font-size:18px;}
.batiente img{max-width:50%;}
nav{top:60px;}
#todoamba{letter-spacing: 4px;font-size:20px;}
.automatizacion{margin-top:202px;}

}

/* OFERTAS ANIMACION y cambios */
.attention-card {
  animation: floatCard 5s ease-in-out infinite;
  position: relative;
}

@keyframes floatCard {
  0% {
    transform: translateY(0);

    transform: scale(1);
  }
  50% {
    transform: translateY(-6px);

    transform: scale(1.015);
  }
  100% {
    transform: translateY(0);

    transform: scale(1);
  }
}

.ofertaPromo{
    z-index: 1002;
    padding: 4px;
    color: #1A1A18;
    background-color: white;
    position:absolute ;
    top: -8px;
    right: 0;
}
.ofertaPromo p{
    margin-bottom: 0px !important;
}
.precioOferta{
    font-size: 64px;
}
@media only screen and (max-width: 575px) {
    .precioOferta{
    font-size: 55px;
}
}
.precioOfertaDos{
    font-size: 55px;
}
@media only screen and (max-width: 575px) {
    .precioOfertaDos{
    font-size: 47px;
}
}






.offer-title {
  font-size: 90px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;

  background: linear-gradient(
    180deg,
    #f9e79f 0%,
    #f1c40f 25%,
    #d4ac0d 50%,
    #b7950b 75%,
    #f9e79f 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

.offer-title span {
  display: block;
  margin-top: 6px;

  font-size: 35px;
  font-weight: 700;
  letter-spacing: 3px;
  color: #000;
  text-shadow: none;
}
.offer-title-wrapper {
margin-bottom: 30px;
  padding: 24px 32px;
  display: inline-block;
  border-radius: 12px;
  background-color: #000;
}
@media only screen and (max-width: 575px) {
.offer-title {
  font-size: 50px;
}
.offer-title span {
  font-size: 19px;
}
}