:root {
    --navy: #071c2c;
    --navy-light: #0c2940;
    --yellow: #f2c500;
    --white: #ffffff;
    --text: #172331;
    --soft: #f4f6f7;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text);
    background: var(--white);
}

a {
    text-decoration: none;
    color: inherit;
}


/* HEADER */

.site-header {
    height: 82px;
    padding: 0 6%;
    display: flex;
    align-items: center;
    gap: 40px;
    background: var(--navy);
    color: white;
    position: relative;
    z-index: 100;
}

.brand {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: auto;
    color: white;
}

.brand-logo {
    width: 62px;
    height: 62px;
    object-fit: contain;
}

.brand-text {
    display: flex;
    align-items: center;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -1px;
}

.brand-main {
    color: white;
}

.brand-accent {
    color: var(--yellow);
}

.brand-accent {
    color: var(--yellow);
}

.desktop-nav {
    display: flex;
    align-items: center;
    gap: 27px;
}

.desktop-nav a {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    transition: color .2s ease;
}

.desktop-nav a:hover {
    color: var(--yellow);
}

.header-cta {
    padding: 13px 18px;
    border: 1px solid var(--yellow);
    color: var(--yellow);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .5px;
}

.menu-toggle {
    display: none;
}


/* HERO */

.hero {
    min-height: 690px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 90px 8%;
    background:
        linear-gradient(
            90deg,
            rgba(4, 21, 34, .96) 0%,
            rgba(4, 21, 34, .82) 45%,
            rgba(4, 21, 34, .25) 100%
        ),
        url('../img/hero.png') center/cover no-repeat;
    color: white;
}

.hero-content {
    max-width: 850px;
    position: relative;
    z-index: 2;
}

.hero-eyebrow {
    color: var(--yellow);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 24px;
}

.hero h1 {
    margin: 0;
    font-size: clamp(40px, 4.8vw, 68px);
    line-height: .98;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.hero h1 span {
    color: var(--yellow);
}

.hero p {
    max-width: 650px;
    margin: 28px 0 35px;
    font-size: 19px;
    line-height: 1.6;
    color: rgba(255,255,255,.85);
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.btn {
    padding: 16px 23px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .7px;
}

.btn-primary {
    background: var(--yellow);
    color: var(--navy);
}

.btn-secondary {
    border: 1px solid rgba(255,255,255,.55);
    color: white;
}


/* CAMINOS */

.paths {
    padding: 100px 7%;
    background: var(--soft);
}

.section-heading {
    max-width: 700px;
    margin-bottom: 55px;
}

.section-heading > span {
    color: #c19f00;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.section-heading h2 {
    margin: 10px 0 15px;
    font-size: clamp(35px, 4vw, 54px);
    line-height: 1;
    color: var(--navy);
}

.section-heading p {
    font-size: 17px;
    line-height: 1.7;
    color: #65717c;
}

.path-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #dfe4e7;
}

.path-card {
    min-height: 290px;
    padding: 35px;
    background: white;
    transition:
        transform .25s ease,
        background .25s ease;
}

.path-card:hover {
    position: relative;
    transform: translateY(-5px);
    background: var(--navy);
    color: white;
    z-index: 2;
}

.path-number {
    color: var(--yellow);
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 45px;
}

.path-card h3 {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1.15;
}

.path-card p {
    min-height: 65px;
    font-size: 14px;
    line-height: 1.6;
    color: #71808c;
}

.path-card:hover p {
    color: rgba(255,255,255,.7);
}

.path-card strong {
    display: block;
    margin-top: 25px;
    color: #a18700;
    font-size: 11px;
    letter-spacing: .5px;
}


/* FOOTER */

.site-footer {
    padding: 45px 7%;
    background: #04131f;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer strong {
    font-size: 22px;
}

.site-footer strong span {
    color: var(--yellow);
}

.site-footer p {
    color: #87939d;
    font-size: 12px;
}


/* MOBILE */

@media (max-width: 900px) {

    .desktop-nav,
    .header-cta {
        display: none;
    }

    .menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .menu-toggle span {
        display: block;
        width: 25px;
        height: 2px;
        background: white;
    }

    .hero {
        min-height: 620px;
        padding: 70px 7%;
    }

    .hero h1 {
        letter-spacing: -2px;
    }

    .path-grid {
        grid-template-columns: 1fr;
    }

    .path-card {
        min-height: auto;
    }

    .site-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
}

/* ==================================================
   PROGRAMAS INTERNACIONALES
================================================== */

.program-hero {
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 90px 8%;
    color: white;

    background:
        linear-gradient(
            90deg,
            rgba(4, 21, 34, .97) 0%,
            rgba(4, 21, 34, .88) 48%,
            rgba(4, 21, 34, .30) 100%
        ),
        url('../img/programas-hero.png') center/cover no-repeat;
}

.program-hero-content {
    max-width: 850px;
}

.program-label {
    display: block;
    margin-bottom: 22px;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.program-hero h1 {
    margin: 0;
    font-size: clamp(44px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -3px;
    font-weight: 900;
}

.program-hero h1 span {
    color: var(--yellow);
}

.program-hero p {
    max-width: 650px;
    margin: 28px 0 35px;
    font-size: 19px;
    line-height: 1.6;
    color: rgba(255,255,255,.82);
}


/* INTRO */

.program-intro {
    padding: 100px 7%;
    background: white;
}

.program-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 55px;
    border-top: 1px solid #dde2e5;
}

.program-features > div {
    padding: 35px 30px 20px 0;
}

.program-features strong {
    display: block;
    margin-bottom: 30px;
    color: #c19f00;
    font-size: 13px;
}

.program-features h3 {
    margin: 0 0 14px;
    color: var(--navy);
    font-size: 18px;
}

.program-features p {
    max-width: 250px;
    margin: 0;
    color: #71808c;
    font-size: 14px;
    line-height: 1.7;
}


/* OPCIONES */

.program-options {
    padding: 100px 7%;
    background: var(--soft);
}

.program-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin-top: 55px;
    background: #dce2e5;
}

.program-card {
    min-height: 340px;
    padding: 35px;
    background: white;
    display: flex;
    flex-direction: column;
    transition: transform .25s ease;
}

.program-card:hover {
    position: relative;
    z-index: 2;
    transform: translateY(-6px);
}

.program-card > span {
    margin-bottom: 55px;
    color: #c19f00;
    font-size: 13px;
    font-weight: 900;
}

.program-card small {
    margin-bottom: 8px;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
}

.program-card h3 {
    margin: 0 0 18px;
    color: var(--navy);
    font-size: 34px;
    letter-spacing: -1px;
}

.program-card p {
    color: #71808c;
    font-size: 14px;
    line-height: 1.7;
}

.program-card a {
    margin-top: auto;
    color: #9d8300;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .6px;
}


/* TEMPORADA DESTACADA */

.program-card-featured {
    background: var(--navy);
}

.program-card-featured h3 {
    color: white;
}

.program-card-featured p {
    color: rgba(255,255,255,.65);
}

.program-card-featured a {
    color: var(--yellow);
}


/* RESPONSIVE PROGRAMAS */

@media (max-width: 1000px) {

    .program-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .program-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {

    .program-hero {
        min-height: 600px;
        padding: 70px 7%;
    }

    .program-hero h1 {
        font-size: 43px;
        letter-spacing: -2px;
    }

    .program-features,
    .program-grid {
        grid-template-columns: 1fr;
    }
}

/* ==================================================
   QUÉ INCLUYE
================================================== */

.program-includes {
    padding: 110px 7%;
    background: var(--navy);
    color: white;
}

.includes-heading {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 70px;
}

.section-kicker {
    display: block;
    margin-bottom: 18px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.includes-heading h2 {
    margin: 0;
    font-size: clamp(40px, 4.5vw, 66px);
    line-height: .95;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.includes-heading > p {
    max-width: 480px;
    margin: 0;
    color: rgba(255,255,255,.65);
    font-size: 16px;
    line-height: 1.8;
}

.includes-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid rgba(255,255,255,.15);
    border-left: 1px solid rgba(255,255,255,.15);
}

.include-item {
    min-height: 245px;
    padding: 28px;
    border-right: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(255,255,255,.15);
    transition: background .25s ease, transform .25s ease;
}

.include-item:hover {
    background: var(--navy-light);
    transform: translateY(-4px);
}

.include-item > span {
    display: block;
    margin-bottom: 48px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
}

.include-item h3 {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .4px;
}

.include-item p {
    margin: 0;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    line-height: 1.65;
}

.include-opportunity {
    background: var(--yellow);
}

.include-opportunity > span,
.include-opportunity h3,
.include-opportunity p {
    color: var(--navy);
}

.include-opportunity:hover {
    background: #ffd51c;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .includes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 700px) {

    .program-includes {
        padding: 80px 7%;
    }

    .includes-heading {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .includes-grid {
        grid-template-columns: 1fr;
    }

    .include-item {
        min-height: auto;
    }

}
/* ==================================================
   QUE INCLUYE TU EXPERIENCIA
================================================== */

.program-includes {
    padding: 110px 7%;
    background: var(--navy);
    color: white;
}

.includes-heading {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
    margin-bottom: 70px;
}

.section-kicker {
    display: block;
    margin-bottom: 18px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.includes-heading h2 {
    margin: 0;
    font-size: clamp(40px, 4.5vw, 66px);
    line-height: .95;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.includes-heading > p {
    max-width: 480px;
    margin: 0;
    color: rgba(255,255,255,.65);
    font-size: 16px;
    line-height: 1.8;
}


/* CUADRICULA */

.includes-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid rgba(255,255,255,.15);
    border-left: 1px solid rgba(255,255,255,.15);
}

.include-item {
    min-height: 245px;
    padding: 28px;
    border-right: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(255,255,255,.15);
    transition: background .25s ease, transform .25s ease;
}

.include-item:hover {
    background: var(--navy-light);
    transform: translateY(-4px);
}

.include-item > span {
    display: block;
    margin-bottom: 48px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
}

.include-item h3 {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .4px;
}

.include-item p {
    margin: 0;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    line-height: 1.65;
}


/* OPORTUNIDADES DESTACADA */

.include-opportunity {
    background: var(--yellow);
}

.include-opportunity > span,
.include-opportunity h3,
.include-opportunity p {
    color: var(--navy);
}

.include-opportunity:hover {
    background: #ffd51c;
}


/* RESPONSIVE */

@media (max-width: 1100px) {

    .includes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 700px) {

    .program-includes {
        padding: 80px 7%;
    }

    .includes-heading {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .includes-grid {
        grid-template-columns: 1fr;
    }

    .include-item {
        min-height: auto;
    }

}
/* ==================================================
   RECORRIDO DEL JUGADOR
================================================== */

.player-journey {
    padding: 115px 7% 125px;
    background: #ffffff;
    color: var(--navy);
}

.journey-heading {
    max-width: 1000px;
    margin-bottom: 80px;
}

.journey-heading h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 70px);
    line-height: .96;
    letter-spacing: -3px;
    font-weight: 900;
}

.journey-heading h2 span {
    color: #c19f00;
}

.journey-heading > p {
    max-width: 620px;
    margin: 30px 0 0;
    color: #71808c;
    font-size: 16px;
    line-height: 1.8;
}


/* LINEA DEL RECORRIDO */

.journey-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    padding-top: 35px;
    border-top: 2px solid #e0e5e8;
}

.journey-step {
    position: relative;
    min-height: 220px;
    padding: 30px 28px 0 0;
}

/* punto sobre la línea */

.journey-step::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--yellow);
    border: 5px solid #ffffff;
    box-shadow: 0 0 0 1px var(--yellow);
}

.journey-step > span {
    display: block;
    margin-bottom: 32px;
    color: #c19f00;
    font-size: 12px;
    font-weight: 900;
}

.journey-step strong {
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 900;
}

.journey-step p {
    max-width: 165px;
    margin: 0;
    color: #71808c;
    font-size: 12px;
    line-height: 1.65;
}


/* PASO FINAL */

.journey-final strong {
    color: var(--navy);
}

.journey-final::before {
    width: 18px;
    height: 18px;
    top: -45px;
    background: var(--navy);
    border-color: var(--yellow);
    box-shadow: none;
}

.journey-final > span {
    color: var(--navy);
}


/* RESPONSIVE */

@media (max-width: 1000px) {

    .journey-steps {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;
    }

}

@media (max-width: 700px) {

    .player-journey {
        padding: 80px 7%;
    }

    .journey-heading {
        margin-bottom: 55px;
    }

    .journey-heading h2 {
        font-size: 40px;
        letter-spacing: -2px;
    }

    .journey-steps {
        display: block;
        padding: 0 0 0 30px;
        border-top: 0;
        border-left: 2px solid #e0e5e8;
    }

    .journey-step {
        min-height: 160px;
        padding: 0 0 35px 25px;
    }

    .journey-step::before {
        top: 0;
        left: -39px;
    }

    .journey-final::before {
        top: 0;
        left: -42px;
    }

    .journey-step > span {
        margin-bottom: 15px;
    }

}
/* ==================================================
   EXPERIENCIA REAL
================================================== */

.real-experience {
    padding: 115px 7% 120px;
    background: var(--soft);
    color: var(--navy);
}

.experience-heading {
    max-width: 1050px;
    margin-bottom: 65px;
}

.experience-heading h2 {
    margin: 0;
    font-size: clamp(40px, 4.2vw, 60px);
    line-height: .96;
    letter-spacing: -3px;
    font-weight: 900;
}

.experience-heading h2 span {
    color: #c19f00;
}

.experience-heading > p {
    max-width: 650px;
    margin: 28px 0 0;
    color: #71808c;
    font-size: 16px;
    line-height: 1.8;
}


/* FOTOGRAFIAS */

.experience-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.experience-card {
    background: #ffffff;
    overflow: hidden;
}

.experience-image {
    position: relative;
    height: 500px;
    overflow: hidden;
    background: var(--navy);
}

.experience-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 55%,
        rgba(4,21,34,.28) 100%
    );
    pointer-events: none;
}

.experience-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .6s ease;
}

.experience-card:hover .experience-image img {
    transform: scale(1.035);
}


/* TEXTO DE CADA FOTO */

.experience-content {
    min-height: 190px;
    padding: 28px 30px 32px;
    border-bottom: 3px solid transparent;
    transition: border-color .25s ease;
}

.experience-card:hover .experience-content {
    border-bottom-color: var(--yellow);
}

.experience-content > span {
    display: block;
    margin-bottom: 20px;
    color: #c19f00;
    font-size: 11px;
    font-weight: 900;
}

.experience-content h3 {
    margin: 0 0 12px;
    color: var(--navy);
    font-size: 20px;
    font-weight: 900;
}

.experience-content p {
    max-width: 330px;
    margin: 0;
    color: #71808c;
    font-size: 13px;
    line-height: 1.7;
}


/* CIFRAS */

.experience-numbers {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 75px;
    border-top: 1px solid #d5dcdf;
    border-bottom: 1px solid #d5dcdf;
}

.experience-numbers > div {
    min-height: 165px;
    padding: 32px 28px;
    border-right: 1px solid #d5dcdf;
}

.experience-numbers > div:last-child {
    border-right: 0;
}

.experience-numbers strong {
    display: block;
    margin-bottom: 15px;
    color: var(--navy);
    font-size: clamp(32px, 3vw, 46px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
}

.experience-numbers span {
    display: block;
    max-width: 190px;
    color: #71808c;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: .8px;
}


/* RESPONSIVE */

@media (max-width: 1000px) {

    .experience-gallery {
        grid-template-columns: 1fr;
    }

    .experience-image {
        height: 600px;
    }

    .experience-numbers {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .real-experience {
        padding: 80px 7%;
    }

    .experience-heading h2 {
        font-size: 39px;
        letter-spacing: -2px;
    }

    .experience-image {
        height: 440px;
    }

    .experience-numbers {
        grid-template-columns: 1fr;
    }

    .experience-numbers > div {
        border-right: 0;
        border-bottom: 1px solid #d5dcdf;
    }

    .experience-numbers > div:last-child {
        border-bottom: 0;
    }

}
/* =====================================================
   SOLICITAR INFORMACION
===================================================== */

.lead-form-section {
    background: #f4f6f7;
    padding: 110px 6% 120px;
}

.lead-form-intro {
    max-width: 1180px;
    margin: 0 auto 65px;
}

.lead-form-intro .section-label {
    display: block;
    margin-bottom: 18px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #8a9198;
}

.lead-form-intro h1 {
    margin: 0;
    max-width: 900px;
    font-size: clamp(44px, 5vw, 72px);
    line-height: 0.98;
    letter-spacing: -2px;
    font-weight: 900;
    color: #071c2c;
}

.lead-form-intro h1 span {
    color: #d8ae00;
}

.lead-form-intro p {
    max-width: 720px;
    margin: 28px 0 0;
    font-size: 18px;
    line-height: 1.7;
    color: #53606b;
}


/* CAJA PRINCIPAL */

.lead-form-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(7, 28, 44, 0.08);
}

.lead-form {
    padding: 65px 70px 70px;
}


/* TITULOS DE BLOQUE */

.form-section-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 0 0 35px;
    padding-top: 55px;
    border-top: 1px solid #e2e6e8;
}

