/*
 * Inpetransfer · Home V1.5
 * Base global. Los bloques tienen su CSS propio.
 */

:root {
    --inp-green: #ACBD51;
    --inp-green-dark: #8fa33c;
    --inp-ink: #171917;
    --inp-navy: #34405a;
    --inp-text: #4c566d;
    --inp-soft: #f5f7f2;
    --inp-white: #ffffff;
    --inp-border: #e5e9de;
    --inp-radius: 22px;
    --inp-container: 1380px;
    --inp-shadow: 0 20px 60px rgba(20, 28, 18, .10);
}

.inp-home-v1,
.inp-home-v1 * {
    box-sizing: border-box;
}

.inp-home-v1 {
    margin: 0;
    color: var(--inp-ink);
    font-family: 'Poppins', Arial, sans-serif;
    background: #fff;
}

.inp-home-v1 img {
    max-width: 100%;
    height: auto;
}

.inp-home-container {
    width: min(var(--inp-container), calc(100% - 64px));
    margin: 0 auto;
}

/*
 * Fase 1 · Identidad tipográfica de la Home.
 * Estas variables se aplican únicamente a los bloques que las consumen.
 * Mantener los valores anteriores de :root durante la migración gradual.
 */
.inp-home-main {
    --inp-home-font-family: 'Poppins', Arial, sans-serif;
    --inp-home-heading-color: #171917;
    --inp-home-body-color: #454a45;
    --inp-home-inverse-heading-color: #ffffff;
    --inp-home-inverse-body-color: rgba(255, 255, 255, .92);
    --inp-home-accent-color: #acbd51;
    --inp-home-heading-weight: 800;
    --inp-home-body-weight: 400;
    --inp-home-label-weight: 700;
    --inp-home-heading-size: clamp(32px, 3.6vw, 48px);
    --inp-home-heading-line-height: 1.12;
    --inp-home-heading-letter-spacing: -.035em;
    --inp-home-body-size: 16px;
    --inp-home-body-line-height: 1.7;
    --inp-home-label-size: 15px;
    --inp-home-eyebrow-size: 13px;
    --inp-home-stat-size: clamp(30px, 3vw, 44px);
}

.inp-home-main {
    overflow: hidden;
}

.inp-home-next {
    padding: 34px 0;
    background: #fff;
    color: #727a8a;
    font-size: 14px;
    text-align: center;
}

html {
    scroll-behavior: smooth;
}

@media (max-width: 760px) {
    .inp-home-container {
        width: min(100% - 32px, var(--inp-container));
    }
}