/* Generales */
.texto {
        font-size: 1.2rem;
}

.sombreado {
        box-shadow: 0px 0px 20px 2px #bcbcbc;
}

img {
        max-width: 100%;
        height: auto;
}

.imgstyled {
        border-radius: 20px;
}

.gif {
        border-radius: 10px;
        border-style: solid;
        border-width: 1px;
        border-color: white;
}

.negritas {
        font-weight: 600;
}

.min-vh-50 {
        min-height: 50vh;
}

.overflowtop {
        margin-top: -5rem;
}

.overflowbot {
        margin-bottom: -10rem;
}

/* Header */
#navegacion .nav-link {
        color: #000080;
        font-size: 1.3rem;
        font-weight: 500;
}

#navegacion .nav-link.active {
        background-color: #000080;
        color: white;
        border-radius: .5rem;
}

/* Página Principal */
.hero {
        min-height: 60rem;
        background-image: url(../img/Home/Back-Hero-Section.webp);
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
}

.btn-hero {
        font-size: 1rem;
        background-color: #4d79ff;
        border-style: none;
        padding: 0.5rem 1rem;
        border-radius: 10px;
        cursor: default;
        pointer-events: none;
}

.btn-hero:hover,
.btn-hero:focus,
.btn-hero:active {
        background-color: #4d79ff;
        /* mantiene el mismo color */
        color: inherit;
        /* mantiene el color del texto */
        box-shadow: none;
        /* quita sombra de bootstrap */
}

.hero-img {
        border-radius: 1rem;
        max-width: 400px;
}

/* Infrared Services*/

.hero-titulo {
        /* font-size: clamp(1rem, 3.5vw, 6rem); */
        font-size: clamp(1rem, -1.333rem + 6.481vw, 4.5rem);
        line-height: 1.2;
}

.hero-texto {
        /* font-size: clamp(.4rem, 1.4vw, 1.8rem); */
        font-size: clamp(0.5rem, -0.333rem + 2.315vw, 1.75rem);
        margin-top: 1rem;
        margin-bottom: 1rem;
}

.hero-nota {
        /* font-size: clamp(0.2rem, 1vw, 1rem); */
        font-size: clamp(0.313rem, -0.229rem + 1.505vw, 1.125rem);
}

.floating-badge {
        margin-top: -5rem;
        /* sube la imagen sobre el hero */
        width: clamp(60px, 10vw, 120px);
        /* tamaño adaptable */
}

/* Móvil */
@media (max-width: 768px) {
        .floating-badge {
                margin-top: -2rem;
                /* menos superposición en móviles */
                width: 70px;
        }
}

.position-absolute.top-50.translate-middle-y {
        top: 0;
        transform: none;
        padding-top: 0rem;
        margin-top: -4rem;
        /* ajuste fino desde arriba */
}

/* MÓVIL: subimos el texto un poco */
@media (max-width: 575.98px) {
        .position-absolute.top-50.translate-middle-y {
                top: 0;
                transform: none;
                padding-top: 0rem;
                margin-top: -2rem
                        /* ajuste fino desde arriba */
        }
}

.titulo-thermography {
        font-size: clamp(1.5rem, -0.25rem + 4.861vw, 4.125rem);
        line-height: 1.2;
        font-weight: 600;
        /* color: #190d38; */
        color: #200f4a;
}

.texto-thermography {
        font-size: clamp(0.5rem, -0.25rem + 2.083vw, 1.625rem);
}

.cydc {
        background-image: url(../img/Infrared/Back_CYDC.webp);
        background-size: cover;
        background-position: center;
}

/* UPS Services */

.hero-ups {
        min-height: 60rem;
        background-image: url(../img/UPS/Back_UPSserviceSales.webp);
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
}


.servicios h3 {
        font-weight: 600;
}

.services {
        background-color: #0a053b;
        border-radius: 25px;
        color: white;
        min-height: 150px;
        row-gap: 20px;
}

.servicios .imgups {
        min-height: 75px;
        margin-top: 20px;
}

.servicios .imgserv {
        min-height: 150px;
        margin-top: -20px;
}

/* Parts */
.btn-parts {
        font-size: 1rem;
        background-color: #4d79ff;
        border-style: none;
        padding: 0.5rem 1rem;
        border-radius: 10px;
}

@media (min-width: 768px) {
        .btn-parts {
                font-size: 1.5rem;
                /* padding: 1.2rem 2rem; */
        }
}

/* Quote */

.quote {
        /* min-height: 100vh; */
        background-image: url(../img/Quote/Back_Hero_Quote.webp);
        background-size: cover;
        background-position: center;
}

form {
        background-color: #e6e6ff;
        border-radius: 10px;
}

.support {
        background-color: #060024;
}

.support p{
        margin-bottom: 0;
}

.support h3{
        margin-bottom: 20px;
}

/* Footer */
#footer p {
        font-size: 1.2rem;
}

#footer a {
        font-size: 1.2rem;
}