.form-section-title:first-child {
    padding-top: 0;
    border-top: 0;
}

.form-section-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    background: #f2c500;
    color: #071c2c;
    font-size: 13px;
    font-weight: 900;
}

.form-section-title h2 {
    margin: 0;
    color: #071c2c;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.4px;
}


/* CAMPOS */

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 30px;
    margin-bottom: 55px;
}

.form-field {
    display: flex;
    flex-direction: column;
}

.form-field-full {
    grid-column: 1 / -1;
}

.form-field label {
    margin-bottom: 9px;
    color: #071c2c;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d8dde1;
    border-radius: 0;
    background: #f9fafb;
    padding: 15px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #172331;
    outline: none;
    transition: border-color 0.2s ease,
                background 0.2s ease,
                box-shadow 0.2s ease;
}

.form-field input,
.form-field select {
    min-height: 52px;
}

.form-field textarea {
    resize: vertical;
    min-height: 140px;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    background: #ffffff;
    border-color: #071c2c;
    box-shadow: 0 0 0 3px rgba(7, 28, 44, 0.06);
}

.form-field input::placeholder,
.form-field textarea::placeholder {
    color: #a1a8ae;
}

.form-field small {
    display: block;
    margin-top: 10px;
    max-width: 760px;
    color: #7a838b;
    font-size: 12px;
    line-height: 1.6;
}


/* ENVIO */

.form-submit {
    margin-top: 5px;
    padding: 38px 40px;
    background: #071c2c;
}

.form-submit button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border: 0;
    background: #f2c500;
    padding: 0 28px;
    color: #071c2c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: transform 0.2s ease,
                background 0.2s ease;
}

.form-submit button:hover {
    background: #ffffff;
    transform: translateY(-2px);
}

.form-submit p {
    margin: 17px 0 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    line-height: 1.6;
}


/* RESPONSIVE */

@media (max-width: 768px) {

    .lead-form-section {
        padding: 75px 20px 80px;
    }

    .lead-form-intro {
        margin-bottom: 40px;
    }

    .lead-form-intro h1 {
        font-size: clamp(38px, 12vw, 54px);
        letter-spacing: -1px;
    }

    .lead-form-intro p {
        font-size: 16px;
    }

    .lead-form {
        padding: 40px 24px 45px;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 45px;
    }

    .form-field-full {
        grid-column: auto;
    }

    .form-section-title {
        padding-top: 42px;
    }

    .form-section-title h2 {
        font-size: 18px;
    }

    .form-submit {
        padding: 30px 24px;
    }

    .form-submit button {
        width: 100%;
    }

}
/* =====================================================
   MENSAJES FORMULARIO
===================================================== */

.form-message {
    margin: 0;
    padding: 22px 70px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.form-message-success {
    background: #f2c500;
    color: #071c2c;
}

.form-message-error {
    background: #071c2c;
    color: #ffffff;
}

@media (max-width: 768px) {

    .form-message {
        padding: 20px 24px;
    }

}
/* =====================================================
   ADMIN · ESSERE PRO
===================================================== */

.admin-body {
    margin: 0;
    background: #f3f5f6;
    font-family: Arial, Helvetica, sans-serif;
    color: #172331;
}


/* HEADER */

.admin-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 82px;
    padding: 0 5%;
    background: #071c2c;
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.admin-brand img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.admin-brand-name {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.admin-brand-name span {
    color: #f2c500;
}

.admin-logout {
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.admin-logout:hover {
    color: #f2c500;
}


/* CONTENIDO */

.admin-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 65px 5% 100px;
}

.admin-heading {
    margin-bottom: 42px;
}

.admin-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #8b949c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.admin-heading h1 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
}

.admin-heading h1 span {
    color: #d8ae00;
}

.admin-heading p {
    max-width: 620px;
    margin: 18px 0 0;
    color: #69747d;
    font-size: 15px;
    line-height: 1.6;
}


/* METRICAS */

.admin-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin-bottom: 35px;
}

.admin-stat {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 26px 28px;
    border: 1px solid #e4e8ea;
}

.admin-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #071c2c;
}

.admin-stat.highlight::before {
    background: #f2c500;
}

.admin-stat-number {
    display: block;
    margin-bottom: 7px;
    color: #071c2c;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
}

.admin-stat-label {
    color: #7b858d;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.4px;
}


/* PANEL */

.admin-panel {
    background: #ffffff;
    border: 1px solid #e1e5e8;
}

.admin-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-bottom: 1px solid #e7eaec;
}

.admin-panel-header h2 {
    margin: 0;
    color: #071c2c;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.2px;
}

.admin-panel-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 9px;
    background: #f2c500;
    color: #071c2c;
    font-size: 11px;
    font-weight: 900;
}


/* TABLA */

.admin-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.admin-table th {
    padding: 15px 18px;
    background: #f7f8f9;
    border-bottom: 1px solid #e1e5e8;
    color: #818b93;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: left;
}

.admin-table td {
    padding: 18px;
    border-bottom: 1px solid #edf0f1;
    color: #34414c;
    font-size: 13px;
    vertical-align: middle;
}

.admin-table tbody tr {
    transition: background 0.15s ease;
}

.admin-table tbody tr:hover {
    background: #fafbfb;
}

.admin-player {
    color: #071c2c;
    font-weight: 900;
}

.admin-contact {
    color: #69747d;
}


/* ESTADOS */

.admin-status {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.8px;
}

.admin-status-new {
    background: #fff5c2;
    color: #705b00;
}

.admin-status-follow {
    background: #e8eef3;
    color: #27445a;
}

.admin-status-enrolled {
    background: #e3f2e8;
    color: #275c38;
}


/* BOTON */

.admin-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    background: #071c2c;
    color: #ffffff;
    text-decoration: none;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.8px;
}

.admin-view:hover {
    background: #f2c500;
    color: #071c2c;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .admin-stats {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .admin-header {
        padding: 0 20px;
    }

    .admin-main {
        padding: 45px 20px 70px;
    }

    .admin-stats {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .admin-stat {
        padding: 21px 20px;
    }

    .admin-stat-number {
        font-size: 27px;
    }

    .admin-heading h1 {
        letter-spacing: -1px;
    }

}
/* =====================================================
   ADMIN · FICHA DE OPORTUNIDAD
===================================================== */

.lead-profile-back {
    margin-bottom: 38px;
}

.lead-profile-back a {
    color: #69747d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-decoration: none;
}

.lead-profile-back a:hover {
    color: #d8ae00;
}


/* CABECERA DEL JUGADOR */

.lead-profile-heading {
    margin-bottom: 38px;
}

.lead-profile-heading h1 {
    margin: 7px 0 14px;
    color: #071c2c;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.lead-profile-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    color: #69747d;
    font-size: 12px;
    font-weight: 700;
}


/* RESUMEN SUPERIOR */

.lead-profile-summary {
    display: grid;
    grid-template-columns: 0.8fr 1fr 1.5fr;
    margin-bottom: 25px;
    background: #071c2c;
}

.lead-summary-status,
.lead-summary-contact {
    min-width: 0;
    padding: 27px 30px;
    border-right: 1px solid rgba(255,255,255,0.12);
}

.lead-profile-summary > div:last-child {
    border-right: 0;
}

.lead-summary-label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255,255,255,0.48);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.lead-profile-summary strong {
    display: block;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
}

.lead-summary-status strong {
    display: inline-flex;
    padding: 7px 11px;
    background: #f2c500;
    color: #071c2c;
    font-size: 10px;
    letter-spacing: 0.7px;
}


/* TARJETAS */

.lead-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.lead-profile-card {
    position: relative;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #e1e5e8;
    padding: 38px 40px 42px;
}

.lead-card-number {
    margin-bottom: 15px;
    color: #d8ae00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.lead-profile-card h2 {
    margin: 0 0 30px;
    color: #071c2c;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.4px;
}


/* DATOS */

.lead-data-list {
    border-top: 1px solid #e8ebed;
}

.lead-data-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 52px;
    border-bottom: 1px solid #e8ebed;
}

.lead-data-row span {
    color: #7b858d;
    font-size: 11px;
    font-weight: 700;
}

.lead-data-row strong {
    color: #071c2c;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
}


/* MENSAJE DEL JUGADOR */

.lead-message {
    margin-top: 30px;
    padding: 24px;
    background: #f5f6f7;
    border-left: 3px solid #f2c500;
}

.lead-message span {
    display: block;
    margin-bottom: 12px;
    color: #8a939a;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.3px;
}

.lead-message p {
    margin: 0;
    color: #34414c;
    font-size: 13px;
    line-height: 1.7;
}


/* MATERIAL AUDIOVISUAL */

.lead-profile-video {
    grid-column: 1 / -1;
    background: #071c2c;
    border: 0;
}

.lead-profile-video h2 {
    color: #ffffff;
}

.lead-profile-video p {
    max-width: 600px;
    margin: 0 0 25px;
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    line-height: 1.7;
}

.lead-video-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 23px;
    background: #f2c500;
    color: #071c2c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-decoration: none;
}

.lead-video-button:hover {
    background: #ffffff;
}

.lead-no-video {
    margin-bottom: 0 !important;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .lead-profile-summary {
        grid-template-columns: 1fr;
    }

    .lead-summary-status,
    .lead-summary-contact {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    .lead-profile-summary > div:last-child {
        border-bottom: 0;
    }

    .lead-profile-grid {
        grid-template-columns: 1fr;
    }

    .lead-profile-video {
        grid-column: auto;
    }

}


@media (max-width: 600px) {

    .lead-profile-heading h1 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .lead-profile-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .lead-profile-meta span:nth-child(2),
    .lead-profile-meta span:nth-child(4) {
        display: none;
    }

    .lead-profile-card {
        padding: 30px 24px 34px;
    }

    .lead-data-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding: 14px 0;
    }

    .lead-data-row strong {
        text-align: left;
    }

}
/* =====================================================
   ADMIN · GESTION DE OPORTUNIDAD
===================================================== */

.lead-management {
    margin-bottom: 20px;
    padding: 30px 35px;
    background: #ffffff;
    border: 1px solid #e1e5e8;
}

.lead-management-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 25px;
}

.lead-management-heading h2 {
    margin: 5px 0 0;
    color: #071c2c;
    font-size: 18px;
    font-weight: 900;
}

.lead-current-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    background: #fff5c2;
    color: #705b00;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* BOTONES DE ESTADO */

.lead-status-form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lead-status-form button {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #dce1e4;
    background: #f7f8f9;
    color: #68737c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.8px;
    cursor: pointer;
    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}

.lead-status-form button:hover {
    border-color: #071c2c;
    color: #071c2c;
    transform: translateY(-1px);
}


/* ESTADO SELECCIONADO */

.lead-status-form button.active {
    border-color: #071c2c;
    background: #071c2c;
    color: #ffffff;
}


/* DESCARTADO */

.lead-status-form button.status-discarded {
    margin-left: auto;
}

.lead-status-form button.status-discarded:hover {
    border-color: #a33b3b;
    color: #a33b3b;
}

.lead-status-form button.status-discarded.active {
    border-color: #a33b3b;
    background: #a33b3b;
    color: #ffffff;
}


/* CONFIRMACION */

.lead-update-success {
    margin-bottom: 20px;
    padding: 13px 16px;
    border-left: 3px solid #f2c500;
    background: #f8f5e6;
    color: #5e521d;
    font-size: 11px;
    font-weight: 800;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .lead-management {
        padding: 25px 22px;
    }

    .lead-management-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .lead-status-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .lead-status-form button {
        width: 100%;
    }

    .lead-status-form button.status-discarded {
        margin-left: 0;
    }

}
/* =========================================
   PROGRAMAS - CTA FINAL
========================================= */

.programas-final-cta {
    background: #071c2c;
    color: #ffffff;
    padding: 90px 30px;
}

.programas-final-cta-inner {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
}

.programas-final-label {
    display: block;
    margin-bottom: 18px;
    color: #f2c500;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.programas-final-cta h2 {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 0.98;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.programas-final-cta h2 strong {
    color: #f2c500;
}

.programas-final-cta p {
    max-width: 650px;
    margin: 0 auto 32px;
    color: #d6e0e7;
    font-size: 17px;
    line-height: 1.7;
}

.programas-final-button {
    display: inline-block;
    padding: 17px 30px;
    background: #f2c500;
    color: #071c2c;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-decoration: none;
    transition: transform 0.2s ease, background 0.2s ease;
}

.programas-final-button:hover {
    background: #ffffff;
    color: #071c2c;
    transform: translateY(-2px);
}

.programas-final-cta small {
    display: block;
    max-width: 600px;
    margin: 20px auto 0;
    color: #8fa5b5;
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 700px) {
    .programas-final-cta {
        padding: 65px 22px;
    }

    .programas-final-cta h2 {
        font-size: 38px;
    }

    .programas-final-cta p {
        font-size: 15px;
    }
}
/* =========================================
   FOOTBALL EDUCATION - HERO
========================================= */

.education-hero {
    background: #071c2c;
    color: #ffffff;
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 90px 30px;
}

.education-hero-inner {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.education-label {
    display: block;
    margin-bottom: 24px;
    color: #f2c500;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.education-hero h1 {
    margin: 0;
    max-width: 850px;
    color: #ffffff;
    font-size: clamp(52px, 7vw, 92px);
    line-height: 0.88;
    font-weight: 900;
    letter-spacing: -2px;
}

.education-hero h1 strong {
    color: #f2c500;
}

.education-hero p {
    max-width: 650px;
    margin: 32px 0 0;
    color: #d6e0e7;
    font-size: 18px;
    line-height: 1.65;
}

.education-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 36px;
}

.education-button-primary,
.education-button-secondary {
    display: inline-block;
    padding: 17px 25px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-decoration: none;
    transition: 0.2s ease;
}

.education-button-primary {
    background: #f2c500;
    color: #071c2c;
}

.education-button-secondary {
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

.education-button-primary:hover {
    background: #ffffff;
    transform: translateY(-2px);
}

.education-button-secondary:hover {
    border-color: #f2c500;
    color: #f2c500;
}

@media (max-width: 700px) {

    .education-hero {
        min-height: auto;
        padding: 80px 22px;
    }

    .education-hero h1 {
        font-size: 52px;
    }

    .education-hero p {
        font-size: 16px;
    }

}
/* =========================================
   FOOTBALL EDUCATION - CONCEPTO
========================================= */

.education-concept {
    background: #f4f6f7;
    padding: 100px 30px;
}

.education-concept-inner {
    max-width: 1160px;
    margin: 0 auto;
}

.education-concept-intro {
    max-width: 760px;
    margin-bottom: 65px;
}

.education-section-label {
    display: block;
    margin-bottom: 18px;
    color: #c7a200;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.education-concept-intro h2 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-concept-intro h2 strong {
    color: #d5ad00;
}

.education-concept-intro p {
    max-width: 650px;
    margin: 28px 0 0;
    color: #536575;
    font-size: 17px;
    line-height: 1.7;
}

.education-concept-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #ccd4da;
    border-bottom: 1px solid #ccd4da;
}

.education-concept-card {
    padding: 42px 38px 45px 0;
}

.education-concept-card + .education-concept-card {
    border-left: 1px solid #ccd4da;
    padding-left: 38px;
}

.education-concept-card > span {
    display: block;
    margin-bottom: 35px;
    color: #d5ad00;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
}

.education-concept-card h3 {
    margin: 0 0 16px;
    color: #071c2c;
    font-size: 21px;
    font-weight: 900;
}

.education-concept-card p {
    margin: 0;
    max-width: 290px;
    color: #61717e;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 800px) {

    .education-concept {
        padding: 70px 22px;
    }

    .education-concept-intro {
        margin-bottom: 45px;
    }

    .education-concept-grid {
        grid-template-columns: 1fr;
    }

    .education-concept-card,
    .education-concept-card + .education-concept-card {
        padding: 32px 0;
        border-left: 0;
    }

    .education-concept-card + .education-concept-card {
        border-top: 1px solid #ccd4da;
    }

    .education-concept-card > span {
        margin-bottom: 18px;
    }
}
/* =========================================
   FOOTBALL EDUCATION - OPORTUNIDADES
========================================= */

.education-opportunities {
    background: #ffffff;
    padding: 105px 30px;
}

.education-opportunities-inner {
    max-width: 1160px;
    margin: 0 auto;
}

.education-opportunities-heading {
    max-width: 900px;
    margin-bottom: 65px;
}

.education-opportunities-heading h2 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: 0.96;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-opportunities-heading h2 strong {
    color: #d5ad00;
}

.education-opportunities-heading p {
    max-width: 620px;
    margin: 25px 0 0;
    color: #61717e;
    font-size: 16px;
    line-height: 1.7;
}


/* TARJETA PROGRAMA */

.education-program-card {
    display: grid;
    grid-template-columns: 0.7fr 2.2fr 1.6fr 1.2fr;
    border-top: 4px solid #071c2c;
    border-bottom: 1px solid #ccd4da;
    background: #f4f6f7;
}

.education-program-number,
.education-program-main,
.education-program-details,
.education-program-action {
    padding: 38px 30px;
}

