@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poltawski+Nowy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pavanam&display=swap');


.jost{
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 45px;
}
.jost_2{
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 35px;
}  
.jost_3{
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-size: 35px;
} 
.jost_4{
    font-family: "Jost", sans-serif;
    font-weight: 300;
    font-size: 25px;
} 
.josefin{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
}
.josefin2{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 50px;
}
.precio{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #e95c0c;
    line-height: 1;
}
.precio1{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    text-decoration-line: line-through;
    color: #e95c0c;
}
.precio2{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #e95c0c;
}
.quienes{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: black;
    text-align: center;
}
.whatsapp {
    color: black;
}
.whatsapp:hover {
    color: #075E54;
    fill: #075E54 !important;
}
.phone {
    color: black;
}
.phone:hover {
    color: #e95c0c;
    fill: #e95c0c !important;
}
.envelope {
    color: black;
}
.envelope:hover {
    color: red;
    fill: red !important;
}
.subtitulo{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #e95c0c;
}
.producto{
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    color: #e95c0c;
}
.titulo{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
}
.text-black {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 35px;
    color: black;
}
.text-black-sub {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 25px;
    color: black;
}
.text-black-2 {
    font-family: "Pavanam", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: black;
}
.text-white-2 {
    font-family: "Pavanam", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: white;
}
.text-white-sub {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: white;
}
.text-w {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 35px;
    color: white;
}
.text-wb {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color: white;
}
.boton-cotizafacil{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 30px;
}
.h6-special, .h5-special, .h4-special, .h3-special, .h2-special, .h1-special {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color, inherit);
}
.h1-special {
    font-size: calc(22px + 1.5vw); /* 1.375rem + 1.5vw en píxeles */
} 
.h2-special {
    font-size: calc(20px + 0.9vw); /* 1.325rem + 0.9vw en píxeles */
} 
.h3-special {
    font-size: calc(18px + 0.6vw); /* 1.3rem + 0.6vw en píxeles */
} 
.h4-special {
    font-size: calc(16px + 0.3vw); /* 1.275rem + 0.3vw en píxeles */
}  
.h5-special {
    font-size: 20px; /* 1.25rem en píxeles */
}  
.h6-special {
    font-size: 16px; /* 1rem en píxeles */
}
@media only screen and (max-width: 720px){
    .text-black{
        font-size: 25px;
        font-weight: 600;
        line-height: 1.6;
    }
    .text-black-sub{
        font-size: 15px;
        font-weight: 600;
        line-height: 1.6;
    }
    .text-white-sub{
        font-size: 15px;
        font-weight: 600;
        line-height: 1.6;
    }
    .servicios{
        font-size: 15px;
        line-height: 2;
        margin: 0 25px 0 25px;
        padding: 0 25px 0 25px;
    }
    .jost{
        font-size: 35px;
    }
    .jost_2{
        font-size: 20px;
    }
    .jost_3{
        font-size: 24px;
    }
    .jost_4{
        font-size: 15px;
    }
    .text-w{
        font-size: 20px;
        line-height: 1.6;
    }
    .text-wb {
        font-size: 27px;
        padding-bottom: 10px;
    }
    .text-white-2{
        font-size: 25px;
    }
    .boton-cotizafacil{
        font-size: 20px;
    }
    .producto{
        font-size: 20px;
    }
    .h2-special {
        font-size: 14px; 
    } 
    .h5-special {
        font-size: 15px; 
    }
    .subtitulo{
        font-size: 15px;
    }
}

@media only screen and (min-width: 721px) and (max-width: 960px){
    .text-black{
        font-size: 25px;
        font-weight: 600;
        line-height: 1.2;
    }
    .servicios{
        font-size: 15px;
        line-height: 2;
        margin: 0 25px 0 25px;
        padding: 0 25px 0 25px;
    }
    .jost{
        font-size: 35px;
    }
    .jost_2{
        font-size: 20px;
    }
    .jost_4{
        font-size: 18px;
    }
    .text-w{
        font-size: 25px;
        font-weight: 600;
        line-height: 1.2;
    }
    .text-white-2{
        font-size: 25px;
    }
    .boton-cotizafacil{
        font-size: 20px;
    }   
}

@media (min-width: 1250px) and (max-width: 1300px) {
    .text-black-sub{
        font-size: 20px;
    }
    .text-white-2{
        font-size: 30px;
    }
  }