/*Quiero Web*/
html {
    scroll-behavior: smooth;
}
.suministros{
    background-image: url('imgs/home-desenfoque.jpg'); 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat;
    transition: all 1s ease-in-out;
}
.suministros:hover{
    background-image: url('imgs/home-enfoque.jpg');
}
h1{
    letter-spacing:15.8px !important;
    text-align:center;
}
h2,h1{
    font-family: 'Kanit', sans-serif;
    letter-spacing:2.4px;
    font-weight: 600;
}
h3{
    font-family: 'Poppins', sans-serif;
    letter-spacing:2.7px;
}
h4{
    font-family: 'Poppins', sans-serif;
    letter-spacing:1.25px;
}
p,li{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
ul {
  list-style: none;
}
li{
    position:relative;
    line-height: 20px;
}
.check>li::before{
  content: "✔  ";
  position: absolute;
  color: #f9d354;
  left: -17px;
}
.punto>li::before{
  content: "•  ";
  position: absolute;
  color: #f9d354;
  left: -15px;
}
label, .contact>p{
    font-weight: 600;
}
.aluminio{
    margin: 0 0 45px;
}
.g-recaptcha{
    margin: 15px 0;
}
.text{
    position: relative;
    bottom: -45px;
    width: 522px;
    margin: auto;
}
.redline{
    position:relative;
}
.redline::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 69px;
    background: url(imgs/flecha.png) no-repeat;
    left: calc(50% - 5px);
    bottom: -28px;
    z-index: 2;
}
.redline::after {
    content: "";
    position: absolute;
    width: 1233px;
    height: 13px;
    background: url(imgs/line-top.png) no-repeat;
    left: calc(50% - 616px);
    bottom: 0;
}
.redline_left{
    position: relative;
}
.redline_left::before {
    content: " ";
    position: absolute;
    width: 718px;
    height: 13px;
    background: url('imgs/line-2.png') no-repeat;
    top: -12px;
    left: calc(50% - 506px);
}
.redline_rigth::after {
    content: " ";
    position: absolute;
    width: 718px;
    height: 13px;
    background: url('imgs/line-3.png') no-repeat;
    bottom: -12px;
    right: calc(50% - 506px);
}
.imagen1{
    background: url('imgs/aluminio.jpg') no-repeat;
    width: 454px;
    height: 286px;
    position: absolute;
    z-index:4;
    left: -31%;
    top: -25px;
}
.line{
    position: absolute;
    width: 440px;
    height: 15px;
    background: #ed0707;
    z-index: 2;
    bottom: 15px;
    left: -26%;
}
.imagen2{
    background: url('imgs/acer-comercial.jpg') no-repeat;
    width: 641px;
    height: 286px;
    position: absolute;
    z-index:4;
    left: -14%;
    top: 0px;
}
.line2{
    position: absolute;
    width: 626px;
    height: 15px;
    background: #ed0707;
    z-index: 2;
    bottom: -10px;
    left: -11%;;
}
.imagen3{
    background: url('imgs/ac-com.jpg') no-repeat;
    width: 308px;
    height: 286px;
    position: absolute;
    z-index:4;
    top: 0px;
    left: -26%;
}
.line3{
    position: absolute;
    width: 279px;
    height: 15px;
    background: #ed0707;
    z-index: 2;
    bottom: -10px;
    left: -17%;
}
.display2{
    display: none !important;
}
@media (max-width: 1346px){
    .imagen1{
        transform:scale(0.8);
        
    }
    .line{
        transform:scale(0.8);
        left: -27%;
        bottom: 42px;
    }
    .imagen2{
        transform:scale(0.8);
        left: -12%;
    }
    .line2{
        transform:scale(0.8);
        bottom: 20px;
        left: -10%;
    }
    .imagen3{
        transform:scale(0.8);
        left: -5%;
    }
    .line3{
        transform:scale(0.8);
        bottom: 20px;
        left: 3%;
    }
}
@media (max-width: 1242px){
    .imagen1{
        transform:scale(0.8);
        left: -36%;
    }
    .line{
        transform:scale(0.8);
        left: -32%;
    }
    .imagen2{
        transform:scale(0.8);
        left: -15%;
    }
    .line2{
        transform:scale(0.8);
        left: -13%;
    }
    .redline::after{
        transform: scale(0.8);
    }
    .imagen3{
        transform:scale(0.8);
        left: -5%;
    }
    .line3{
        transform:scale(0.8);
        bottom: 20px;
        left: 3%;
    }
}
@media (max-width: 1200px){
    .imagen1{
        transform:scale(0.6);
        left: -45%;
    }
    .line {
        transform: scale(0.6);
        left: -40%;
        bottom: 72px;
    }
    .redline_left::before {
        left: calc(54% - 506px);
    }
    .redline_rigth::after {
        right: calc(54% - 506px);
    }
    .imagen2{
        transform:scale(0.6);
        left: calc(50% - 320px);
    }
    .line2{
        transform:scale(0.6);
        left: calc(50% - 308px);
        bottom: 88px;
    }
    .imagen3{
        transform: scale(0.6);
        left: calc(50% - 154px);
    }
    .line3{
        transform:scale(0.6);
        bottom: 88px;
        left: calc(50% - 131px);
    }
}
@media (max-width: 992px){
    .header img{
        margin:auto;
    }
    .header div{
        text-align:center !important;
    }
    .imagen1{
        position: relative;
        transform: scale(0.6);
        top: 64px;
        left: -75%;
    }
    .line{
        transform: scale(0.6);
        left: -48%;
        bottom: 63px;
    }
    .imagen2 {
        position: relative;
        transform: scale(0.6);
        left: calc(50% - 277px);
    }
    .line2{
        transform: scale(0.6);
        left: calc(50% - 265px);
        bottom: 128px;
    }
    .imagen3{
        position: relative;
        transform: scale(0.6);
        left: calc(50% - 170px);
    }
    .line3{
        transform:scale(0.6);
        bottom: 128px;
        left: calc(50% - 146px);
    }
    .redline::after {
        transform: scale(0.6);
        bottom: -3px;
    }
    .redline_left::before {
        top: -10px;
        transform: scale(0.6);
        left: calc(50% - 506px);
    }
    .redline_rigth::after {
        bottom: -10px;
        transform: scale(0.6);
        right: calc(50% - 506px);
    }
    .tubos{
        padding: 7.25rem 0 !important;
    }
}
@media (max-width: 890px){
    .imagen1 {
        transform: scale(0.5);
        left: -101%;
    }
    .line {
        transform: scale(0.5);
        left: -70%;
        bottom: 78px;
    }
    .imagen2 {
        transform: scale(0.5);
        left: calc(50% - 307px);
    }
    .line2 {
        transform: scale(0.5);
        left: calc(50% - 295px);
        bottom: 143px;
    }
    .imagen3{
        transform: scale(0.5);
        left: calc(50% - 170px);
    }
    .line3{
        transform:scale(0.5);
        bottom: 143px;
        left: calc(50% - 148px);
    }
}
@media (max-width: 767px){
    .imagen1 {
        transform: none;
        left: calc(50% - 227px);
        top: inherit;
    }
    .line {
        transform: none;
        left: calc(50% - 213px);
        bottom: -10px;
    }
    .redline::after {
        transform: scale(-0.4);
        bottom: -4px;
    }
    .redline_left::before {
        top: -10px;
        transform: scale(0.7);
        left: calc(65% - 506px);
    }
    .redline_rigth::after {
        bottom: -10px;
        transform: scale(0.7);
        right: calc(65% - 506px);
    }
    .imagen2 {
        transform: scale(0.8);
        left: calc(50% - 320px);
        top: inherit;
    }
    .line2 {
        transform: scale(0.8);
        left: calc(50% - 306px);
        bottom: 15px;
    }
    .imagen3{
        transform: none;
        left: calc(50% - 154px);
    }
    .line3 {
        transform: none;
        bottom: -14px;
        left: calc(50% - 125px);
    }
    .tubos{
        padding: inherit !important;
    }
    .aluminio{
        margin: 2rem 0;
    }
    .display2{
        display: flex !important;
    }
    .display1{
        display: none !important;
    }
}
@media (max-width: 650px){
    .redline_left::before {
        top: -10px;
        transform: scale(0.7);
        left: calc(74% - 506px);
    }
    .redline_rigth::after {
        bottom: -10px;
        transform: scale(0.7);
        right: calc(74% - 506px);
    }
}
@media (max-width: 576px){
    .text {
        width: 314px;
    }
    .redline::after {
        transform: scale(0.3);
        bottom: -5px;
    }
    .redline_left::before {
        top: -8px;
        transform: scale(0.4);
    }
    .redline_rigth::after {
        bottom: -8px;
        transform: scale(0.4);
    }
    .imagen1 {
        transform: scale(0.6);
        left: calc(50% - 227px);
        right: inherit;
        top: inherit;
    }
    .line {
        transform: scale(0.6);
        right: 0;
        left: calc(50% - 216px);
        bottom: 46px;
    }
    .imagen2 {
        transform: scale(0.5);
        right: 0%;
        left: calc(50% - 320px);
    }
    .line2 {
        transform: scale(0.5);
        bottom: 61px;
        right: inherit;
        left:calc(50% - 308px);
    }
    .imagen3{
        transform: scale(0.9);
        left: calc(50% - 154px);
    }
    .line3 {
        transform: scale(0.9);
        bottom: 2px;
        left: calc(50% - 126px);
    }
    .flex h2{
        text-align: center !important;
    }
    .flex{
        padding:2.5rem !important;
    }
    .padding{
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important;
    }
}
@media (max-width: 564px){
    h1{
        font-size: 2rem;
    }
}
@media (max-width: 472px){
    h1{
        font-size: 1.5rem;
        letter-spacing: 8.8px !important;
    }
    h4{
        font-size: 1rem;
    }
    .redline_left::before {
        top: -8px;
        transform: scale(0.5);
        left: calc(50% - 365px);
    }
    .redline_rigth::after {
        bottom: -8px;
        transform: scale(0.5);
        right: calc(50% - 365px);
    }
}

.gracias{
    padding:5px 15px;
    border:1px solid #fff;
    border-radius: 25px;
}