.education-program-main,
.education-program-details,
.education-program-action {
    border-left: 1px solid #ccd4da;
}


/* NÚMERO */

.education-program-number {
    color: #d5ad00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* PROGRAMA */

.education-program-type {
    display: block;
    margin-bottom: 18px;
    color: #6b7a86;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.3px;
}

.education-program-main h3 {
    margin: 0 0 22px;
    color: #071c2c;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 900;
}

.education-program-main h3 strong {
    color: #d5ad00;
}

.education-program-description {
    margin: 0 0 24px;
    color: #536575;
    font-size: 14px;
    line-height: 1.7;
}

.education-program-period {
    color: #071c2c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.6px;
}


/* INCLUYE */

.education-program-details > span {
    display: block;
    margin-bottom: 20px;
    color: #071c2c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.education-program-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.education-program-details li {
    position: relative;
    padding: 8px 0 8px 18px;
    color: #536575;
    font-size: 13px;
    line-height: 1.45;
}

.education-program-details li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #d5ad00;
    font-weight: 900;
}


/* PRECIO + CTA */

.education-program-action {
    background: #071c2c;
    color: #ffffff;
}

.education-program-price-label {
    display: block;
    margin-bottom: 15px;
    color: #9db0bd;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
}

.education-program-price {
    color: #f2c500;
    font-size: 38px;
    line-height: 1;
    font-weight: 900;
}

.education-program-action small {
    display: block;
    margin: 10px 0 28px;
    color: #9db0bd;
    font-size: 10px;
    line-height: 1.5;
}

.education-program-button {
    display: inline-block;
    padding: 14px 17px;
    background: #f2c500;
    color: #071c2c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: 0.2s ease;
}

.education-program-button:hover {
    background: #ffffff;
    transform: translateY(-2px);
}


/* RESPONSIVE */

@media (max-width: 950px) {

    .education-program-card {
        grid-template-columns: 1fr 2fr;
    }

    .education-program-details {
        border-left: 0;
        border-top: 1px solid #ccd4da;
    }

    .education-program-action {
        border-top: 1px solid #ccd4da;
    }
}

@media (max-width: 650px) {

    .education-opportunities {
        padding: 70px 22px;
    }

    .education-opportunities-heading {
        margin-bottom: 45px;
    }

    .education-program-card {
        grid-template-columns: 1fr;
    }

    .education-program-number,
    .education-program-main,
    .education-program-details,
    .education-program-action {
        padding: 28px 24px;
        border-left: 0;
    }

    .education-program-main,
    .education-program-details,
    .education-program-action {
        border-top: 1px solid #ccd4da;
    }
}
/* =========================================
   FOOTBALL EDUCATION - CURSO NIVEL 1 HERO
========================================= */

.education-course-hero {
    background: #071c2c;
    color: #ffffff;
    padding: 75px 30px 85px;
}

.education-course-hero-inner {
    max-width: 1160px;
    margin: 0 auto;
}

.education-course-back {
    display: inline-block;
    margin-bottom: 55px;
    color: #91a5b4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    transition: 0.2s ease;
}

.education-course-back:hover {
    color: #f2c500;
}

.education-course-label {
    display: block;
    margin-bottom: 20px;
    color: #f2c500;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.education-course-hero h1 {
    margin: 0;
    max-width: 800px;
    color: #ffffff;
    font-size: clamp(54px, 7vw, 94px);
    line-height: 0.86;
    font-weight: 900;
    letter-spacing: -2px;
}

.education-course-hero h1 strong {
    color: #f2c500;
}

.education-course-intro {
    max-width: 650px;
    margin: 32px 0 42px;
    color: #d6e0e7;
    font-size: 18px;
    line-height: 1.65;
}


/* DATOS PRINCIPALES */

.education-course-meta {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 900px;
    margin-bottom: 38px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.education-course-meta > div {
    padding: 22px 24px 22px 0;
}

.education-course-meta > div + div {
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.education-course-meta span {
    display: block;
    margin-bottom: 7px;
    color: #8298a8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.education-course-meta strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.education-course-meta > div:last-child strong {
    color: #f2c500;
}


/* BOTONES */

.education-course-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .education-course-hero {
        padding: 60px 22px 70px;
    }

    .education-course-back {
        margin-bottom: 40px;
    }

    .education-course-hero h1 {
        font-size: 52px;
    }

    .education-course-intro {
        font-size: 16px;
    }

    .education-course-meta {
        grid-template-columns: repeat(2, 1fr);
    }

    .education-course-meta > div {
        padding: 18px 15px;
    }

    .education-course-meta > div + div {
        padding-left: 15px;
    }

    .education-course-meta > div:nth-child(3) {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .education-course-meta > div:nth-child(4) {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
}
/* =========================================
   NIVEL 1 - MÁS QUE UN CURSO
========================================= */

.education-course-experience {
    background: #f4f6f7;
    padding: 100px 30px;
}

.education-course-experience-inner {
    max-width: 1160px;
    margin: 0 auto;
}

.education-course-experience-intro {
    max-width: 780px;
    margin-bottom: 65px;
}

.education-course-experience-intro h2 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-course-experience-intro h2 strong {
    color: #d5ad00;
}

.education-course-experience-intro p {
    max-width: 680px;
    margin: 28px 0 0;
    color: #536575;
    font-size: 17px;
    line-height: 1.7;
}


/* TRES PILARES */

.education-course-experience-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #ccd4da;
    border-bottom: 1px solid #ccd4da;
}

.education-course-experience-card {
    padding: 42px 38px 45px 0;
}

.education-course-experience-card + .education-course-experience-card {
    padding-left: 38px;
    border-left: 1px solid #ccd4da;
}

.education-course-experience-card > span {
    display: block;
    margin-bottom: 35px;
    color: #d5ad00;
    font-size: 12px;
    font-weight: 900;
}

.education-course-experience-card h3 {
    margin: 0 0 16px;
    color: #071c2c;
    font-size: 21px;
    font-weight: 900;
}

.education-course-experience-card p {
    max-width: 300px;
    margin: 0;
    color: #61717e;
    font-size: 14px;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .education-course-experience {
        padding: 70px 22px;
    }

    .education-course-experience-intro {
        margin-bottom: 45px;
    }

    .education-course-experience-grid {
        grid-template-columns: 1fr;
    }

    .education-course-experience-card,
    .education-course-experience-card + .education-course-experience-card {
        padding: 32px 0;
        border-left: 0;
    }

    .education-course-experience-card + .education-course-experience-card {
        border-top: 1px solid #ccd4da;
    }

    .education-course-experience-card > span {
        margin-bottom: 18px;
    }
}
/* =========================================
   NIVEL 1 - TODO INCLUIDO
========================================= */

.education-course-includes {
    background: #071c2c;
    color: #ffffff;
    padding: 100px 30px;
}

.education-course-includes-inner {
    max-width: 1160px;
    margin: 0 auto;
}


/* ENCABEZADO */

.education-course-includes-heading {
    max-width: 800px;
    margin-bottom: 65px;
}

.education-course-includes .education-section-label {
    color: #f2c500;
}

.education-course-includes-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-course-includes-heading h2 strong {
    color: #f2c500;
}

.education-course-includes-heading p {
    max-width: 620px;
    margin: 28px 0 0;
    color: #b7c6d0;
    font-size: 17px;
    line-height: 1.7;
}


/* ELEMENTOS INCLUIDOS */

.education-course-includes-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.education-course-include-item {
    padding: 38px 28px;
}

.education-course-include-item:first-child {
    padding-left: 0;
}

.education-course-include-item + .education-course-include-item {
    border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.education-course-include-item > span {
    display: block;
    margin-bottom: 32px;
    color: #f2c500;
    font-size: 11px;
    font-weight: 900;
}

.education-course-include-item h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.15;
    font-weight: 900;
}

.education-course-include-item p {
    margin: 0;
    color: #9fb1be;
    font-size: 12px;
    line-height: 1.65;
}


/* INVERSIÓN */

.education-course-investment {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    align-items: center;
    margin-top: 45px;
    background: #0c2940;
}

.education-course-investment > div,
.education-course-investment > p {
    margin: 0;
    padding: 28px 32px;
}

.education-course-investment > div + div,
.education-course-investment > p {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.education-course-investment span {
    display: block;
    margin-bottom: 8px;
    color: #8fa5b5;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.education-course-investment strong {
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
}

.education-course-investment > div:nth-child(2) strong {
    color: #f2c500;
    font-size: 32px;
}

.education-course-investment p {
    color: #9fb1be;
    font-size: 12px;
    line-height: 1.5;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .education-course-includes-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .education-course-include-item,
    .education-course-include-item:first-child {
        padding: 30px 24px;
    }

    .education-course-include-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .education-course-investment {
        grid-template-columns: 1fr 1fr;
    }

    .education-course-investment > p {
        grid-column: 1 / -1;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }
}

@media (max-width: 600px) {

    .education-course-includes {
        padding: 70px 22px;
    }

    .education-course-includes-grid {
        grid-template-columns: 1fr;
    }

    .education-course-include-item,
    .education-course-include-item:first-child {
        padding: 28px 0;
        border-left: 0;
    }

    .education-course-include-item + .education-course-include-item {
        border-left: 0;
    }

    .education-course-include-item > span {
        margin-bottom: 16px;
    }

    .education-course-investment {
        grid-template-columns: 1fr;
    }

    .education-course-investment > div,
    .education-course-investment > p {
        padding: 24px;
    }

    .education-course-investment > div + div,
    .education-course-investment > p {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .education-course-investment > p {
        grid-column: auto;
    }
}
/* =========================================
   NIVEL 1 - EXPERIENCIA MES A MES
========================================= */

.education-course-journey {
    background: #f4f6f7;
    padding: 100px 30px;
}

.education-course-journey-inner {
    max-width: 1160px;
    margin: 0 auto;
}


/* ENCABEZADO */

.education-course-journey-heading {
    max-width: 760px;
    margin-bottom: 65px;
}

.education-course-journey-heading h2 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-course-journey-heading h2 strong {
    color: #d5ad00;
}

.education-course-journey-heading p {
    max-width: 600px;
    margin: 28px 0 0;
    color: #536575;
    font-size: 17px;
    line-height: 1.7;
}


/* LÍNEA TEMPORAL */

.education-course-timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #ccd4da;
    border-bottom: 1px solid #ccd4da;
}

.education-course-month {
    position: relative;
    padding: 42px 32px 45px;
}

.education-course-month:first-child {
    padding-left: 0;
}

.education-course-month + .education-course-month {
    border-left: 1px solid #ccd4da;
}

.education-course-month-number {
    width: 42px;
    height: 42px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #071c2c;
    color: #f2c500;
    font-size: 11px;
    font-weight: 900;
}

.education-course-month > span {
    display: block;
    margin-bottom: 12px;
    color: #d5ad00;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.education-course-month h3 {
    min-height: 50px;
    margin: 0 0 18px;
    color: #071c2c;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 900;
}

.education-course-month p {
    max-width: 230px;
    margin: 0;
    color: #61717e;
    font-size: 13px;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .education-course-journey {
        padding: 70px 22px;
    }

    .education-course-journey-heading {
        margin-bottom: 45px;
    }

    .education-course-timeline {
        grid-template-columns: 1fr;
    }

    .education-course-month,
    .education-course-month:first-child {
        padding: 30px 0;
    }

    .education-course-month + .education-course-month {
        border-left: 0;
        border-top: 1px solid #ccd4da;
    }

    .education-course-month h3 {
        min-height: auto;
    }

    .education-course-month p {
        max-width: 500px;
    }
}
/* =========================================
   FOOTBALL EDUCATION - SOLICITUD
========================================= */

.education-request {
    background: #f4f6f7;
    min-height: 750px;
    padding: 75px 30px 100px;
}

.education-request-inner {
    max-width: 1000px;
    margin: 0 auto;
}

.education-request .education-course-back {
    color: #6c7d89;
    margin-bottom: 50px;
}

.education-request .education-course-back:hover {
    color: #071c2c;
}


/* ENCABEZADO */

.education-request-heading {
    max-width: 780px;
    margin-bottom: 55px;
}

.education-request-heading h1 {
    margin: 0;
    color: #071c2c;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-request-heading h1 strong {
    color: #d5ad00;
}

.education-request-heading p {
    max-width: 650px;
    margin: 26px 0 0;
    color: #536575;
    font-size: 16px;
    line-height: 1.7;
}


/* FORMULARIO */

.education-request-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    background: #ffffff;
    border-top: 4px solid #071c2c;
}

.education-request-field {
    padding: 25px 28px;
    border-bottom: 1px solid #d5dde2;
}

.education-request-field:nth-child(even) {
    border-left: 1px solid #d5dde2;
}

.education-request-full {
    grid-column: 1 / -1;
}

.education-request-field.education-request-full {
    border-left: 0;
}

.education-request-field label {
    display: block;
    margin-bottom: 10px;
    color: #071c2c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
}

.education-request-field input,
.education-request-field textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #cbd4da;
    background: #f8f9fa;
    padding: 14px 15px;
    color: #172331;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: 0.2s ease;
}

.education-request-field textarea {
    resize: vertical;
    min-height: 110px;
}

.education-request-field input:focus,
.education-request-field textarea:focus {
    border-color: #d5ad00;
    background: #ffffff;
}


/* BOTÓN */

.education-request-submit {
    padding: 30px 28px;
    background: #071c2c;
}

.education-request-submit button {
    border: 0;
    padding: 17px 28px;
    background: #f2c500;
    color: #071c2c;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    cursor: pointer;
    transition: 0.2s ease;
}

.education-request-submit button:hover {
    background: #ffffff;
    transform: translateY(-2px);
}

.education-request-submit small {
    display: block;
    margin-top: 16px;
    color: #91a5b4;
    font-size: 11px;
}

.education-request-submit small strong {
    color: #ffffff;
}


/* MENSAJES */

.education-request-success,
.education-request-errors {
    padding: 28px 30px;
    margin-bottom: 30px;
}

.education-request-success {
    background: #f2c500;
    color: #071c2c;
}

.education-request-success strong {
    font-size: 18px;
    font-weight: 900;
}

.education-request-success p {
    margin: 8px 0 0;
    line-height: 1.6;
}

.education-request-errors {
    background: #ffffff;
    border-left: 4px solid #a83b3b;
    color: #7b3030;
}

.education-request-errors p {
    margin: 5px 0;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .education-request {
        padding: 60px 22px 70px;
    }

    .education-request-form {
        grid-template-columns: 1fr;
    }

    .education-request-field,
    .education-request-field:nth-child(even),
    .education-request-field.education-request-full {
        grid-column: auto;
        border-left: 0;
        padding: 22px;
    }

    .education-request-submit {
        grid-column: auto;
        padding: 25px 22px;
    }
}
/* =========================================
   NIVEL 1 - CTA FINAL
========================================= */

.education-course-final {
    background: #071c2c;
    color: #ffffff;
    padding: 95px 30px;
}

.education-course-final-inner {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
}

.education-course-final .education-section-label {
    color: #f2c500;
    margin-bottom: 20px;
}

.education-course-final h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.education-course-final h2 strong {
    color: #f2c500;
}

.education-course-final > .education-course-final-inner > p {
    max-width: 650px;
    margin: 27px auto 38px;
    color: #b7c6d0;
    font-size: 17px;
    line-height: 1.7;
}


/* DATOS */

.education-course-final-data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 720px;
    margin: 0 auto 35px;
    border-top: 1px solid rgba(255,255,255,0.18);
    border-bottom: 1px solid rgba(255,255,255,0.18);
}

.education-course-final-data > div {
    padding: 22px 20px;
}

.education-course-final-data > div + div {
    border-left: 1px solid rgba(255,255,255,0.18);
}

.education-course-final-data span {
    display: block;
    margin-bottom: 7px;
    color: #8298a8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
}

.education-course-final-data strong {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.education-course-final-data > div:last-child strong {
    color: #f2c500;
}


/* BOTÓN */

.education-course-final-button {
    display: inline-block;
    padding: 17px 30px;
    background: #f2c500;
    color: #071c2c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-decoration: none;
    transition: 0.2s ease;
}

.education-course-final-button:hover {
    background: #ffffff;
    transform: translateY(-2px);
}

.education-course-final small {
    display: block;
    max-width: 550px;
    margin: 18px auto 0;
    color: #8298a8;
    font-size: 11px;
    line-height: 1.6;
}


/* RESPONSIVE */

@media (max-width: 650px) {

    .education-course-final {
        padding: 70px 22px;
    }

    .education-course-final-data {
        grid-template-columns: 1fr;
    }

    .education-course-final-data > div + div {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,0.18);
    }
}
/* =========================================================
   COMMUNITY FUNDING
   ========================================================= */

.funding-hero {
    min-height: 720px;
    background: var(--navy);
    color: var(--white);
    display: flex;
    align-items: center;
    padding: 110px 7%;
}

.funding-hero-inner {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 90px;
    align-items: center;
}

.funding-label {
    display: block;
    color: var(--yellow);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.funding-hero h1 {
    margin: 0;
    font-size: clamp(46px, 5.3vw, 78px);
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 900;
}

.funding-hero h1 span {
    color: var(--yellow);
}

.funding-hero-content > p {
    max-width: 720px;
    margin: 30px 0 36px;
    font-size: 19px;
    line-height: 1.65;
    color: rgba(255,255,255,.78);
}

.funding-hero-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* Concepto visual derecho */

.funding-hero-concept {
    border-left: 1px solid rgba(255,255,255,.18);
    padding-left: 55px;
}

.funding-hero-concept > span {
    display: block;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.funding-hero-concept strong {
    display: block;
    font-size: clamp(27px, 2.6vw, 40px);
    line-height: 1.05;
    font-weight: 900;
}

.funding-line {
    width: 70px;
    height: 5px;
    background: var(--yellow);
    margin: 30px 0 20px;
}

.funding-hero-concept small {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,.55);
}

@media (max-width: 900px) {

    .funding-hero {
        min-height: auto;
        padding: 90px 6%;
    }

    .funding-hero-inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .funding-hero-concept {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.18);
        padding-left: 0;
        padding-top: 40px;
    }

    .funding-hero h1 {
        letter-spacing: -1px;
    }
}
/* =========================================================
   COMMUNITY FUNDING - COMO FUNCIONA
   ========================================================= */

.funding-how {
    background: #f4f6f7;
    padding: 110px 7%;
}

.funding-how-inner {
    max-width: 1320px;
    margin: 0 auto;
}

.funding-how-heading {
    max-width: 950px;
    margin-bottom: 70px;
}

.funding-section-label {
    display: block;
    color: var(--navy);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.funding-how-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(36px, 4.2vw, 60px);
    line-height: 1.02;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.funding-how-heading h2 span {
    color: #d9ae00;
}

.funding-how-heading > p {
    max-width: 760px;
    margin: 28px 0 0;
    color: #52606b;
    font-size: 18px;
    line-height: 1.7;
}


/* PASOS */

.funding-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #d7dde1;
}

.funding-step {
    position: relative;
    padding: 42px 42px 20px 0;
}

.funding-step + .funding-step {
    border-left: 1px solid #d7dde1;
    padding-left: 42px;
}

.funding-step-number {
    color: var(--yellow);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 45px;
}

.funding-step h3 {
    margin: 0 0 18px;
    color: var(--navy);
    font-size: 23px;
    line-height: 1.1;
    font-weight: 900;
}

.funding-step p {
    margin: 0;
    max-width: 330px;
    color: #65717a;
    font-size: 15px;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .funding-how {
        padding: 80px 6%;
    }

    .funding-how-heading {
        margin-bottom: 50px;
    }

    .funding-steps {
        grid-template-columns: 1fr;
    }

    .funding-step {
        padding: 35px 0;
        border-bottom: 1px solid #d7dde1;
    }

    .funding-step + .funding-step {
        border-left: 0;
        padding-left: 0;
    }

    .funding-step-number {
        margin-bottom: 20px;
    }

}
/* =========================================================
   COMMUNITY FUNDING - CAMPAÑAS
   ========================================================= */

.funding-campaigns {
    background: #ffffff;
    padding: 110px 7%;
}

.funding-campaigns-inner {
    max-width: 1320px;
    margin: 0 auto;
}

.funding-campaigns-heading {
    max-width: 900px;
    margin-bottom: 65px;
}

.funding-campaigns-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: 1;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.funding-campaigns-heading h2 span {
    color: #d9ae00;
}

.funding-campaigns-heading p {
    max-width: 720px;
    margin: 26px 0 0;
    color: #65717a;
    font-size: 17px;
    line-height: 1.7;
}


/* TARJETA */

.funding-campaign-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.funding-campaign-card {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    max-width: 1100px;
    border: 1px solid #dfe4e7;
    background: #fff;
}


/* VISUAL */

.funding-campaign-visual {
    min-height: 440px;
    background: var(--navy);
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.funding-campaign-status {
    align-self: flex-start;
    background: var(--yellow);
    color: var(--navy);
    padding: 9px 13px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
}

.funding-campaign-visual-text small {
    display: block;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.funding-campaign-visual-text strong {
    display: block;
    color: #fff;
    font-size: clamp(27px, 3vw, 43px);
    line-height: 1;
    font-weight: 900;
}


/* CONTENIDO */

.funding-campaign-content {
    padding: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.funding-campaign-type {
    color: #c69f00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: 14px;
}

.funding-campaign-content h3 {
    margin: 0 0 20px;
    color: var(--navy);
    font-size: 34px;
    font-weight: 900;
}

.funding-campaign-content > p {
    max-width: 540px;
    margin: 0 0 38px;
    color: #65717a;
    font-size: 16px;
    line-height: 1.7;
}


/* PROGRESO */

.funding-campaign-progress {
    margin-bottom: 28px;
}

.funding-progress-info {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}

.funding-progress-info span {
    color: #7a858d;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.funding-progress-info strong {
    color: var(--navy);
    font-size: 12px;
    font-weight: 900;
}

.funding-progress-bar {
    height: 8px;
    background: #e7ebed;
    overflow: hidden;
}

.funding-progress-fill {
    width: 0%;
    height: 100%;
    background: var(--yellow);
}

.funding-campaign-coming {
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .funding-campaigns {
        padding: 80px 6%;
    }

    .funding-campaign-card {
        grid-template-columns: 1fr;
    }

    .funding-campaign-visual {
        min-height: 330px;
    }

    .funding-campaign-content {
        padding: 40px 30px;
    }

}

/* =========================================================
   COMMUNITY FUNDING - OPORTUNIDAD INDIVIDUAL
   ========================================================= */

.funding-opportunity-hero {
    background: var(--navy);
    color: #fff;
    padding: 105px 7% 115px;
}

.funding-opportunity-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 90px;
    align-items: center;
}

.funding-back {
    display: inline-block;
    margin-bottom: 50px;
    color: var(--navy);
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.funding-back:hover {
    color: var(--yellow);
}

.funding-opportunity-label {
    display: block;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

.funding-opportunity-main h1 {
    margin: 0;
    max-width: 800px;
    font-size: clamp(48px, 5.5vw, 78px);
    line-height: .97;
    letter-spacing: -2px;
    font-weight: 900;
}

.funding-opportunity-main h1 span {
    color: var(--yellow);
}

.funding-opportunity-main > p {
    max-width: 680px;
    margin: 30px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 18px;
    line-height: 1.7;
}


/* RESUMEN CAMPAÑA */

.funding-opportunity-summary {
    background: #fff;
    color: var(--navy);
    padding: 42px;
}

.funding-summary-label {
    display: block;
    color: #78838b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.funding-summary-amount {
    display: block;
    font-size: 45px;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 25px;
}

.funding-summary-progress {
    height: 9px;
    background: #e4e8ea;
    overflow: hidden;
}

.funding-summary-progress-fill {
    width: 0%;
    height: 100%;
    background: var(--yellow);
}

.funding-summary-numbers {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 10px;
    color: #6e7981;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .5px;
}

.funding-summary-destination {
    margin: 35px 0;
    padding-top: 28px;
    border-top: 1px solid #e1e5e7;
}

.funding-summary-destination small {
    display: block;
    margin-bottom: 15px;
    color: #8a949b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.funding-summary-destination div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.funding-summary-destination span {
    padding: 8px 10px;
    background: #f2f4f5;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .5px;
}

.funding-support-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: var(--yellow);
    color: var(--navy);
    padding: 17px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}

.funding-support-button:hover {
    opacity: .9;
}


@media (max-width: 900px) {

    .funding-opportunity-hero {
        padding: 85px 6%;
    }

    .funding-opportunity-inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .funding-back {
        margin-bottom: 35px;
    }

    .funding-opportunity-main h1 {
        letter-spacing: -1px;
    }

}
/* =========================================================
   COMMUNITY FUNDING - HISTORIA
   ========================================================= */

.funding-story {
    background: #f4f6f7;
    padding: 110px 7%;
}

.funding-story-inner {
    max-width: 1320px;
    margin: 0 auto;
}

.funding-story-heading {
    margin-bottom: 60px;
}

.funding-story-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(38px, 4.3vw, 60px);
    line-height: 1;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.funding-story-heading h2 span {
    color: #d9ae00;
}


/* GRID */

.funding-story-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 80px;
    align-items: start;
}


/* JUGADOR */

.funding-story-player {
    background: #fff;
}

.funding-story-photo {
    min-height: 430px;
    background: var(--navy);
    display: flex;
    align-items: flex-end;
    padding: 35px;
}

.funding-story-photo-placeholder span {
    display: block;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.funding-story-photo-placeholder strong {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
}

.funding-player-data {
    padding: 30px;
}

.funding-player-name {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e1e5e7;
}

.funding-player-data small {
    display: block;
    color: #89939a;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.3px;
    margin-bottom: 7px;
}

.funding-player-name h3 {
    margin: 0;
    color: var(--navy);
    font-size: 25px;
    font-weight: 900;
}

.funding-player-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.funding-player-details strong {
    color: var(--navy);
    font-size: 13px;
    font-weight: 900;
}


/* HISTORIA */

.funding-story-content {
    padding-top: 20px;
}

.funding-story-number {
    display: block;
    color: #c69f00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.funding-story-content h3 {
    margin: 0 0 30px;
    color: var(--navy);
    font-size: clamp(30px, 3vw, 43px);
    line-height: 1.05;
    font-weight: 900;
}

.funding-story-content > p {
    max-width: 650px;
    margin: 0 0 20px;
    color: #5f6c75;
    font-size: 16px;
    line-height: 1.8;
}


/* MENSAJE */

.funding-story-message {
    margin-top: 45px;
    padding: 30px 0 0 30px;
    border-top: 1px solid #d7dde1;
    border-left: 5px solid var(--yellow);
}

.funding-story-message strong {
    color: var(--navy);
    font-size: 19px;
    line-height: 1.4;
    font-weight: 900;
}

.funding-story-message strong span {
    color: #c69f00;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .funding-story {
        padding: 80px 6%;
    }

    .funding-story-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .funding-story-photo {
        min-height: 350px;
    }

}

@media (max-width: 550px) {

    .funding-player-details {
        grid-template-columns: 1fr;
    }

}
/* =========================================================
   COMMUNITY FUNDING - APOYAR
   ========================================================= */

.funding-support {
    background: var(--navy);
    padding: 110px 7%;
    color: #fff;
}

.funding-support-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 90px;
    align-items: start;
}

.funding-support-label {
    display: block;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 22px;
}

.funding-support-intro h2 {
    margin: 0;
    font-size: clamp(40px, 4.5vw, 62px);
    line-height: .98;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.funding-support-intro h2 span {
    color: var(--yellow);
}

.funding-support-intro > p {
    max-width: 550px;
    margin: 28px 0 0;
    color: rgba(255,255,255,.7);
    font-size: 16px;
    line-height: 1.75;
}

.funding-support-note {
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.funding-support-note strong {
    color: var(--yellow);
    font-size: 11px;
    letter-spacing: 1px;
}

.funding-support-note p {
    max-width: 480px;
    margin: 10px 0 0;
    color: rgba(255,255,255,.55);
    font-size: 13px;
    line-height: 1.6;
}


/* FORMULARIO */

.funding-support-form-box {
    background: #fff;
    padding: 45px;
    color: var(--navy);
}

.funding-form-step {
    display: block;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.funding-form-step-data {
    margin-top: 38px;
}

.funding-amount-options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.funding-amount-options label {
    cursor: pointer;
}

.funding-amount-options input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.funding-amount-options span {
    display: block;
    border: 2px solid #e0e4e6;
    padding: 18px 8px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    transition: .2s;
}

.funding-amount-options input:checked + span {
    background: var(--yellow);
    border-color: var(--yellow);
    color: var(--navy);
}

.funding-custom-amount {
    margin-top: 18px;
}

.funding-custom-amount label,
.funding-form-field label {
    display: block;
    margin-bottom: 7px;
    color: #7b858c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
}

.funding-custom-amount input,
.funding-form-field input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dce1e4;
    background: #f7f8f8;
    padding: 14px;
    font: inherit;
    color: var(--navy);
    outline: none;
}

.funding-custom-amount input:focus,
.funding-form-field input:focus {
    border-color: var(--yellow);
    background: #fff;
}

.funding-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.funding-form-full {
    grid-column: 1 / -1;
}

.funding-submit-button {
    width: 100%;
    margin-top: 30px;
    border: 0;
    background: var(--yellow);
    color: var(--navy);
    padding: 18px 20px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}

.funding-form-disclaimer {
    margin: 15px 0 0;
    color: #8a949b;
    text-align: center;
    font-size: 10px;
    line-height: 1.5;
}


@media (max-width: 900px) {

    .funding-support {
        padding: 80px 6%;
    }

    .funding-support-inner {
        grid-template-columns: 1fr;
        gap: 50px;
    }

}

@media (max-width: 600px) {

    .funding-support-form-box {
        padding: 30px 22px;
    }

    .funding-amount-options {
        grid-template-columns: 1fr 1fr;
    }

    .funding-form-grid {
        grid-template-columns: 1fr;
    }

    .funding-form-full {
        grid-column: auto;
    }

}
/* COMMUNITY FUNDING - MENSAJES FORMULARIO */

.funding-form-success {
    background: var(--yellow);
    color: var(--navy);
    padding: 22px;
    margin-bottom: 30px;
}

.funding-form-success strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 7px;
}

.funding-form-success p {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.funding-form-errors {
    background: #f4f4f4;
    border-left: 4px solid var(--yellow);
    padding: 15px 20px;
    margin-bottom: 25px;
}

.funding-form-errors p {
    margin: 4px 0;
    color: var(--navy);
    font-size: 12px;
    font-weight: 700;
}
/* =========================================================
   ADMIN · FICHA COMMUNITY FUNDING
   ========================================================= */

.admin-aporte {
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 0 90px;
}


/* CABECERA */

.admin-aporte-heading {
    position: relative;
    margin-bottom: 35px;
}

.admin-aporte-heading h1 {
    margin: 10px 0 15px;
    color: var(--navy);
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
}


/* ESTADO ACTUAL */

.admin-aporte-heading > .funding-admin-status {
    display: inline-block;
    padding: 8px 12px;
    background: var(--yellow);
    color: var(--navy);
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 1px;
}


/* MENSAJE DE ACTUALIZACIÓN */

.admin-aporte-success {
    margin-top: 20px;
    max-width: 520px;
    padding: 13px 16px;
    background: #e8f5ec;
    border-left: 4px solid #2f8f4e;
    color: #246b3a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .8px;
}


/* =========================================================
   CONTROL DE ESTADO
   ========================================================= */

.admin-aporte-status-form {
    margin-top: 25px;
    max-width: 520px;
    padding: 22px;
    background: var(--navy);
}

.admin-aporte-status-form form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: end;
}

.admin-aporte-status-form label {
    grid-column: 1 / -1;
    display: block;
    color: rgba(255,255,255,.55);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.admin-aporte-status-form select {
    width: 100%;
    height: 44px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 0;
    outline: none;
    background: #fff;
    color: var(--navy);
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.admin-aporte-status-form button {
    height: 44px;
    padding: 0 20px;
    border: 0;
    background: var(--yellow);
    color: var(--navy);
    font-family: inherit;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .8px;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.admin-aporte-status-form button:hover {
    transform: translateY(-1px);
    opacity: .92;
}


/* =========================================================
   CUERPO DE LA FICHA
   ========================================================= */

.admin-aporte-grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    align-items: stretch;
}


/* IMPORTE */

.admin-aporte-amount {
    min-height: 260px;
    padding: 32px;
    background: var(--navy);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.admin-aporte-amount > span {
    margin-bottom: 12px;
    color: rgba(255,255,255,.5);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.admin-aporte-amount > strong {
    display: block;
    color: var(--yellow);
    font-size: 48px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -2px;
}

.admin-aporte-amount > small {
    margin-top: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}


/* DATOS DEL APORTE */

.admin-aporte-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
    border: 1px solid #e3e7e9;
}

.admin-aporte-data > div {
    min-height: 100px;
    padding: 24px;
    border-right: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.admin-aporte-data > div:nth-child(even) {
    border-right: 0;
}

.admin-aporte-data span {
    display: block;
    margin-bottom: 8px;
    color: #8a949b;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.admin-aporte-data strong {
    color: var(--navy);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
    overflow-wrap: anywhere;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .admin-aporte {
        padding: 40px 20px 70px;
    }

    .admin-aporte-grid {
        grid-template-columns: 1fr;
    }

    .admin-aporte-amount {
        min-height: 200px;
    }

    .admin-aporte-status-form {
        max-width: none;
    }

}


@media (max-width: 560px) {

    .admin-aporte-data {
        grid-template-columns: 1fr;
    }

    .admin-aporte-data > div {
        border-right: 0;
    }

    .admin-aporte-status-form form {
        grid-template-columns: 1fr;
    }

    .admin-aporte-status-form button {
        width: 100%;
    }

}
/* =========================================================
   ADMIN · EDITAR CAMPAÑA COMMUNITY FUNDING
   ========================================================= */

.admin-campaign-edit {
    margin-top: 20px;
    background: #ffffff;
    border: 1px solid #e3e7e9;
}

.admin-campaign-edit-heading {
    padding: 30px 32px 25px;
    border-bottom: 1px solid #e7eaec;
}

.admin-campaign-edit-heading > span {
    display: block;
    margin-bottom: 8px;
    color: #8a949b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.admin-campaign-edit-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: 28px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -1px;
}

.admin-campaign-edit-heading p {
    max-width: 650px;
    margin: 10px 0 0;
    color: #68737a;
    font-size: 12px;
    line-height: 1.6;
}


/* FORMULARIO */

.admin-campaign-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    padding: 32px;
}

.admin-campaign-field {
    display: flex;
    flex-direction: column;
}

.admin-campaign-full {
    grid-column: 1 / -1;
}

.admin-campaign-field label {
    display: block;
    margin-bottom: 8px;
    color: #7c878e;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.admin-campaign-field input,
.admin-campaign-field select,
.admin-campaign-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9dfe2;
    border-radius: 0;
    outline: none;
    background: #f8f9fa;
    color: var(--navy);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    transition:
        border-color .15s ease,
        background .15s ease;
}

.admin-campaign-field input,
.admin-campaign-field select {
    height: 48px;
    padding: 0 14px;
}

.admin-campaign-field textarea {
    min-height: 180px;
    padding: 15px;
    line-height: 1.7;
    resize: vertical;
    font-weight: 500;
}

.admin-campaign-field input:focus,
.admin-campaign-field select:focus,
.admin-campaign-field textarea:focus {
    border-color: var(--navy);
    background: #ffffff;
}


/* BOTÓN GUARDAR */

.admin-campaign-save {
    width: 100%;
    min-height: 52px;
    padding: 0 25px;
    border: 0;
    background: var(--yellow);
    color: var(--navy);
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1px;
    cursor: pointer;
    transition:
        transform .15s ease,
        opacity .15s ease;
}

.admin-campaign-save:hover {
    transform: translateY(-1px);
    opacity: .92;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .admin-campaign-form {
        grid-template-columns: 1fr;
        padding: 24px 20px;
    }

    .admin-campaign-full {
        grid-column: auto;
    }

    .admin-campaign-edit-heading {
        padding: 25px 20px;
    }

}
/* =========================================================
   COMMUNITY FUNDING · FOTO JUGADOR
   ========================================================= */

.funding-story-player-image {
    width: 100%;
    height: 100%;
    min-height: 285px;
    display: block;
    object-fit: contain;
    object-position: center bottom;
}

.funding-story-photo {
    overflow: hidden;
}
/* =========================================================
   COMMUNITY FUNDING · TARJETAS DINÁMICAS
   ========================================================= */

.funding-campaign-visual {
    position: relative;
    overflow: hidden;
}

.funding-campaign-player-image {
    width: 100%;
    height: 100%;
    min-height: 330px;
    display: block;
    object-fit: contain;
    object-position: center bottom;
}

.funding-campaign-status {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.funding-campaign-progress-numbers {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}

.funding-campaign-progress-numbers span,
.funding-campaign-progress-numbers strong {
    color: var(--navy);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .8px;
}

.funding-campaign-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    min-height: 46px;
    padding: 0 20px;
    background: var(--yellow);
    color: var(--navy);
    text-decoration: none;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    transition:
        transform .15s ease,
        opacity .15s ease;
}

.funding-campaign-link:hover {
    transform: translateY(-1px);
    opacity: .92;
}
/* =========================================================
   ADMIN · COMMUNITY FUNDING · APORTES
   ========================================================= */

.admin-funding {
    margin-top: 40px;
    background: #ffffff;
    border: 1px solid #dfe5e8;
}


/* CABECERA */

.admin-funding-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 28px 30px 24px;
    border-bottom: 1px solid #e4e8eb;
}

.admin-funding-label {
    display: block;
    margin-bottom: 8px;
    color: #7d8993;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.admin-funding-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -0.5px;
}


/* =========================================================
   MÉTRICAS
   ========================================================= */

.admin-funding-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid #e4e8eb;
}

.admin-funding-metric {
    min-height: 105px;
    padding: 24px 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    border-right: 1px solid #e4e8eb;
}

.admin-funding-metric:last-child {
    border-right: none;
}

.admin-funding-metric span {
    color: #7d8993;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.admin-funding-metric strong {
    color: var(--navy);
    font-size: 25px;
    font-weight: 900;
}


/* =========================================================
   TABLA DE APORTES
   ========================================================= */

.admin-funding-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.admin-funding-table {
    width: 100%;
    border-collapse: collapse;
}

.admin-funding-table thead {
    background: #f4f6f7;
}

.admin-funding-table th {
    padding: 15px 18px;
    color: #7d8993;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    text-align: left;
    white-space: nowrap;
}

.admin-funding-table td {
    padding: 18px;
    color: var(--navy);
    font-size: 12px;
    border-top: 1px solid #e4e8eb;
    vertical-align: middle;
}

.admin-funding-table td strong {
    font-weight: 900;
}

.admin-funding-table td small {
    display: block;
    margin-top: 4px;
    color: #7d8993;
    font-size: 10px;
}


/* ESTADO DEL APORTE */

.funding-admin-status {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 10px;
    background: #eef1f3;
    color: var(--navy);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .7px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .admin-funding-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    .admin-funding-metric:nth-child(2) {
        border-right: none;
    }

    .admin-funding-metric:nth-child(-n+2) {
        border-bottom: 1px solid #e4e8eb;
    }

}


@media (max-width: 600px) {

    .admin-funding-heading {
        padding: 22px 20px;
    }

    .admin-funding-metrics {
        grid-template-columns: 1fr;
    }

    .admin-funding-metric {
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #e4e8eb;
    }

    .admin-funding-metric:last-child {
        border-bottom: none;
    }

}
/* =========================================================
   COLABORAR · HERO
   ========================================================= */

.collab-hero {
    min-height: 720px;
    background: var(--navy);
    display: flex;
    align-items: center;
    overflow: hidden;
}

.collab-hero-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 80px;
    align-items: center;
}


/* CONTENIDO */

.collab-label {
    display: block;
    margin-bottom: 26px;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.collab-hero-content h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 70px);
    line-height: .96;
    font-weight: 900;
    letter-spacing: -2.5px;
}

.collab-hero-content h1 span {
    color: var(--yellow);
}

.collab-hero-content p {
    max-width: 650px;
    margin: 30px 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: 16px;
    line-height: 1.75;
}

.collab-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}


/* CONCEPTO LATERAL */

.collab-hero-concept {
    padding-left: 48px;
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.collab-hero-concept > span {
    display: block;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .38);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 2px;
}

.collab-hero-concept strong {
    display: block;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1px;
}

.collab-hero-concept strong em {
    color: var(--yellow);
    font-style: normal;
}

.collab-line {
    width: 52px;
    height: 4px;
    margin: 28px 0 18px;
    background: var(--yellow);
}

.collab-hero-concept small {
    color: rgba(255, 255, 255, .48);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}


/* RESPONSIVE */

@media (max-width: 850px) {

    .collab-hero {
        min-height: auto;
        padding: 90px 0;
    }

    .collab-hero-inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .collab-hero-concept {
        padding: 35px 0 0;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, .18);
    }

}


@media (max-width: 600px) {

    .collab-hero-inner {
        width: min(100% - 32px, 1180px);
    }

    .collab-hero-content h1 {
        font-size: 40px;
        letter-spacing: -1.5px;
    }

    .collab-hero-actions {
        flex-direction: column;
    }

}
/* =========================================================
   COLABORAR · BOTONES HERO
   ========================================================= */

.collab-hero-actions a {
    min-height: 54px;
    padding: 0 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-decoration: none;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


/* BOTÓN PRINCIPAL */

.collab-hero-actions .btn-primary {
    background: var(--yellow);
    color: var(--navy);
    border: 2px solid var(--yellow);
}

.collab-hero-actions .btn-primary::after {
    content: "→";
    font-size: 17px;
    line-height: 1;
}

.collab-hero-actions .btn-primary:hover {
    transform: translateY(-3px);
    background: #ffffff;
    border-color: #ffffff;
}


/* BOTÓN SECUNDARIO */

.collab-hero-actions .btn-secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, .55);
}

.collab-hero-actions .btn-secondary::after {
    content: "↓";
    font-size: 15px;
    line-height: 1;
    color: var(--yellow);
}

.collab-hero-actions .btn-secondary:hover {
    transform: translateY(-3px);
    border-color: var(--yellow);
    color: var(--yellow);
}

/* =========================================================
   COLABORAR · FORMAS DE PARTICIPAR
   ========================================================= */

.collab-ways {
    padding: 110px 0 120px;
    background: #ffffff;
}

.collab-ways-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* ENCABEZADO */

.collab-ways-heading {
    max-width: 820px;
    margin-bottom: 65px;
}

.collab-section-label {
    display: block;
    margin-bottom: 20px;
    color: #84909a;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

.collab-ways-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: .98;
    font-weight: 900;
    letter-spacing: -2px;
}

.collab-ways-heading h2 span {
    color: #d5ac00;
}

.collab-ways-heading p {
    max-width: 680px;
    margin: 28px 0 0;
    color: #63717c;
    font-size: 15px;
    line-height: 1.75;
}


/* GRID */

.collab-ways-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid #dfe4e7;
    border-left: 1px solid #dfe4e7;
}


/* TARJETA */

.collab-way {
    position: relative;
    min-height: 310px;
    padding: 35px 38px 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #ffffff;
    border-right: 1px solid #dfe4e7;
    border-bottom: 1px solid #dfe4e7;
    transition:
        transform .2s ease,
        background .2s ease;
}

.collab-way:hover {
    background: #f7f8f9;
}


/* NÚMERO */

.collab-way-number {
    display: block;
    margin-bottom: 45px;
    color: #b1bac1;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* CATEGORÍA */

.collab-way-category {
    display: block;
    margin-bottom: 12px;
    color: #8a959e;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.5px;
}


/* TÍTULO */

.collab-way h3 {
    max-width: 470px;
    margin: 0 0 18px;
    color: var(--navy);
    font-size: 27px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.7px;
}


/* TEXTO */

.collab-way p {
    max-width: 500px;
    margin: 0;
    color: #66737d;
    font-size: 13px;
    line-height: 1.7;
}


/* ENLACE */

.collab-way a {
    display: inline-block;
    margin-top: 24px;
    color: var(--navy);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    text-decoration: none;
}

.collab-way a:hover {
    color: #c9a300;
}


/* FLECHA */

.collab-way-arrow {
    position: absolute;
    top: 34px;
    right: 38px;
    color: var(--yellow);
    font-size: 27px;
    font-weight: 900;
}


/* TARJETAS DESTACADAS */

.collab-way-featured {
    background: var(--navy);
}

.collab-way-featured:hover {
    background: var(--navy-light);
}

.collab-way-featured .collab-way-number,
.collab-way-featured .collab-way-category {
    color: rgba(255, 255, 255, .45);
}

.collab-way-featured h3 {
    color: var(--yellow);
}

.collab-way-featured p {
    color: rgba(255, 255, 255, .72);
}


/* ÚLTIMA TARJETA */

.collab-way-open {
    grid-column: 1 / -1;
    min-height: 270px;
    background: #f3f5f6;
}

.collab-way-open h3 {
    font-size: 32px;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .collab-ways {
        padding: 80px 0;
    }

    .collab-ways-grid {
        grid-template-columns: 1fr;
    }

    .collab-way-open {
        grid-column: auto;
    }

}


@media (max-width: 600px) {

    .collab-ways-inner {
        width: min(100% - 32px, 1180px);
    }

    .collab-way {
        min-height: 280px;
        padding: 30px 26px;
    }

    .collab-way-arrow {
        top: 28px;
        right: 26px;
    }

}
/* =========================================================
   COLABORAR · QUÉ PODEMOS CONSTRUIR JUNTOS
   ========================================================= */

.collab-build {
    padding: 115px 0 0;
    background: var(--navy);
    color: #ffffff;
}

.collab-build-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* ENCABEZADO */

.collab-build-heading {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    column-gap: 90px;
    align-items: end;
    margin-bottom: 75px;
}

.collab-build-label {
    grid-column: 1 / -1;
    display: block;
    margin-bottom: 20px;
    color: var(--yellow);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

.collab-build-heading h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 67px);
    line-height: .96;
    font-weight: 900;
    letter-spacing: -2.5px;
}

.collab-build-heading h2 span {
    color: var(--yellow);
}

.collab-build-heading p {
    max-width: 470px;
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 15px;
    line-height: 1.8;
}


/* CUATRO CONCEPTOS */

.collab-build-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.16);
    border-left: 1px solid rgba(255,255,255,.16);
}

.collab-build-item {
    min-height: 310px;
    padding: 32px 30px;
    border-right: 1px solid rgba(255,255,255,.16);
    border-bottom: 1px solid rgba(255,255,255,.16);
    transition: background .2s ease;
}

.collab-build-item:hover {
    background: var(--navy-light);
}

.collab-build-item > span {
    display: block;
    margin-bottom: 70px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
}

.collab-build-item strong {
    display: block;
    margin-bottom: 22px;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 900;
}

.collab-build-item p {
    margin: 0;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    line-height: 1.7;
}


/* FRASE FINAL */

.collab-build-statement {
    padding: 90px 0 100px;
}

.collab-build-statement > span {
    display: block;
    margin-bottom: 25px;
    color: rgba(255,255,255,.38);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.collab-build-statement strong {
    display: block;
    max-width: 950px;
    font-size: clamp(35px, 4.4vw, 60px);
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 900;
}

.collab-build-statement em {
    color: var(--yellow);
    font-style: normal;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .collab-build-heading {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .collab-build-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .collab-build {
        padding-top: 80px;
    }

    .collab-build-inner {
        width: min(100% - 32px, 1180px);
    }

    .collab-build-grid {
        grid-template-columns: 1fr;
    }

    .collab-build-item {
        min-height: 260px;
    }

    .collab-build-statement {
        padding: 70px 0 80px;
    }

}
/* =========================================================
   COLABORAR · FORMULARIO
   ========================================================= */

.collab-contact {
    padding: 115px 0 125px;
    background: #f3f5f6;
}

.collab-contact-inner {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 90px;
}


/* INTRO */

.collab-contact-label {
    display: block;
    margin-bottom: 22px;
    color: #9a8200;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

.collab-contact-intro h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(48px, 5vw, 68px);
    line-height: .92;
    letter-spacing: -3px;
    font-weight: 900;
}

.collab-contact-intro h2 span {
    color: #d0aa00;
}

.collab-contact-intro > p {
    max-width: 430px;
    margin: 30px 0 45px;
    color: #66747e;
    font-size: 15px;
    line-height: 1.8;
}


/* NOTA */

.collab-contact-note {
    max-width: 400px;
    padding-top: 25px;
    border-top: 3px solid var(--yellow);
}

.collab-contact-note strong {
    display: block;
    margin-bottom: 10px;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .7px;
}

.collab-contact-note span {
    display: block;
    color: #7a868e;
    font-size: 12px;
    line-height: 1.65;
}


/* CAJA FORMULARIO */

.collab-form-box {
    padding: 45px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(7, 28, 44, .08);
}

.collab-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 22px;
}

.collab-form-full {
    margin-bottom: 28px;
}


/* LABELS */

.collab-form label {
    display: block;
    margin-bottom: 9px;
    color: var(--navy);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
}


/* CAMPOS */

.collab-form input,
.collab-form select,
.collab-form textarea {
    width: 100%;
    border: 1px solid #dce2e5;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: var(--navy);
    font-family: inherit;
    font-size: 13px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.collab-form input,
.collab-form select {
    height: 52px;
    padding: 0 15px;
}

.collab-form textarea {
    padding: 15px;
    resize: vertical;
}

.collab-form input:focus,
.collab-form select:focus,
.collab-form textarea:focus {
    border-color: var(--yellow);
    box-shadow: 0 0 0 2px rgba(242, 197, 0, .10);
}


/* SELECT PRINCIPAL */

.collab-form-full:first-child select {
    height: 60px;
    border: 2px solid var(--navy);
    font-weight: 800;
}


/* BOTÓN */

.collab-form-submit {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 8px;
}

.collab-form-submit button {
    min-height: 56px;
    padding: 0 28px;
    border: 0;
    background: var(--yellow);
    color: var(--navy);
    cursor: pointer;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .8px;
    transition:
        transform .2s ease,
        background .2s ease;
}

.collab-form-submit button:hover {
    transform: translateY(-3px);
    background: #ffd51c;
}

.collab-form-submit span {
    max-width: 180px;
    color: #8a959d;
    font-size: 10px;
    line-height: 1.5;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .collab-contact-inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }

}

@media (max-width: 600px) {

    .collab-contact {
        padding: 80px 0;
    }

    .collab-contact-inner {
        width: min(100% - 32px, 1180px);
    }

    .collab-form-box {
        padding: 30px 22px;
    }

    .collab-form-grid {
        grid-template-columns: 1fr;
    }

    .collab-form-submit {
        align-items: flex-start;
        flex-direction: column;
    }

}
/* =========================================================
   COLABORAR · MENSAJE DE ÉXITO
   ========================================================= */

.collab-form-success {
    margin-bottom: 24px;
    padding: 18px 20px;
    background: var(--yellow);
    color: var(--navy);
}

.collab-form-success strong {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .6px;
}

.collab-form-success span {
    display: block;
    font-size: 12px;
    line-height: 1.55;
}
/* =========================================================
   ADMIN · FICHA DE COLABORACIÓN
   ========================================================= */

/* GRID DE INFORMACIÓN */

.admin-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid #e1e6e9;
}

.admin-detail-item {
    padding: 22px 28px;
    border-bottom: 1px solid #e1e6e9;
}

.admin-detail-grid .admin-detail-item:nth-child(odd) {
    border-right: 1px solid #e1e6e9;
}

.admin-detail-item span,
.admin-detail-item label {
    display: block;
    margin-bottom: 8px;
    color: #70808c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.admin-detail-item strong {
    display: block;
    color: var(--navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}


/* MENSAJE RECIBIDO */

.admin-detail-message {
    padding: 30px 28px;
    color: #445562;
    font-size: 14px;
    line-height: 1.8;
    min-height: 90px;
}

.admin-detail-message span {
    color: #82909a;
}


/* GESTIÓN DE LA OPORTUNIDAD */

.admin-detail-form {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    padding: 26px 28px 30px;
}

.admin-detail-form .admin-detail-item {
    flex: 1;
    max-width: 420px;
    padding: 0;
    border: 0;
}

.admin-detail-form select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #cfd7dc;
    background: #fff;
    color: var(--navy);
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    outline: none;
}

.admin-detail-form select:focus {
    border-color: var(--yellow);
}


/* BOTÓN ACTUALIZAR */

.admin-detail-form button.admin-view {
    height: 48px;
    padding: 0 24px;
    border: 0;
    cursor: pointer;
    background: var(--navy);
    color: #fff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .8px;
    transition: .2s ease;
}

.admin-detail-form button.admin-view:hover {
    background: var(--yellow);
    color: var(--navy);
}


/* ESTADOS */

.admin-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .6px;
    white-space: nowrap;
}

.admin-status-new {
    background: #fff1b8;
    color: #6f5700;
}

.admin-status-follow {
    background: #e6eef5;
    color: var(--navy);
}

.admin-status-enrolled {
    background: #dcefe2;
    color: #23653a;
}


/* RESPONSIVE */

@media (max-width: 700px) {

    .admin-detail-grid {
        grid-template-columns: 1fr;
    }

    .admin-detail-grid .admin-detail-item:nth-child(odd) {
        border-right: 0;
    }

    .admin-detail-form {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-detail-form .admin-detail-item {
        max-width: none;
        width: 100%;
    }

    .admin-detail-form button.admin-view {
        width: 100%;
    }
}
/* =====================================================
   HOME · ECOSISTEMA ESSERE PRO
   ===================================================== */

.ecosystem {
    background: var(--navy);
    color: var(--white);
    padding: 100px 30px;
}

.ecosystem-inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* CABECERA */

.ecosystem-heading {
    max-width: 760px;
    margin-bottom: 65px;
}

.ecosystem-label {
    display: block;
    margin-bottom: 18px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ecosystem-heading h2 {
    margin: 0 0 24px;
    color: var(--white);
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 900;
    line-height: .95;
    letter-spacing: -2px;
}

.ecosystem-heading h2 span {
    color: var(--yellow);
}

.ecosystem-heading p {
    max-width: 650px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.75;
}


/* CUATRO CONCEPTOS */

.ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255,255,255,.18);
    border-bottom: 1px solid rgba(255,255,255,.18);
}

.ecosystem-item {
    min-height: 260px;
    padding: 34px 28px;
    border-right: 1px solid rgba(255,255,255,.18);
}

.ecosystem-item:last-child {
    border-right: 0;
}

.ecosystem-item > span {
    display: block;
    margin-bottom: 42px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}

.ecosystem-item h3 {
    margin: 0 0 18px;
    color: var(--white);
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.ecosystem-item p {
    margin: 0;
    color: rgba(255,255,255,.64);
    font-size: 13px;
    line-height: 1.7;
}


/* RECORRIDO */

.ecosystem-path {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 48px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.4px;
}

.ecosystem-path span {
    color: rgba(255,255,255,.65);
}

.ecosystem-path strong {
    color: rgba(255,255,255,.25);
    font-size: 20px;
}

.ecosystem-path .ecosystem-path-final {
    color: var(--yellow);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .ecosystem {
        padding: 80px 24px;
    }

    .ecosystem-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ecosystem-item:nth-child(2) {
        border-right: 0;
    }

    .ecosystem-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

    .ecosystem-path {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {

    .ecosystem {
        padding: 65px 20px;
    }

    .ecosystem-heading {
        margin-bottom: 45px;
    }

    .ecosystem-heading h2 {
        font-size: 42px;
    }

    .ecosystem-grid {
        grid-template-columns: 1fr;
    }

    .ecosystem-item {
        min-height: auto;
        padding: 30px 5px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.18);
    }

    .ecosystem-item:last-child {
        border-bottom: 0;
    }

    .ecosystem-item > span {
        margin-bottom: 20px;
    }

    .ecosystem-path {
        gap: 12px;
        padding-top: 36px;
        font-size: 10px;
        letter-spacing: .8px;
    }

    .ecosystem-path strong {
        font-size: 15px;
    }
}
/* =====================================================
   HEADER · MENÚ MÓVIL
   ===================================================== */

.mobile-nav {
    display: none;
}


/* MÓVIL */

@media (max-width: 900px) {

    .desktop-nav,
    .header-cta {
        display: none;
    }

    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        z-index: 1002;
    }

    .menu-toggle span {
        display: block;
        width: 26px;
        height: 2px;
        background: var(--white);
        transition: .25s ease;
    }

    .mobile-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 22px 24px 28px;
        background: var(--navy);
        border-top: 1px solid rgba(255,255,255,.12);
        z-index: 1000;
    }

    .mobile-nav.is-open {
        display: flex;
        flex-direction: column;
    }

    .mobile-nav a {
        display: block;
        padding: 16px 0;
        border-bottom: 1px solid rgba(255,255,255,.12);
        color: var(--white);
        font-size: 13px;
        font-weight: 900;
        letter-spacing: .6px;
        text-decoration: none;
    }

    .mobile-nav a:hover {
        color: var(--yellow);
    }

    .mobile-nav .mobile-nav-cta {
        margin-top: 18px;
        padding: 17px 18px;
        border: 1px solid var(--yellow);
        color: var(--yellow);
    }

}


/* HAMBURGUESA → X */

@media (max-width: 900px) {

    .menu-toggle.is-open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .menu-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.is-open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

}
/* =========================================================
   PROCLUBES
   HERO
========================================================= */

.proclubes-hero {
    background: var(--navy);
    color: var(--white);
    min-height: 720px;
    display: flex;
    align-items: center;
    padding: 100px 0;
    overflow: hidden;
}

.proclubes-hero-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 80px;
    align-items: center;
}

.proclubes-hero-content h1 {
    margin: 20px 0 28px;
    max-width: 850px;
    font-size: clamp(46px, 5.4vw, 78px);
    line-height: .96;
    letter-spacing: -3px;
    font-weight: 900;
}

.proclubes-hero-content h1 span {
    display: block;
    color: var(--yellow);
}

.proclubes-hero-intro {
    max-width: 720px;
    margin: 0;
    font-size: 19px;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
}

.proclubes-hero-intro strong {
    color: var(--white);
}

.proclubes-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px;
}


/* Concepto derecho */

.proclubes-hero-concept {
    position: relative;
    padding-left: 50px;
    border-left: 1px solid rgba(255,255,255,.15);
}

.proclubes-concept-small {
    display: block;
    margin-bottom: 28px;
    color: rgba(255,255,255,.5);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.proclubes-concept-word {
    font-size: clamp(34px, 3.5vw, 54px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -2px;
    color: var(--white);
}

.proclubes-concept-word.highlight {
    color: var(--yellow);
}

.proclubes-concept-line {
    width: 70px;
    height: 4px;
    margin: 32px 0 20px;
    background: var(--yellow);
}

.proclubes-concept-footer {
    color: rgba(255,255,255,.45);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}


/* Responsive */

@media (max-width: 900px) {

    .proclubes-hero {
        min-height: auto;
        padding: 80px 0;
    }

    .proclubes-hero-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .proclubes-hero-content h1 {
        letter-spacing: -2px;
    }

    .proclubes-hero-concept {
        padding-left: 0;
        padding-top: 40px;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.15);
    }

}

@media (max-width: 600px) {

    .proclubes-hero {
        padding: 65px 0;
    }

    .proclubes-hero-content h1 {
        font-size: 43px;
        letter-spacing: -1.5px;
    }

    .proclubes-hero-intro {
        font-size: 17px;
    }

    .proclubes-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .proclubes-hero-actions .btn {
        text-align: center;
    }

}
/* Ajuste lateral ProClubes */

.proclubes-hero .container {
    width: min(1180px, calc(100% - 64px));
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 600px) {
    .proclubes-hero .container {
        width: calc(100% - 36px);
    }
}
/* =========================================================
   PROCLUBES
   TRES PILARES
========================================================= */

.proclubes-pillars {
    padding: 110px 0;
    background: var(--white);
}

.proclubes-pillars .container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
}

.proclubes-pillars-head {
    max-width: 850px;
    margin-bottom: 65px;
}

.proclubes-pillars-head h2 {
    margin: 18px 0 24px;
    color: var(--navy);
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: 1;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.proclubes-pillars-head h2 span {
    display: block;
    color: var(--yellow);
}

.proclubes-pillars-head p {
    max-width: 760px;
    margin: 0;
    color: #5d6871;
    font-size: 18px;
    line-height: 1.7;
}


/* Grid */

.proclubes-pillars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #dfe4e7;
    border-bottom: 1px solid #dfe4e7;
}

.proclubes-pillar {
    position: relative;
    min-height: 330px;
    padding: 45px 40px 45px 0;
}

.proclubes-pillar + .proclubes-pillar {
    padding-left: 40px;
    border-left: 1px solid #dfe4e7;
}

.proclubes-pillar-number {
    display: block;
    margin-bottom: 55px;
    color: var(--yellow);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.proclubes-pillar h3 {
    margin: 0 0 22px;
    color: var(--navy);
    font-size: 29px;
    line-height: 1.05;
    font-weight: 900;
}

.proclubes-pillar p {
    max-width: 300px;
    margin: 0;
    color: #66717a;
    font-size: 15px;
    line-height: 1.7;
}


/* Responsive */

@media (max-width: 800px) {

    .proclubes-pillars {
        padding: 80px 0;
    }

    .proclubes-pillars-grid {
        grid-template-columns: 1fr;
    }

    .proclubes-pillar {
        min-height: auto;
        padding: 35px 0;
    }

    .proclubes-pillar + .proclubes-pillar {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #dfe4e7;
    }

    .proclubes-pillar-number {
        margin-bottom: 25px;
    }

}

@media (max-width: 600px) {

    .proclubes-pillars .container {
        width: calc(100% - 36px);
    }

    .proclubes-pillars-head h2 {
        letter-spacing: -1.5px;
    }

}
/* =========================================================
   PROCLUBES
   NECESIDADES
========================================================= */

.proclubes-needs {
    padding: 110px 0;
    background: var(--soft);
}

.proclubes-needs .container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
}

.proclubes-needs-head {
    max-width: 850px;
    margin-bottom: 60px;
}

.proclubes-needs-head h2 {
    margin: 18px 0 22px;
    color: var(--navy);
    font-size: clamp(38px, 4.3vw, 60px);
    line-height: 1;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.proclubes-needs-head h2 span {
    color: var(--yellow);
}

.proclubes-needs-head p {
    max-width: 730px;
    margin: 0;
    color: #66717a;
    font-size: 17px;
    line-height: 1.7;
}

.proclubes-needs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    background: #dfe4e7;
    border: 1px solid #dfe4e7;
}

.proclubes-need-card {
    min-height: 360px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    background: var(--white);
    color: var(--navy);
    text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}

.proclubes-need-card:hover {
    position: relative;
    z-index: 2;
    background: var(--navy);
    color: var(--white);
    transform: translateY(-4px);
}

.proclubes-need-number {
    margin-bottom: 28px;
    color: var(--yellow);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.proclubes-need-tag {
    margin-bottom: 14px;
    color: #84909a;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.7px;
}

.proclubes-need-card h3 {
    margin: 0 0 20px;
    font-size: 27px;
    line-height: 1.05;
    font-weight: 900;
}

.proclubes-need-card p {
    margin: 0 0 30px;
    color: #69747d;
    font-size: 15px;
    line-height: 1.65;
}

.proclubes-need-card:hover p,
.proclubes-need-card:hover .proclubes-need-tag {
    color: rgba(255,255,255,.68);
}

.proclubes-need-link {
    margin-top: auto;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
}

.proclubes-need-card-other {
    background: var(--navy);
    color: var(--white);
}

.proclubes-need-card-other p,
.proclubes-need-card-other .proclubes-need-tag {
    color: rgba(255,255,255,.65);
}

@media (max-width: 900px) {
    .proclubes-needs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .proclubes-needs {
        padding: 80px 0;
    }

    .proclubes-needs .container {
        width: calc(100% - 36px);
    }

    .proclubes-needs-grid {
        grid-template-columns: 1fr;
    }

    .proclubes-need-card {
        min-height: 300px;
    }
}
/* =========================================================
   PROCLUBES
   FORMULARIO
========================================================= */

.proclubes-contact {
    padding: 110px 0;
    background: var(--navy);
    color: var(--white);
}

.proclubes-contact .container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
}

.proclubes-contact-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 90px;
    align-items: start;
}


/* Texto izquierdo */

.proclubes-contact-copy {
    position: sticky;
    top: 120px;
}

.proclubes-contact-copy h2 {
    margin: 18px 0 28px;
    font-size: clamp(40px, 4.5vw, 62px);
    line-height: .98;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.proclubes-contact-copy h2 span {
    display: block;
    color: var(--yellow);
}

.proclubes-contact-copy p {
    max-width: 480px;
    margin: 0 0 18px;
    color: rgba(255,255,255,.7);
    font-size: 17px;
    line-height: 1.7;
}

.proclubes-contact-message {
    max-width: 480px;
    margin-top: 38px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.proclubes-contact-message strong {
    display: block;
    margin-bottom: 10px;
    color: var(--yellow);
    font-size: 12px;
    letter-spacing: 1.5px;
}

.proclubes-contact-message span {
    display: block;
    color: rgba(255,255,255,.7);
    font-size: 15px;
    line-height: 1.6;
}


/* Formulario */

.proclubes-form-wrap {
    padding: 42px;
    background: var(--white);
    color: var(--navy);
}

.proclubes-form .form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.proclubes-form .form-group {
    margin-bottom: 22px;
}

.proclubes-form label {
    display: block;
    margin-bottom: 9px;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
}

.proclubes-form input,
.proclubes-form select,
.proclubes-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 15px;
    border: 1px solid #d8dee2;
    border-radius: 0;
    background: #f8f9fa;
    color: var(--text);
    font: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .2s ease,
                background .2s ease;
}

.proclubes-form input:focus,
.proclubes-form select:focus,
.proclubes-form textarea:focus {
    border-color: var(--yellow);
    background: var(--white);
}

.proclubes-form textarea {
    resize: vertical;
    min-height: 130px;
}

.proclubes-submit {
    width: 100%;
    margin-top: 5px;
    padding: 18px 24px;
    border: 0;
    background: var(--yellow);
    color: var(--navy);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    transition: transform .2s ease,
                background .2s ease;
}

.proclubes-submit:hover {
    transform: translateY(-2px);
    background: #ffd51a;
}


/* Mensajes */

.proclubes-success {
    margin-bottom: 28px;
    padding: 20px;
    border-left: 4px solid var(--yellow);
    background: #fff8d6;
}

.proclubes-success strong,
.proclubes-success span {
    display: block;
}

.proclubes-success strong {
    margin-bottom: 6px;
    color: var(--navy);
}

.proclubes-success span {
    color: #59636b;
    font-size: 14px;
    line-height: 1.5;
}

.proclubes-errors {
    margin-bottom: 28px;
    padding: 18px 20px;
    border-left: 4px solid #b63232;
    background: #fff1f1;
    color: #8d2929;
    font-size: 14px;
    line-height: 1.6;
}


/* Responsive */

@media (max-width: 900px) {

    .proclubes-contact-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .proclubes-contact-copy {
        position: static;
    }

}

@media (max-width: 600px) {

    .proclubes-contact {
        padding: 80px 0;
    }

    .proclubes-contact .container {
        width: calc(100% - 36px);
    }

    .proclubes-form-wrap {
        padding: 28px 20px;
    }

    .proclubes-form .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

}
/* =====================================================
   ESSERE PRO STORE
===================================================== */

.store-page {
    background: #ffffff;
}

/* HERO */

.store-hero {
    background: var(--navy);
    color: #ffffff;
    padding: 110px 0 100px;
    overflow: hidden;
}

.store-hero .container {
    width: min(1180px, calc(100% - 64px));
    margin-left: auto;
    margin-right: auto;
}

.store-hero-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 90px;
    align-items: center;
}

.store-hero-content h1 {
    margin: 18px 0 24px;
    font-size: clamp(48px, 5.5vw, 78px);
    line-height: .94;
    letter-spacing: -3px;
    font-weight: 900;
}

.store-hero-content h1 span {
    color: var(--yellow);
}

.store-hero-text {
    max-width: 650px;
    margin: 0 0 34px;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255,255,255,.78);
}

.store-hero-concept {
    min-height: 430px;
    border-left: 1px solid rgba(255,255,255,.18);
    padding-left: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.store-hero-concept > span {
    color: var(--yellow);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 28px;
}

.store-hero-concept strong {
    display: block;
    font-size: clamp(32px, 3.3vw, 48px);
    line-height: 1.05;
    letter-spacing: -1px;
    font-weight: 900;
}

.store-hero-concept strong em {
    color: var(--yellow);
    font-style: normal;
}

.store-hero-concept small {
    margin-top: 35px;
    color: rgba(255,255,255,.45);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}


/* INTRO */

.store-intro {
    padding: 105px 0;
    background: #ffffff;
}

.store-intro .container {
    width: min(980px, calc(100% - 64px));
    margin: 0 auto;
}

.store-intro h2,
.store-section-heading h2,
.store-future h2 {
    margin: 15px 0 25px;
    color: var(--navy);
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 900;
}

.store-intro h2 span,
.store-section-heading h2 span,
.store-future h2 span {
    color: var(--yellow);
}

.store-intro p {
    max-width: 780px;
    margin: 0;
    color: #52606c;
    font-size: 18px;
    line-height: 1.8;
}


/* COLLECTIONS */

.store-collections {
    padding: 105px 0 120px;
    background: var(--soft);
}

.store-collections .container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
}

.store-section-heading {
    max-width: 850px;
    margin-bottom: 55px;
}

.store-collection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.store-collection-card {
    min-height: 430px;
    background: #ffffff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top: 4px solid var(--yellow);
    transition: transform .25s ease, box-shadow .25s ease;
}

.store-collection-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(7,28,44,.10);
}

.store-collection-number {
    color: var(--yellow);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
}

.store-collection-label {
    display: block;
    margin-bottom: 10px;
    color: #7b8790;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.store-collection-card h3 {
    margin: 0 0 20px;
    color: var(--navy);
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
}

.store-collection-card p {
    margin: 0 0 28px;
    color: #65717b;
    font-size: 15px;
    line-height: 1.7;
}

.store-coming {
    display: inline-block;
    color: var(--navy);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.store-collection-featured {
    background: var(--navy);
}

.store-collection-featured h3,
.store-collection-featured .store-coming {
    color: #ffffff;
}

.store-collection-featured .store-collection-label {
    color: var(--yellow);
}

.store-collection-featured p {
    color: rgba(255,255,255,.68);
}


/* FUTURE */

.store-future {
    padding: 110px 0;
    background: #ffffff;
}

.store-future .container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
}

.store-future-box {
    background: var(--navy);
    padding: 75px;
}

.store-future-box .section-label {
    color: var(--yellow);
}

.store-future h2 {
    color: #ffffff;
}

.store-future p {
    max-width: 720px;
    margin: 0 0 45px;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.8;
}

.store-future-line {
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.15);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.store-future-line span {
    color: var(--yellow);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .store-hero-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .store-hero-concept {
        min-height: auto;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.18);
        padding: 45px 0 0;
    }

    .store-collection-grid {
        grid-template-columns: 1fr;
    }

    .store-collection-card {
        min-height: 340px;
    }
}

@media (max-width: 600px) {

    .store-hero {
        padding: 75px 0 70px;
    }

    .store-hero .container,
    .store-intro .container,
    .store-collections .container,
    .store-future .container {
        width: calc(100% - 36px);
    }

    .store-hero-content h1 {
        font-size: 44px;
        letter-spacing: -2px;
    }

    .store-intro,
    .store-collections,
    .store-future {
        padding: 75px 0;
    }

    .store-future-box {
        padding: 42px 26px;
    }

    .store-future-line {
        gap: 10px;
        line-height: 1.8;
    }
}
.store-hero .btn-yellow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 16px 24px;
    background: var(--yellow);
    color: var(--navy);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .8px;
    text-decoration: none;
    transition: transform .2s ease, opacity .2s ease;
}

.store-hero .btn-yellow:hover {
    transform: translateY(-2px);
    opacity: .92;
}
/* =====================================================
   FOOTER
===================================================== */

.site-footer {
    background: #03111c;
    color: #ffffff;
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer-main {
    padding: 75px 0 65px;
}

.footer-container {
    width: min(1180px, calc(100% - 64px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 1fr;
    gap: 60px;
}

/* MARCA */

.footer-logo {
    display: inline-block;
    margin-bottom: 22px;
    color: #ffffff;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -1px;
    text-decoration: none;
}

.footer-logo span {
    color: var(--yellow);
}

.footer-brand p {
    max-width: 270px;
    margin: 0 0 24px;
    color: rgba(255,255,255,.62);
    font-size: 14px;
    line-height: 1.7;
}

.footer-since {
    display: inline-block;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

/* COLUMNAS */

.footer-column h4 {
    margin: 2px 0 22px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

.footer-column nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.footer-column a {
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.45;
    text-decoration: none;
    transition: color .2s ease;
}

.footer-column a:hover {
    color: #ffffff;
}

/* FRANJA INFERIOR */

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.10);
}

.footer-bottom-container {
    width: min(1180px, calc(100% - 64px));
    min-height: 75px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,.38);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 25px;
}

.footer-legal a {
    color: rgba(255,255,255,.48);
    font-size: 11px;
    text-decoration: none;
    transition: color .2s ease;
}

.footer-legal a:hover {
    color: var(--yellow);
}

/* RESPONSIVE */

@media (max-width: 900px) {

    .footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 50px 40px;
    }
}

@media (max-width: 600px) {

    .footer-main {
        padding: 60px 0 50px;
    }

    .footer-container,
    .footer-bottom-container {
        width: calc(100% - 36px);
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .footer-bottom-container {
        padding: 25px 0;
        min-height: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-legal {
        flex-wrap: wrap;
        gap: 12px 20px;
    }
}
.footer-logo-symbol {
    display: inline-block;
    margin-bottom: 20px;
}

.footer-logo-symbol img {
    display: block;
    width: 92px;
    height: 92px;
    object-fit: contain;
}
/* =====================================================
   FOOTER · CORRECCIÓN DE ESTRUCTURA
===================================================== */

.site-footer {
    display: block;
    width: 100%;
}

.footer-main {
    display: block;
    width: 100%;
}

.footer-bottom {
    display: block;
    width: 100%;
    clear: both;
    border-top: 1px solid rgba(255,255,255,.10);
}

.footer-bottom-container {
    width: min(1180px, calc(100% - 64px));
    min-height: 75px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
/* =====================================================
   PÁGINAS LEGALES
===================================================== */

.legal-page {
    background: #ffffff;
}

/* HERO */

.legal-hero {
    padding: 100px 0 85px;
    background: var(--navy);
    color: #ffffff;
}

.legal-hero .container {
    width: min(980px, calc(100% - 64px));
    margin: 0 auto;
}

.legal-hero h1 {
    margin: 16px 0 24px;
    font-size: clamp(48px, 5.5vw, 76px);
    line-height: .94;
    letter-spacing: -3px;
    font-weight: 900;
}

.legal-hero h1 span {
    color: var(--yellow);
}

.legal-hero p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.75;
}


/* DOCUMENTO */

.legal-content {
    padding: 90px 0 110px;
    background: #ffffff;
}

.legal-content .container {
    width: min(980px, calc(100% - 64px));
    margin: 0 auto;
}

.legal-document {
    max-width: 820px;
}

.legal-update {
    margin-bottom: 55px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e8eb;
    color: #8a959d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.legal-document h2 {
    margin: 55px 0 18px;
    color: var(--navy);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -.3px;
}

.legal-document p {
    margin: 0 0 18px;
    color: #56636d;
    font-size: 15px;
    line-height: 1.85;
}

.legal-document ul {
    margin: 10px 0 25px;
    padding-left: 22px;
}

.legal-document li {
    margin-bottom: 9px;
    padding-left: 5px;
    color: #56636d;
    font-size: 15px;
    line-height: 1.7;
}

.legal-document a {
    color: var(--navy);
    font-weight: 700;
}


/* DATOS DEL RESPONSABLE */

.legal-data-box {
    margin: 25px 0 30px;
    padding: 25px 28px;
    background: var(--soft);
    border-left: 4px solid var(--yellow);
    color: #53606a;
    font-size: 14px;
    line-height: 1.8;
}

.legal-data-box strong {
    color: var(--navy);
    font-size: 16px;
}

.legal-data-box a {
    color: var(--navy);
}


/* CONTACTO */

.legal-contact-box {
    display: inline-block;
    margin: 5px 0 25px;
    padding: 14px 20px;
    background: var(--navy);
}

.legal-contact-box a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}


/* CIERRE */

.legal-final-box {
    margin-top: 75px;
    padding: 48px;
    background: var(--navy);
}

.legal-final-box > span {
    display: block;
    margin-bottom: 18px;
    color: var(--yellow);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.legal-final-box strong {
    display: block;
    margin-bottom: 25px;
    color: #ffffff;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.05;
    font-weight: 900;
}

.legal-final-box a {
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .7px;
    text-decoration: none;
}


/* RESPONSIVE */

@media (max-width: 600px) {

    .legal-hero {
        padding: 75px 0 65px;
    }

    .legal-hero .container,
    .legal-content .container {
        width: calc(100% - 36px);
    }

    .legal-hero h1 {
        font-size: 44px;
        letter-spacing: -2px;
    }

    .legal-content {
        padding: 65px 0 80px;
    }

    .legal-update {
        margin-bottom: 40px;
    }

    .legal-document h2 {
        margin-top: 45px;
        font-size: 18px;
    }

    .legal-final-box {
        margin-top: 60px;
        padding: 35px 25px;
    }
}
.form-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/* =========================================================
   ADMIN · JERARQUÍA VISUAL DE SECCIONES
========================================================= */

.admin-panel-header h2 {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin: 0;

    padding: 10px 16px;

    background: var(--yellow);
    color: var(--navy);

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1;

    border-radius: 4px;
}
/* COMMUNITY FUNDING · TÍTULO DE SECCIÓN */

.admin-funding-heading h2 {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    margin: 0;
    padding: 10px 16px;

    background: var(--yellow);
    color: var(--navy);

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1;

    border-radius: 4px;
}
/* =========================================================
   COLABORAR · CHECKBOX PRIVACIDAD
========================================================= */

.collab-form .privacy-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.collab-form .privacy-check input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    padding: 0;
    margin: 0;
    appearance: auto;
    -webkit-appearance: checkbox;
    accent-color: var(--yellow);
}

.collab-form .privacy-check span {
    font-size: 12px;
    line-height: 1.5;
}

.collab-form .privacy-check a {
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
}
/* =========================================================
   PROCLUBES · CHECKBOX PRIVACIDAD
========================================================= */

.proclubes-form .privacy-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.proclubes-form .privacy-check input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    padding: 0;
    margin: 0;
    appearance: auto;
    -webkit-appearance: checkbox;
    accent-color: var(--yellow);
}

.proclubes-form .privacy-check span {
    font-size: 12px;
    line-height: 1.5;
}

.proclubes-form .privacy-check a {
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
}
/* =========================================================
   ADMIN · MÉTRICAS PROCLUBES
========================================================= */

.admin-proclubes-metrics {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 900px) {
    .admin-proclubes-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .admin-proclubes-metrics {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   CAMPUS · HERO
========================================================= */

.campus-hero {
    position: relative;
    background:
        linear-gradient(
            90deg,
            rgba(7, 28, 44, .97) 0%,
            rgba(7, 28, 44, .91) 48%,
            rgba(7, 28, 44, .78) 100%
        ),
        url('/assets/img/campus-hero.jpg') center center / cover no-repeat;
    color: var(--white);
    padding: 110px 24px 100px;
    overflow: hidden;
}

.campus-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.55fr .75fr;
    gap: 80px;
    align-items: center;
}

.campus-eyebrow {
    display: inline-block;
    margin-bottom: 24px;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2.5px;
}

.campus-hero h1 {
    margin: 0;
    font-size: clamp(48px, 6.3vw, 88px);
    line-height: .94;
    letter-spacing: -3px;
    font-weight: 900;
}

.campus-hero h1 span {
    color: var(--yellow);
}

.campus-hero-intro {
    max-width: 680px;
    margin: 32px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 18px;
    line-height: 1.7;
}

.campus-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 30px;
}

.campus-hero-features span {
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.18);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.campus-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 38px;
}

.campus-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    transition: .2s ease;
}

.campus-button-primary {
    background: var(--yellow);
    color: var(--navy);
}

.campus-button-primary:hover {
    transform: translateY(-2px);
}

.campus-button-secondary {
    border: 1px solid rgba(255,255,255,.35);
    color: var(--white);
}

.campus-button-secondary:hover {
    border-color: var(--yellow);
    color: var(--yellow);
}

.campus-hero-side {
    position: relative;
    padding: 42px 0 42px 38px;
    border-left: 1px solid rgba(255,255,255,.16);
}

.campus-hero-number {
    display: block;
    margin-bottom: 22px;
    color: rgba(255,255,255,.3);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 3px;
}

.campus-hero-side strong {
    display: block;
    font-size: clamp(25px, 2.5vw, 38px);
    line-height: 1.08;
    letter-spacing: -1px;
}

.campus-hero-side strong span {
    color: var(--yellow);
}

.campus-hero-side p {
    margin: 25px 0 0;
    color: rgba(255,255,255,.6);
    font-size: 14px;
    line-height: 1.7;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .campus-hero {
        padding: 80px 22px 70px;
    }

    .campus-hero-inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .campus-hero-side {
        padding: 32px 0 0;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.16);
    }

}

@media (max-width: 600px) {

    .campus-hero h1 {
        font-size: 46px;
        letter-spacing: -2px;
    }

    .campus-hero-actions {
        flex-direction: column;
    }

    .campus-button {
        width: 100%;
    }

}

/* =========================================================
   CAMPUS · i73
========================================================= */

.campus-i73 {
    background: var(--white);
    color: var(--navy);
    padding: 110px 24px;
}

.campus-i73-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.campus-i73-heading {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: end;
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(7,28,44,.12);
}

.campus-section-label {
    display: block;
    margin-bottom: 18px;
    color: #7c8790;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.campus-i73-heading h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 70px);
    line-height: .96;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.campus-i73-heading h2 span {
    color: var(--yellow);
}

.campus-i73-intro p {
    margin: 0;
    color: #53616c;
    font-size: 16px;
    line-height: 1.8;
}

.campus-i73-intro strong {
    color: var(--navy);
}


/* DATO CENTRAL */

.campus-i73-highlight {
    display: grid;
    grid-template-columns: .65fr 1.35fr;
    gap: 70px;
    align-items: center;
    padding: 70px 0;
}

.campus-i73-number {
    color: var(--yellow);
    font-size: clamp(120px, 17vw, 220px);
    line-height: .75;
    font-weight: 900;
    letter-spacing: -12px;
}

.campus-i73-highlight-text > span {
    display: block;
    margin-bottom: 14px;
    color: #7c8790;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.campus-i73-highlight-text > strong {
    display: block;
    font-size: clamp(30px, 3.5vw, 48px);
    line-height: 1.02;
    letter-spacing: -1.5px;
}

.campus-i73-highlight-text > strong span {
    color: var(--yellow);
}

.campus-i73-highlight-text p {
    max-width: 620px;
    margin: 24px 0 0;
    color: #53616c;
    font-size: 15px;
    line-height: 1.8;
}


/* PROCESO */

.campus-i73-process {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 10px;
    padding: 35px 0;
    border-top: 1px solid rgba(7,28,44,.12);
    border-bottom: 1px solid rgba(7,28,44,.12);
}

.campus-i73-step {
    flex: 1;
    min-height: 105px;
    padding: 17px;
    background: #f4f6f7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.campus-i73-step span {
    color: #9aa3aa;
    font-size: 10px;
    font-weight: 900;
}

.campus-i73-step strong {
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: .4px;
}

.campus-i73-step-featured {
    background: var(--yellow);
}

.campus-i73-step-featured span {
    color: rgba(7,28,44,.5);
}

.campus-i73-step-featured strong {
    font-size: 26px;
}

.campus-i73-arrow {
    display: flex;
    align-items: center;
    color: #a7afb5;
    font-size: 18px;
}


/* CIERRE */

.campus-i73-footer {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 38px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.campus-i73-footer span {
    color: #929ba2;
}

.campus-i73-footer strong {
    color: var(--navy);
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .campus-i73 {
        padding: 80px 22px;
    }

    .campus-i73-heading,
    .campus-i73-highlight {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .campus-i73-number {
        font-size: 150px;
    }

    .campus-i73-process {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .campus-i73-arrow {
        display: none;
    }

}

@media (max-width: 560px) {

    .campus-i73-process {
        grid-template-columns: 1fr;
    }

    .campus-i73-footer {
        flex-direction: column;
    }

}
/* =========================================================
   CAMPUS · EL CAMINO CONTINÚA
========================================================= */

.campus-path {
    background: var(--navy);
    color: var(--white);
    padding: 110px 24px;
}

.campus-path-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.campus-path-heading {
    max-width: 900px;
}

.campus-path-label {
    display: block;
    margin-bottom: 20px;
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.3px;
}

.campus-path-heading h2 {
    margin: 0;
    font-size: clamp(42px, 5.3vw, 72px);
    line-height: .97;
    letter-spacing: -2.5px;
    font-weight: 900;
}

.campus-path-heading h2 span {
    display: block;
    color: var(--yellow);
}

.campus-path-heading p {
    max-width: 720px;
    margin: 30px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 16px;
    line-height: 1.8;
}


/* RECORRIDO */

.campus-path-route {
    display: flex;
    align-items: center;
    margin-top: 75px;
}

.campus-path-item {
    flex: 1;
    min-width: 0;
}

.campus-path-item > span {
    display: block;
    margin-bottom: 18px;
    color: rgba(255,255,255,.32);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.campus-path-item strong {
    display: block;
    min-height: 48px;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .3px;
}

.campus-path-item p {
    margin: 13px 0 0;
    color: rgba(255,255,255,.48);
    font-size: 11px;
    line-height: 1.55;
}

.campus-path-start strong,
.campus-path-end strong {
    color: var(--yellow);
}

.campus-path-line {
    width: 30px;
    height: 1px;
    margin: 0 13px;
    background: rgba(255,255,255,.22);
    flex-shrink: 0;
}


/* ACLARACIÓN */

.campus-path-note {
    display: grid;
    grid-template-columns: .55fr 1.45fr;
    gap: 60px;
    margin-top: 75px;
    padding: 30px 0 0;
    border-top: 1px solid rgba(255,255,255,.15);
}

.campus-path-note span {
    color: var(--yellow);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.campus-path-note p {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 13px;
    line-height: 1.75;
}


/* RESPONSIVE */

@media (max-width: 900px) {

    .campus-path {
        padding: 80px 22px;
    }

    .campus-path-route {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        margin-top: 55px;
    }

    .campus-path-item {
        min-height: 155px;
        padding: 20px;
        border: 1px solid rgba(255,255,255,.12);
    }

    .campus-path-line {
        display: none;
    }

    .campus-path-note {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 50px;
    }

}

@media (max-width: 560px) {

    .campus-path-route {
        grid-template-columns: 1fr;
    }

}
/* =========================================================
   CAMPUS · DOS CAMINOS
========================================================= */

.campus-actions {
    background: #f4f6f7;
    padding: 110px 24px 0;
}

.campus-actions-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.campus-actions-heading span {
    display: block;
    margin-bottom: 18px;
    color: #7c8790;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.campus-actions-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: clamp(40px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -2px;
    font-weight: 900;
}

.campus-actions-heading h2 strong {
    color: var(--yellow);
}

.campus-actions-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 60px;
}

.campus-action-card {
    min-height: 440px;
    padding: 45px;
    background: var(--white);
    display: flex;
    flex-direction: column;
}

.campus-action-card-featured {
    background: var(--navy);
    color: var(--white);
}

.campus-action-number {
    margin-bottom: 55px;
    color: var(--yellow);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.campus-action-card small {
    color: #8a949c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.campus-action-card h3 {
    margin: 16px 0 0;
    color: var(--navy);
    font-size: clamp(27px, 3vw, 39px);
    line-height: 1.03;
    letter-spacing: -1px;
}

.campus-action-card-featured h3 {
    color: var(--white);
}

.campus-action-card h3 span {
    color: var(--yellow);
}

.campus-action-card p {
    max-width: 480px;
    margin: 24px 0 35px;
    color: #64717a;
    font-size: 14px;
    line-height: 1.75;
}

.campus-action-card-featured p {
    color: rgba(255,255,255,.62);
}

.campus-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 52px;
    margin-top: auto;
    padding: 0 22px;
    background: var(--yellow);
    color: var(--navy);
    text-decoration: none;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    transition: .2s ease;
}

.campus-action-button:hover {
    transform: translateY(-2px);
}


/* CIERRE */

.campus-final-message {
    display: grid;
    grid-template-columns: .4fr 1.6fr;
    gap: 60px;
    margin-top: 90px;
    padding: 70px 0 90px;
    border-top: 1px solid rgba(7,28,44,.12);
}

.campus-final-message > span {
    color: #8a949c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
}

.campus-final-message strong {
    color: var(--navy);
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -1.5px;
}

.campus-final-message em {
    color: var(--yellow);
    font-style: normal;
}


/* RESPONSIVE */

@media (max-width: 800px) {

    .campus-actions {
        padding: 80px 22px 0;
    }

    .campus-actions-grid {
        grid-template-columns: 1fr;
    }

    .campus-final-message {
        grid-template-columns: 1fr;
        gap: 25px;
    }

}

@media (max-width: 560px) {

    .campus-action-card {
        min-height: 400px;
        padding: 32px 25px;
    }

}
/* =========================================================
   HOME · AJUSTE MOVIL FINAL
========================================================= */

@media (max-width: 480px) {

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .hero {
        width: 100%;
        min-width: 0;
        min-height: 620px;
        padding: 58px 20px 65px;
    }

    .hero-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .hero-eyebrow {
        font-size: 10px;
        line-height: 1.5;
        letter-spacing: 1.2px;
    }

    .hero h1 {
        max-width: 100%;
        font-size: 39px;
        line-height: .98;
        letter-spacing: -1.8px;
        overflow-wrap: normal;
        word-break: normal;
    }

    .hero p {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }

    .hero-actions {
        width: 100%;
    }

    .hero-actions .btn {
        max-width: 100%;
    }

}
/* =========================================================
   ADMIN · ELIMINAR LEAD
========================================================= */

.lead-delete-section {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(7, 28, 44, .10);
    display: flex;
    justify-content: flex-end;
}

.lead-delete-section form {
    margin: 0;
}

.lead-delete-button {
    appearance: none;
    border: 1px solid #a93b3b;
    background: transparent;
    color: #a93b3b;
    padding: 10px 16px;
    border-radius: 6px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .8px;
    cursor: pointer;
    transition: all .2s ease;
}

.lead-delete-button:hover {
    background: #a93b3b;
    color: #ffffff;
}

@media (max-width: 600px) {

    .lead-delete-section {
        justify-content: stretch;
    }

    .lead-delete-section form {
        width: 100%;
    }

    .lead-delete-button {
        width: 100%;
    }
}
/* =========================================================
   ADMIN · SEPARACIÓN VISUAL DE MÓDULOS
========================================================= */

.admin-main > .admin-panel {
    margin-bottom: 34px;
}

.admin-main > .admin-funding {
    margin-top: 6px;
}
/* =========================================================
   ADMIN · LOGIN
========================================================= */

.admin-login-body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(242, 197, 0, .08),
            transparent 30%
        ),
        #071c2c;
}

.admin-login {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 20px;
}

.admin-login-card {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    padding: 48px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .28);
}

.admin-login-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 50px;
}

.admin-login-brand img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.admin-login-brand-name {
    color: #071c2c;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1px;
}

.admin-login-brand-name span {
    color: #d9ae00;
}

.admin-login-heading > span {
    display: block;
    margin-bottom: 12px;
    color: #7a8790;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.admin-login-heading h1 {
    margin: 0;
    color: #071c2c;
    font-size: 46px;
    line-height: .95;
    letter-spacing: -2px;
    font-weight: 900;
}

.admin-login-heading h1 strong {
    color: #e0b500;
    font-weight: 900;
}

.admin-login-heading p {
    margin: 20px 0 35px;
    color: #687680;
    font-size: 14px;
    line-height: 1.65;
}

.admin-login-form label {
    display: block;
    margin-bottom: 9px;
    color: #071c2c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.admin-login-form input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid #d7dde1;
    background: #f7f8f9;
    color: #071c2c;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .2s ease;
}

.admin-login-form input:focus {
    border-color: #e0b500;
}

.admin-login-form button {
    width: 100%;
    margin-top: 14px;
    padding: 17px 20px;
    border: 0;
    background: #f2c500;
    color: #071c2c;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.admin-login-form button:hover {
    background: #ffd400;
    transform: translateY(-1px);
}

.admin-login-error {
    margin-bottom: 20px;
    padding: 12px 14px;
    border-left: 3px solid #a93b3b;
    background: #fff2f2;
    color: #8d3030;
    font-size: 12px;
    font-weight: 700;
}

.admin-login-footer {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid #e5e9ec;
    color: #9aa4aa;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-align: center;
}

@media (max-width: 520px) {

    .admin-login-card {
        padding: 35px 25px;
    }

    .admin-login-brand {
        margin-bottom: 38px;
    }

    .admin-login-heading h1 {
        font-size: 39px;
    }
}
/* =========================================================
   SELECCIONES ESSERE PRO
========================================================= */

.selecciones-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.selecciones-section-label {
    display: block;
    margin-bottom: 18px;
    color: #c9a400;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}


/* =========================================================
   HERO
========================================================= */

.selecciones-hero {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(7, 28, 44, .98) 0%,
            rgba(7, 28, 44, .91) 50%,
            rgba(7, 28, 44, .70) 100%
        ),
        #071c2c;
}

.selecciones-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 8%;
    width: 2px;
    height: 100%;
    background: rgba(242, 197, 0, .25);
    transform: skewX(-16deg);
}

.selecciones-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(242, 197, 0, .09),
            transparent 30%
        );
}

.selecciones-hero-content {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 100px 0;
}

.selecciones-eyebrow {
    display: block;
    margin-bottom: 25px;
    color: #f2c500;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.5px;
}

.selecciones-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(58px, 7vw, 100px);
    line-height: .87;
    letter-spacing: -5px;
    font-weight: 900;
}

.selecciones-hero h1 span {
    color: #f2c500;
}

.selecciones-hero p {
    max-width: 620px;
    margin: 35px 0;
    color: rgba(255,255,255,.75);
    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   INTRO
========================================================= */

.selecciones-intro {
    padding: 110px 0;
    background: #ffffff;
}

.selecciones-intro h2,
.selecciones-process h2,
.selecciones-experiences h2,
.selecciones-scouting h2 {
    max-width: 900px;
    margin: 0;
    color: #071c2c;
    font-size: clamp(40px, 5vw, 68px);
    line-height: .95;
    letter-spacing: -3px;
    font-weight: 900;
}

.selecciones-intro-lead {
    max-width: 820px;
    margin: 35px 0 18px;
    color: #071c2c;
    font-size: 22px;
    line-height: 1.55;
    font-weight: 700;
}

.selecciones-intro p:not(.selecciones-intro-lead) {
    max-width: 760px;
    margin: 0;
    color: #66737d;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   PROCESO
========================================================= */

.selecciones-process {
    padding: 110px 0;
    background: #f4f6f7;
}

.selecciones-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 60px;
    border-top: 1px solid #d9dfe3;
    border-bottom: 1px solid #d9dfe3;
}

.selecciones-process-item {
    min-height: 260px;
    padding: 35px 24px;
    border-right: 1px solid #d9dfe3;
}

.selecciones-process-item:last-child {
    border-right: 0;
}

.selecciones-process-item > span {
    display: block;
    margin-bottom: 45px;
    color: #d0a900;
    font-size: 11px;
    font-weight: 900;
}

.selecciones-process-item strong {
    display: block;
    margin-bottom: 15px;
    color: #071c2c;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .7px;
}

.selecciones-process-item p {
    margin: 0;
    color: #77838b;
    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   EXPERIENCIAS
========================================================= */

.selecciones-experiences {
    padding: 110px 0;
    background: #071c2c;
}

.selecciones-experiences .selecciones-section-label {
    color: #f2c500;
}

.selecciones-experiences h2 {
    color: #ffffff;
}

.selecciones-experiences h2 span {
    color: #f2c500;
}

.selecciones-experiences-intro {
    max-width: 620px;
    margin: 28px 0 50px;
    color: rgba(255,255,255,.65);
    font-size: 16px;
    line-height: 1.7;
}

.selecciones-experience-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
}

.selecciones-experience-card {
    position: relative;
    min-height: 380px;
    padding: 45px;
    background: #0c2940;
    overflow: hidden;
}

.selecciones-experience-number {
    position: absolute;
    top: 30px;
    right: 35px;
    color: rgba(255,255,255,.10);
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
}

.selecciones-experience-label {
    display: block;
    margin-bottom: 90px;
    color: #f2c500;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 2px;
}

.selecciones-experience-card h3 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 46px;
    line-height: .95;
    letter-spacing: -2px;
    font-weight: 900;
}

.selecciones-experience-card p {
    max-width: 330px;
    margin: 0;
    color: rgba(255,255,255,.60);
    font-size: 14px;
    line-height: 1.6;
}

.selecciones-double-experience {
    margin-top: 2px;
    padding: 28px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #f2c500;
    color: #071c2c;
}

.selecciones-double-experience strong {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .5px;
}

.selecciones-double-experience p {
    max-width: 530px;
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}


/* =========================================================
   CAPTACIÓN
========================================================= */

.selecciones-scouting {
    padding: 110px 0;
    background: #ffffff;
}

.selecciones-scouting h2 span {
    color: #d4aa00;
}

.selecciones-scouting-intro {
    max-width: 680px;
    margin: 30px 0 55px;
    color: #687680;
    font-size: 16px;
    line-height: 1.75;
}

.selecciones-scouting-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.selecciones-scout-card {
    position: relative;
    padding: 42px;
    border: 1px solid #dce2e5;
    background: #f8f9fa;
}

.selecciones-scout-number {
    position: absolute;
    top: 30px;
    right: 35px;
    color: #d9dfe2;
    font-size: 48px;
    font-weight: 900;
}

.selecciones-scout-card h3 {
    margin: 0 0 25px;
    color: #071c2c;
    font-size: 42px;
    line-height: .95;
    letter-spacing: -1.5px;
    font-weight: 900;
}

.selecciones-scout-role {
    display: block;
    margin-bottom: 28px;
    color: #a58700;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.3px;
}

.selecciones-scout-email {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2c500;
    color: #071c2c;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}


/* =========================================================
   CIERRE
========================================================= */

.selecciones-final {
    padding: 120px 0;
    background: #f2c500;
}

.selecciones-final > .selecciones-container > span {
    display: block;
    margin-bottom: 20px;
    color: rgba(7,28,44,.60);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.selecciones-final h2 {
    max-width: 920px;
    margin: 0;
    color: #071c2c;
    font-size: clamp(45px, 6vw, 78px);
    line-height: .92;
    letter-spacing: -4px;
    font-weight: 900;
}

.selecciones-final h2 strong {
    font-weight: 900;
}

.selecciones-final p {
    max-width: 620px;
    margin: 35px 0 0;
    color: rgba(7,28,44,.72);
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SELECCIONES · RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .selecciones-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .selecciones-process-item {
        border-bottom: 1px solid #d9dfe3;
    }

    .selecciones-experience-grid,
    .selecciones-scouting-grid {
        grid-template-columns: 1fr;
    }

    .selecciones-double-experience {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 600px) {

    .selecciones-container,
    .selecciones-hero-content {
        width: calc(100% - 40px);
    }

    .selecciones-hero {
        min-height: 650px;
    }

    .selecciones-hero-content {
        padding: 80px 0;
    }

    .selecciones-hero h1 {
        font-size: 49px;
        line-height: .92;
        letter-spacing: -2.5px;
    }

    .selecciones-hero p {
        font-size: 15px;
    }

    .selecciones-intro,
    .selecciones-process,
    .selecciones-experiences,
    .selecciones-scouting,
    .selecciones-final {
        padding: 80px 0;
    }

    .selecciones-intro h2,
    .selecciones-process h2,
    .selecciones-experiences h2,
    .selecciones-scouting h2 {
        font-size: 38px;
        letter-spacing: -2px;
    }

    .selecciones-intro-lead {
        font-size: 19px;
    }

    .selecciones-process-grid {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }

    .selecciones-process-item {
        min-height: auto;
        padding: 28px 10px;
        border-right: 0;
    }

    .selecciones-process-item > span {
        margin-bottom: 20px;
    }

    .selecciones-experience-card {
        min-height: 330px;
        padding: 32px 28px;
    }

    .selecciones-experience-label {
        margin-bottom: 75px;
    }

    .selecciones-experience-card h3 {
        font-size: 39px;
    }

    .selecciones-double-experience {
        padding: 25px;
    }

    .selecciones-scout-card {
        padding: 35px 28px;
    }

    .selecciones-scout-card h3 {
        font-size: 38px;
    }

    .selecciones-scout-email {
        font-size: 12px;
        word-break: break-word;
    }

    .selecciones-final h2 {
        font-size: 42px;
        letter-spacing: -2.5px;
    }
}