.cobocito-landing-shell {
    --cb-green: #006C43;
    --cb-green-dark: #004D31;
    --cb-green-soft: #EAF4EF;
    --cb-yellow: #EEC306;
    --cb-ink: #161618;
    --cb-text: #55585A;
    --cb-line: rgba(22,22,24,.10);
    --cb-surface: #F7F7F7;
    --cb-warm: #FCF8E8;
    --cb-white: #FFFFFF;
    --cb-shadow:
        0 24px 70px rgba(18,46,35,.10);

    width: 100% !important;
    max-width: none !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden;
    background: #fff;
    color: var(--cb-ink);
}

.cobocito-landing-shell,
.cobocito-landing-shell * {
    box-sizing: border-box;
}

.cobocito-landing-shell .cobocito-wrap {
    width:
        min(
            1240px,
            calc(100% - 64px)
        );
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* HERO */

.cobocito-landing-shell .cobocito-hero {
    position: relative;
    width: 100%;
    min-height: 690px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 84% 20%,
            rgba(238,195,6,.20),
            transparent 28%
        ),
        radial-gradient(
            circle at 14% 78%,
            rgba(0,108,67,.10),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #F6FAF8 0%,
            #FFFFFF 52%,
            #FCF8E8 100%
        );
}

.cobocito-landing-shell .cobocito-hero::before {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    right: -140px;
    top: -155px;
    border:
        1px solid rgba(0,108,67,.12);
    border-radius: 50%;
}

.cobocito-landing-shell .cobocito-hero::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    left: -90px;
    bottom: -95px;
    background: rgba(238,195,6,.10);
    border-radius: 50%;
}

.cobocito-landing-shell .cobocito-hero-inner {
    position: relative;
    z-index: 2;
    min-height: 690px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content:
        space-between !important;
    gap:
        clamp(
            36px,
            6vw,
            86px
        ) !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.cobocito-landing-shell .cobocito-hero-copy {
    flex: 1 1 55%;
    max-width: 650px;
}

.cobocito-landing-shell .cobocito-hero-visual {
    flex: 1 1 45%;
    min-width: 0;
    align-items: center !important;
    justify-content: center !important;
}

.cobocito-landing-shell .cobocito-kicker .elementor-heading-title {
    display: inline-flex;
    margin: 0 0 20px;
    padding: 9px 14px;
    border:
        1px solid rgba(0,108,67,.20);
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: var(--cb-green);
    font-family:
        Poppins,
        sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .16em;
}

.cobocito-landing-shell .cobocito-h1 .elementor-heading-title {
    margin: 0;
    color: var(--cb-ink);
    font-family:
        Unbounded,
        sans-serif;
    font-size:
        clamp(
            54px,
            6.2vw,
            92px
        );
    line-height: .96;
    font-weight: 700;
    letter-spacing: -.055em;
}

.cobocito-landing-shell .cobocito-hero-subtitle .elementor-heading-title {
    max-width: 620px;
    margin: 22px 0 0;
    color: var(--cb-green);
    font-family:
        Unbounded,
        sans-serif;
    font-size:
        clamp(
            22px,
            2vw,
            32px
        );
    line-height: 1.22;
    font-weight: 500;
    letter-spacing: -.025em;
}

.cobocito-landing-shell .cobocito-lead {
    max-width: 620px;
    margin-top: 24px;
}

.cobocito-landing-shell .cobocito-lead,
.cobocito-landing-shell .cobocito-lead p {
    color: var(--cb-text);
    font-family:
        Poppins,
        sans-serif;
    font-size: 18px;
    line-height: 1.75;
}

.cobocito-landing-shell .cobocito-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
    margin-top: 32px;
}

.cobocito-landing-shell .cobocito-primary .elementor-button,
.cobocito-landing-shell .cobocito-secondary .elementor-button,
.cobocito-landing-shell .cobocito-final-button .elementor-button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 23px;
    border-radius: 14px;
    font-family:
        Poppins,
        sans-serif;
    font-size: 15px;
    font-weight: 700;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.cobocito-landing-shell .cobocito-primary .elementor-button {
    background: var(--cb-green);
    color: #fff;
    box-shadow:
        0 12px 26px rgba(0,108,67,.18);
}

.cobocito-landing-shell .cobocito-primary .elementor-button:hover {
    background: var(--cb-green-dark);
    color: #fff;
    transform: translateY(-2px);
}

.cobocito-landing-shell .cobocito-secondary .elementor-button {
    border:
        1px solid rgba(22,22,24,.15);
    background: rgba(255,255,255,.80);
    color: var(--cb-ink);
}

.cobocito-landing-shell .cobocito-secondary .elementor-button:hover {
    background: #fff;
    color: var(--cb-green);
    transform: translateY(-2px);
}

.cobocito-landing-shell .cobocito-personaje img {
    display: block;
    width: auto;
    max-width:
        min(
            100%,
            540px
        );
    max-height: 620px;
    margin: 0 auto;
    object-fit: contain;
    filter:
        drop-shadow(
            0 30px 24px rgba(31,61,48,.16)
        );
}

/* BASE */

.cobocito-landing-shell .cobocito-section {
    width: 100%;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.cobocito-landing-shell .cobocito-section-eyebrow .elementor-heading-title {
    margin: 0 0 12px;
    color: var(--cb-green);
    font-family:
        Poppins,
        sans-serif;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .16em;
}

.cobocito-landing-shell .cobocito-section-title .elementor-heading-title {
    margin: 0;
    color: var(--cb-ink);
    font-family:
        Unbounded,
        sans-serif;
    font-size:
        clamp(
            34px,
            4vw,
            54px
        );
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -.035em;
}

.cobocito-landing-shell .cobocito-section-copy,
.cobocito-landing-shell .cobocito-section-copy p {
    color: var(--cb-text);
    font-family:
        Poppins,
        sans-serif;
    font-size: 17px;
    line-height: 1.8;
}

.cobocito-landing-shell .cobocito-section-copy strong {
    color: var(--cb-ink);
    font-weight: 700;
}

/* QUE ES */

.cobocito-landing-shell .cobocito-about {
    background: #fff;
}

.cobocito-landing-shell .cobocito-about-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap:
        clamp(
            48px,
            7vw,
            100px
        ) !important;
}

.cobocito-landing-shell .cobocito-about-visual {
    position: relative;
    flex: 0 1 38%;
    min-height: 420px;
    border-radius: 28px;
    background:
        linear-gradient(
            145deg,
            var(--cb-green-soft),
            #fff
        );
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
}

.cobocito-landing-shell .cobocito-about-visual::before {
    content: "";
    position: absolute;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    background: var(--cb-green);
    opacity: .08;
}

.cobocito-landing-shell .cobocito-about-avatar {
    position: relative;
    z-index: 2;
}

.cobocito-landing-shell .cobocito-about-avatar img {
    display: block;
    width:
        min(
            320px,
            80%
        );
    margin: 0 auto;
    filter:
        drop-shadow(
            0 20px 25px rgba(0,0,0,.11)
        );
}

.cobocito-landing-shell .cobocito-about-copy {
    flex: 1 1 62%;
}

/* AYUDA */

.cobocito-landing-shell .cobocito-help {
    background: var(--cb-surface);
}

.cobocito-landing-shell .cobocito-help-head {
    max-width: 760px;
    margin-bottom: 44px;
}

.cobocito-landing-shell .cobocito-help-grid {
    display: grid !important;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap: 18px !important;
}

.cobocito-landing-shell .cobocito-help-card {
    min-width: 0;
    min-height: 255px;
    padding: 28px !important;
    border:
        1px solid var(--cb-line);
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 10px 30px rgba(22,22,24,.04);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.cobocito-landing-shell .cobocito-help-card:hover {
    transform: translateY(-5px);
    border-color:
        rgba(0,108,67,.22);
    box-shadow:
        0 20px 46px rgba(22,22,24,.08);
}

.cobocito-landing-shell .cobocito-card-number .elementor-heading-title {
    margin: 0 0 24px;
    color: var(--cb-green);
    font-family:
        Unbounded,
        sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.cobocito-landing-shell .cobocito-card-title .elementor-heading-title {
    margin: 0 0 14px;
    color: var(--cb-ink);
    font-family:
        Unbounded,
        sans-serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
}

.cobocito-landing-shell .cobocito-card-copy,
.cobocito-landing-shell .cobocito-card-copy p {
    margin: 0;
    color: var(--cb-text);
    font-family:
        Poppins,
        sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

/* RECORRIDO */

.cobocito-landing-shell .cobocito-journey {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #004D31 0%,
            #006C43 100%
        );
}

.cobocito-landing-shell .cobocito-journey::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -160px;
    bottom: -260px;
    border:
        1px solid rgba(255,255,255,.16);
    border-radius: 50%;
}

.cobocito-landing-shell .cobocito-journey .cobocito-section-eyebrow .elementor-heading-title {
    color: var(--cb-yellow);
}

.cobocito-landing-shell .cobocito-journey .cobocito-section-title .elementor-heading-title,
.cobocito-landing-shell .cobocito-journey .cobocito-section-copy,
.cobocito-landing-shell .cobocito-journey .cobocito-section-copy p {
    color: #fff;
}

.cobocito-landing-shell .cobocito-journey-head {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin-bottom: 42px;
}

.cobocito-landing-shell .cobocito-journey-grid {
    position: relative;
    z-index: 2;
    display: grid !important;
    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );
    gap: 12px !important;
}

.cobocito-landing-shell .cobocito-journey-step {
    position: relative;
    min-height: 185px;
    padding: 24px !important;
    border:
        1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(5px);
}

.cobocito-landing-shell .cobocito-step-number .elementor-heading-title {
    margin: 0 0 28px;
    color: var(--cb-yellow);
    font-family:
        Poppins,
        sans-serif;
    font-size: 12px;
    letter-spacing: .14em;
    font-weight: 700;
}

.cobocito-landing-shell .cobocito-step-title .elementor-heading-title,
.cobocito-landing-shell .cobocito-step-title .elementor-heading-title a {
    margin: 0;
    color: #fff;
    font-family:
        Unbounded,
        sans-serif;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 600;
}

.cobocito-landing-shell .cobocito-step-title .elementor-heading-title a:hover {
    color: var(--cb-yellow);
}

.cobocito-landing-shell .cobocito-step-copy,
.cobocito-landing-shell .cobocito-step-copy p {
    margin: 10px 0 0;
    color: rgba(255,255,255,.78);
    font-family:
        Poppins,
        sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

/* PREGUNTAS */

.cobocito-landing-shell .cobocito-questions {
    background: #fff;
}

.cobocito-landing-shell .cobocito-questions-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap:
        clamp(
            48px,
            8vw,
            110px
        ) !important;
}

.cobocito-landing-shell .cobocito-questions-copy {
    flex: 1 1 43%;
}

.cobocito-landing-shell .cobocito-questions-list {
    flex: 1 1 57%;
    gap: 14px !important;
}

.cobocito-landing-shell .cobocito-question-bubble {
    width: fit-content;
    max-width: 92%;
    padding: 17px 21px !important;
    border-radius:
        20px 20px 20px 6px;
    background: var(--cb-green-soft);
}

.cobocito-landing-shell .cobocito-question-bubble:nth-child(even) {
    align-self: flex-end;
    border-radius:
        20px 20px 6px 20px;
    background: var(--cb-warm);
}

.cobocito-landing-shell .cobocito-question-bubble,
.cobocito-landing-shell .cobocito-question-bubble p {
    margin: 0;
    color: var(--cb-ink);
    font-family:
        Poppins,
        sans-serif;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
}

/* IDENTIDAD */

.cobocito-landing-shell .cobocito-identity {
    background:
        linear-gradient(
            180deg,
            #FCF8E8 0%,
            #FFF 100%
        );
}

.cobocito-landing-shell .cobocito-identity-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap:
        clamp(
            44px,
            7vw,
            90px
        ) !important;
}

.cobocito-landing-shell .cobocito-identity-copy {
    flex: 1 1 68%;
}

.cobocito-landing-shell .cobocito-identity-visual {
    flex: 0 1 32%;
    align-items: center !important;
    justify-content: center !important;
}

.cobocito-landing-shell .cobocito-identity-avatar img {
    display: block;
    width:
        min(
            270px,
            86%
        );
    margin: 0 auto;
}

.cobocito-landing-shell .cobocito-chips {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin-top: 24px;
}

.cobocito-landing-shell .cobocito-chip {
    width: auto !important;
}

.cobocito-landing-shell .cobocito-chip .elementor-heading-title {
    display: inline-flex;
    margin: 0;
    padding: 9px 13px;
    border:
        1px solid rgba(0,108,67,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.74);
    color: var(--cb-green);
    font-family:
        Poppins,
        sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

/* CTA FINAL */

.cobocito-landing-shell .cobocito-final {
    padding-top: 42px !important;
    padding-bottom: 110px !important;
    background: #fff;
}

.cobocito-landing-shell .cobocito-final-card {
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content:
        space-between !important;
    gap: 36px !important;
    padding:
        clamp(
            38px,
            5vw,
            68px
        ) !important;
    border-radius: 32px;
    background:
        linear-gradient(
            135deg,
            #004D31,
            #006C43
        );
    box-shadow: var(--cb-shadow);
}

.cobocito-landing-shell .cobocito-final-card::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -70px;
    top: -110px;
    border:
        45px solid rgba(238,195,6,.13);
    border-radius: 50%;
}

.cobocito-landing-shell .cobocito-final-copy {
    position: relative;
    z-index: 2;
    max-width: 730px;
}

.cobocito-landing-shell .cobocito-final-title .elementor-heading-title {
    margin: 0;
    color: #fff;
    font-family:
        Unbounded,
        sans-serif;
    font-size:
        clamp(
            30px,
            4vw,
            48px
        );
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -.035em;
}

.cobocito-landing-shell .cobocito-final-text,
.cobocito-landing-shell .cobocito-final-text p {
    margin: 16px 0 0;
    color: rgba(255,255,255,.84);
    font-family:
        Poppins,
        sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

.cobocito-landing-shell .cobocito-final-button {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

.cobocito-landing-shell .cobocito-final-button .elementor-button {
    background: var(--cb-yellow);
    color: #111;
}

.cobocito-landing-shell .cobocito-final-button .elementor-button:hover {
    background: #fff;
    color: var(--cb-green-dark);
}

/* TABLET */

@media (max-width: 1024px) {

    .cobocito-landing-shell .cobocito-wrap {
        width:
            min(
                calc(100% - 44px),
                940px
            );
    }

    .cobocito-landing-shell .cobocito-hero,
    .cobocito-landing-shell .cobocito-hero-inner {
        min-height: 620px;
    }

    .cobocito-landing-shell .cobocito-hero-inner {
        gap: 34px !important;
    }

    .cobocito-landing-shell .cobocito-personaje img {
        max-height: 530px;
    }

    .cobocito-landing-shell .cobocito-help-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .cobocito-landing-shell .cobocito-journey-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }
}

/* MOVIL */

@media (max-width: 767px) {

    .cobocito-landing-shell .cobocito-wrap {
        width:
            calc(100% - 32px);
    }

    .cobocito-landing-shell .cobocito-section {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .cobocito-landing-shell .cobocito-hero {
        min-height: auto;
    }

    .cobocito-landing-shell .cobocito-hero-inner {
        min-height: auto;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 34px !important;
        padding-top: 58px !important;
        padding-bottom: 48px !important;
    }

    .cobocito-landing-shell .cobocito-hero-copy {
        max-width: none;
    }

    .cobocito-landing-shell .cobocito-h1 .elementor-heading-title {
        font-size:
            clamp(
                44px,
                14vw,
                62px
            );
    }

    .cobocito-landing-shell .cobocito-hero-subtitle .elementor-heading-title {
        font-size: 22px;
    }

    .cobocito-landing-shell .cobocito-lead,
    .cobocito-landing-shell .cobocito-lead p {
        font-size: 16px;
        line-height: 1.7;
    }

    .cobocito-landing-shell .cobocito-hero-actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .cobocito-landing-shell .cobocito-primary,
    .cobocito-landing-shell .cobocito-secondary {
        width: 100% !important;
    }

    .cobocito-landing-shell .cobocito-primary .elementor-button,
    .cobocito-landing-shell .cobocito-secondary .elementor-button {
        width: 100%;
    }

    .cobocito-landing-shell .cobocito-personaje img {
        max-width: 78%;
        max-height: 440px;
    }

    .cobocito-landing-shell .cobocito-about-inner,
    .cobocito-landing-shell .cobocito-questions-inner,
    .cobocito-landing-shell .cobocito-identity-inner,
    .cobocito-landing-shell .cobocito-final-card {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .cobocito-landing-shell .cobocito-about-visual {
        min-height: 310px;
    }

    .cobocito-landing-shell .cobocito-about-avatar img {
        width:
            min(
                250px,
                72%
            );
    }

    .cobocito-landing-shell .cobocito-help-grid,
    .cobocito-landing-shell .cobocito-journey-grid {
        grid-template-columns: 1fr;
    }

    .cobocito-landing-shell .cobocito-help-card,
    .cobocito-landing-shell .cobocito-journey-step {
        min-height: auto;
    }

    .cobocito-landing-shell .cobocito-question-bubble {
        max-width: 96%;
    }

    .cobocito-landing-shell .cobocito-identity-visual {
        order: -1;
    }

    .cobocito-landing-shell .cobocito-final {
        padding-top: 20px !important;
        padding-bottom: 78px !important;
    }

    .cobocito-landing-shell .cobocito-final-card {
        padding: 34px 26px !important;
    }

    .cobocito-landing-shell .cobocito-final-button,
    .cobocito-landing-shell .cobocito-final-button .elementor-button {
        width: 100%;
    }
}

/* ============================================================
   COBOCITO R3-R9 - TODO EN UN SOLO LUGAR
   ============================================================ */

.cobocito-landing-shell .cobocito-journey-step {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    min-height: 252px;
    padding: 25px 24px 23px !important;
    text-decoration: none !important;
    cursor: pointer;
    overflow: hidden;
    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.cobocito-landing-shell .cobocito-journey-step:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.30);
    box-shadow:
        0 20px 36px rgba(0,0,0,.12);
}

.cobocito-landing-shell .cobocito-journey-step:focus-visible {
    outline: 3px solid var(--cb-yellow);
    outline-offset: 4px;
}

.cobocito-landing-shell .cobocito-step-number {
    position: relative;
    z-index: 2;
    width: auto !important;
    align-self: flex-start;
}

.cobocito-landing-shell .cobocito-step-number .elementor-heading-title {
    margin: 0 0 39px;
}

.cobocito-landing-shell .cobocito-step-icon {
    position: absolute;
    z-index: 2;
    top: 19px;
    right: 20px;
    width: 43px !important;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 13px;
    background: rgba(255,255,255,.08);
    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease;
}

.cobocito-landing-shell .cobocito-step-icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.cobocito-landing-shell .cobocito-step-icon .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cb-yellow);
    font-size: 19px;
}

.cobocito-landing-shell .cobocito-step-icon svg {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

.cobocito-landing-shell .cobocito-journey-step:hover .cobocito-step-icon {
    transform: translateY(-2px);
    background: rgba(238,195,6,.14);
    border-color: rgba(238,195,6,.42);
}

.cobocito-landing-shell .cobocito-step-title {
    width: 100%;
}

.cobocito-landing-shell .cobocito-step-title .elementor-heading-title {
    margin: 0;
}

.cobocito-landing-shell .cobocito-step-copy {
    width: 100%;
    margin-top: 9px;
}

.cobocito-landing-shell .cobocito-step-copy,
.cobocito-landing-shell .cobocito-step-copy p {
    margin-bottom: 0;
}

.cobocito-landing-shell .cobocito-step-cta {
    width: 100%;
    margin-top: auto;
    padding-top: 22px;
}

.cobocito-landing-shell .cobocito-step-cta .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--cb-yellow);
    font-family:
        Poppins,
        sans-serif;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.cobocito-landing-shell .cobocito-step-cta .elementor-heading-title::after {
    content: "→";
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    transition: transform .2s ease;
}

.cobocito-landing-shell .cobocito-journey-step:hover .cobocito-step-cta .elementor-heading-title::after {
    transform: translateX(4px);
}

@media (max-width: 1024px) {

    .cobocito-landing-shell .cobocito-journey-step {
        min-height: 235px;
    }
}

@media (max-width: 767px) {

    .cobocito-landing-shell .cobocito-journey-step {
        min-height: 210px;
        padding:
            23px 22px 21px !important;
    }

    .cobocito-landing-shell .cobocito-step-number .elementor-heading-title {
        margin-bottom: 34px;
    }

    .cobocito-landing-shell .cobocito-step-icon {
        top: 17px;
        right: 18px;
        width: 42px !important;
        height: 42px;
    }
}

/* ============================================================
   COBOCITO R3-R12 - ICONOS BLANCOS
   Solo sección "Todo en un solo lugar"
   ============================================================ */

.cobocito-landing-shell .cobocito-step-icon,
.cobocito-landing-shell .cobocito-step-icon .elementor-icon,
.cobocito-landing-shell .cobocito-step-icon .elementor-icon-wrapper,
.cobocito-landing-shell .cobocito-step-icon i,
.cobocito-landing-shell .cobocito-step-icon i::before {
    color: #ffffff !important;
}

.cobocito-landing-shell .cobocito-step-icon svg,
.cobocito-landing-shell .cobocito-step-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.cobocito-landing-shell .cobocito-journey-step:hover .cobocito-step-icon,
.cobocito-landing-shell .cobocito-journey-step:focus-within .cobocito-step-icon {
    color: #ffffff !important;
}

.cobocito-landing-shell .cobocito-journey-step:hover .cobocito-step-icon svg,
.cobocito-landing-shell .cobocito-journey-step:hover .cobocito-step-icon svg path,
.cobocito-landing-shell .cobocito-journey-step:focus-within .cobocito-step-icon svg,
.cobocito-landing-shell .cobocito-journey-step:focus-within .cobocito-step-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ============================================================
   COBOCITO R3-R13-R2 - ORIENTACION DIGITAL CONSOLIDADA
   Fondo claro + cinco tarjetas verdes
   ============================================================ */

.cobocito-landing-shell .cobocito-journey {
    background: #f6f6f4 !important;
    color: #151515 !important;
}

.cobocito-landing-shell
.cobocito-journey
.cobocito-section-eyebrow,
.cobocito-landing-shell
.cobocito-journey
.cobocito-section-eyebrow
.elementor-heading-title {
    color: #006c43 !important;
}

.cobocito-landing-shell
.cobocito-journey
.cobocito-section-title,
.cobocito-landing-shell
.cobocito-journey
.cobocito-section-title
.elementor-heading-title {
    color: #111111 !important;
}

.cobocito-landing-shell
.cobocito-journey
.cobocito-section-copy,
.cobocito-landing-shell
.cobocito-journey
.cobocito-section-copy p {
    color: #444444 !important;
}

.cobocito-landing-shell
.cobocito-journey-step {
    background: #006c43 !important;
    border-color: rgba(0,108,67,.16) !important;
    box-shadow: 0 14px 34px rgba(0,65,40,.10);
}

.cobocito-landing-shell
.cobocito-journey-step:hover {
    background: #087651 !important;
    border-color: rgba(0,108,67,.24) !important;
    box-shadow: 0 20px 40px rgba(0,65,40,.16);
}

.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-title,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-title
.elementor-heading-title {
    color: #ffffff !important;
}

.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-copy,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-copy p {
    color: rgba(255,255,255,.84) !important;
}

.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-number,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-number
.elementor-heading-title,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-cta,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-cta
.elementor-heading-title {
    color: var(--cb-yellow) !important;
}

.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.22) !important;
}

.cobocito-landing-shell
.cobocito-journey-step:hover
.cobocito-step-icon {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.32) !important;
}

.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon i,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon i::before,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon svg,
.cobocito-landing-shell
.cobocito-journey-step
.cobocito-step-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ============================================================
   COBOCITO R3-R14 - HEADER RESPONSIVE SIN ESPACIO RESERVADO
   Mismo patrón validado previamente en Contactos/WhatsApp.
   Scope exclusivo: página COBOCITO ID 22141.
   ============================================================ */

/*
 * En desktop/tablet el header móvil debe desaparecer físicamente,
 * no solamente quedar visualmente oculto reservando altura.
 */
@media (min-width: 768px) {

    body.page-id-22141
    #header-wrapper
    .elementor-element-44065c9,

    body.page-id-22141
    #header-wrapper
    .elementor-element-f8b3e42 {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/*
 * En móvil desaparece físicamente la raíz desktop.
 */
@media (max-width: 767px) {

    body.page-id-22141
    #header-wrapper
    .elementor-element-3224df2 {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}

/*
 * No permitir una altura mínima residual en los wrappers del
 * template activo. No se cambia la altura natural del header.
 */
body.page-id-22141 #header-wrapper,
body.page-id-22141 #header,
body.page-id-22141 #header-2031,
body.page-id-22141 #header .wdt-header-tpl {
    min-height: 0 !important;
    margin-bottom: 0 !important;
}

/* ============================================================
   COBOCITO R3-R16 - H1 MOVIL CONTENEDOR REAL

   No dimensionar el H1 con vw:
   el ancho disponible es el contenedor Elementor, no viewport.

   Primero libera la cadena de layout y después fija tamaños
   móviles que caben dentro del ancho útil real.
   ============================================================ */

@media (max-width: 767px) {

    body.page-id-22141
    .cobocito-hero {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.page-id-22141
    .cobocito-hero
    .cobocito-hero-inner {
        --width: 100% !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex-basis: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 24px !important;
        padding-right: 24px !important;

        box-sizing: border-box !important;
    }

    body.page-id-22141
    .cobocito-hero-copy {
        --width: 100% !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 1 1 100% !important;
        flex-basis: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.page-id-22141
    .elementor-widget.cobocito-h1 {
        --width: 100% !important;
        --container-widget-width: 100% !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex: 0 1 100% !important;
        align-self: stretch !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.page-id-22141
    .cobocito-h1
    .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.page-id-22141
    .cobocito-h1
    .elementor-heading-title {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        /*
         * No vw: tamaño ligado al breakpoint, no al viewport
         * dentro de un container boxed.
         */
        font-size: 48px !important;
        line-height: .96 !important;
        letter-spacing: -.045em !important;

        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        transform: none !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }
}

@media (max-width: 390px) {

    body.page-id-22141
    .cobocito-hero
    .cobocito-hero-inner {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body.page-id-22141
    .cobocito-h1
    .elementor-heading-title {
        font-size: 44px !important;
    }
}

@media (max-width: 350px) {

    body.page-id-22141
    .cobocito-hero
    .cobocito-hero-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.page-id-22141
    .cobocito-h1
    .elementor-heading-title {
        font-size: 40px !important;
        letter-spacing: -.05em !important;
    }
}

/* ============================================================
   COBOCITO R3-R17 - LISTA MOVIL COMPACTA

   Desktop/tablet conserva las cinco tarjetas.
   Solo <=767px se convierten visualmente en una lista
   compacta de navegación.
   ============================================================ */

@media (max-width: 767px) {

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 28px !important;

        border-top:
            1px solid
            rgba(0,108,67,.14);
    }

    /*
     * La tarjeta pasa a ser una fila.
     *
     * 01 | icono | título / descripción | →
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-step {
        display: grid !important;

        grid-template-columns:
            28px
            42px
            minmax(0,1fr)
            26px !important;

        grid-template-rows:
            auto
            auto !important;

        grid-template-areas:
            "number icon title cta"
            "number icon copy  cta" !important;

        column-gap: 12px !important;
        row-gap: 4px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding:
            17px
            2px !important;

        background:
            transparent !important;

        border: 0 !important;
        border-bottom:
            1px solid
            rgba(0,108,67,.14) !important;

        border-radius:
            0 !important;

        box-shadow:
            none !important;

        transform:
            none !important;

        overflow:
            visible !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-step:hover {
        background:
            rgba(0,108,67,.035)
            !important;

        border-color:
            rgba(0,108,67,.14)
            !important;

        box-shadow:
            none !important;

        transform:
            none !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-step:active {
        background:
            rgba(0,108,67,.065)
            !important;
    }

    /*
     * Número.
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-number {
        grid-area:
            number !important;

        position:
            static !important;

        width:
            auto !important;

        margin:
            0 !important;

        align-self:
            start !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-number
    .elementor-heading-title {
        margin:
            3px 0 0 !important;

        color:
            #006c43 !important;

        font-size:
            11px !important;

        line-height:
            1.25 !important;

        font-weight:
            700 !important;

        letter-spacing:
            .04em !important;
    }

    /*
     * Icono pequeño, corporativo.
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-icon {
        grid-area:
            icon !important;

        position:
            static !important;

        width:
            40px !important;

        height:
            40px !important;

        margin:
            0 !important;

        align-self:
            center !important;

        justify-self:
            start !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        background:
            #006c43 !important;

        border:
            0 !important;

        border-radius:
            11px !important;

        box-shadow:
            none !important;

        transform:
            none !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-icon
    .elementor-icon {
        color:
            #ffffff !important;

        font-size:
            17px !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-icon svg {
        width:
            17px !important;

        height:
            17px !important;

        fill:
            #ffffff !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-icon svg path {
        fill:
            #ffffff !important;
    }

    /*
     * Título.
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-title {
        grid-area:
            title !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        align-self:
            end !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-title
    .elementor-heading-title {
        margin:
            0 !important;

        color:
            #111111 !important;

        font-size:
            18px !important;

        line-height:
            1.15 !important;

        font-weight:
            700 !important;
    }

    /*
     * Descripción secundaria.
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-copy {
        grid-area:
            copy !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        align-self:
            start !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-copy p {
        margin:
            0 !important;

        color:
            #65706a !important;

        font-size:
            13px !important;

        line-height:
            1.35 !important;
    }

    /*
     * El CTA conserva su texto en el DOM,
     * pero visualmente se convierte en la flecha de navegación.
     */
    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-cta {
        grid-area:
            cta !important;

        width:
            26px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        align-self:
            center !important;

        justify-self:
            end !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-cta
    .elementor-heading-title {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-end !important;

        width:
            26px !important;

        margin:
            0 !important;

        color:
            #006c43 !important;

        font-size:
            0 !important;

        line-height:
            1 !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-cta
    .elementor-heading-title::after {
        content:
            "→" !important;

        display:
            block !important;

        color:
            #006c43 !important;

        font-size:
            22px !important;

        line-height:
            1 !important;

        font-weight:
            500 !important;

        transform:
            none !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-step:hover
    .cobocito-step-cta
    .elementor-heading-title::after {
        transform:
            translateX(2px)
            !important;
    }
}

/*
 * Teléfonos estrechos:
 * compactar un poco más sin alterar la estructura.
 */
@media (max-width: 374px) {

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-journey-step {
        grid-template-columns:
            24px
            38px
            minmax(0,1fr)
            22px !important;

        column-gap:
            10px !important;

        padding-top:
            15px !important;

        padding-bottom:
            15px !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-icon {
        width:
            36px !important;

        height:
            36px !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-title
    .elementor-heading-title {
        font-size:
            17px !important;
    }

    body.page-id-22141
    .cobocito-landing-shell
    .cobocito-step-copy p {
        font-size:
            12px !important;
    }
}
/* ============================================================
 * COBOCITO R3-R21 - TARJETAS EDITORIALES DESKTOP FINAL
 *
 * Corrección sobre R3-R20:
 * - elimina masa verde sin perder identidad
 * - corrige colores heredados de Elementor
 * - títulos y textos plenamente legibles
 * - icono verde sólido real
 * - números con mayor jerarquía
 * - tarjetas más compactas
 * - menor vacío antes de las tarjetas
 *
 * SOLO DESKTOP.
 * ============================================================ */

@media (min-width: 1025px) {

    /*
     * Párrafo introductorio:
     * un poco más compacto.
     */
    body.page-id-22141
    #cobocito-ayuda
    .elementor-widget-text-editor:not(.cobocito-step-copy)
    p {
        line-height: 1.52 !important;
    }


    /*
     * Retícula general.
     */
    body.page-id-22141
    .cobocito-journey-grid {
        display: grid !important;

        grid-template-columns:
            repeat(
                5,
                minmax(0, 1fr)
            ) !important;

        gap: 14px !important;

        margin-top: 18px !important;

        align-items: stretch !important;
    }


    /*
     * Tarjetas claras.
     */
    body.page-id-22141
    .cobocito-journey-step {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            44px !important;

        grid-template-rows:
            44px
            auto
            auto
            1fr !important;

        grid-template-areas:
            "number icon"
            "title  title"
            "copy   copy"
            "cta    cta" !important;

        align-content: start !important;
        align-items: center !important;

        column-gap: 12px !important;
        row-gap: 0 !important;

        min-width: 0 !important;
        min-height: 198px !important;

        margin: 0 !important;

        padding:
            17px
            18px
            16px !important;

        box-sizing: border-box !important;

        background:
            #F8FAF9 !important;

        border:
            1px solid
            rgba(
                0,
                108,
                67,
                .18
            ) !important;

        border-top:
            3px solid
            #006C43 !important;

        border-radius:
            14px !important;

        box-shadow:
            0 8px 24px
            rgba(
                18,
                38,
                28,
                .055
            ) !important;

        overflow: hidden !important;

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease,
            background-color .18s ease !important;
    }


    body.page-id-22141
    .cobocito-journey-step:hover,

    body.page-id-22141
    .cobocito-journey-step:focus-within {
        transform:
            translateY(-3px) !important;

        background:
            #FFFFFF !important;

        border-color:
            rgba(
                0,
                108,
                67,
                .32
            ) !important;

        box-shadow:
            0 13px 30px
            rgba(
                18,
                38,
                28,
                .09
            ) !important;
    }


    /*
     * 01 / 02 / 03...
     */
    body.page-id-22141
    .cobocito-step-number {
        grid-area: number !important;

        display: flex !important;

        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        min-width: 0 !important;
    }


    body.page-id-22141
    .cobocito-step-number,

    body.page-id-22141
    .cobocito-step-number *,

    body.page-id-22141
    .cobocito-step-number
    .elementor-heading-title {
        color:
            #006C43 !important;

        -webkit-text-fill-color:
            #006C43 !important;

        font-size:
            21px !important;

        line-height:
            1 !important;

        font-weight:
            900 !important;

        letter-spacing:
            .055em !important;
    }


    body.page-id-22141
    .cobocito-step-number::after {
        content: "" !important;

        display: inline-block !important;

        width: 24px !important;
        height: 2px !important;

        margin-left:
            9px !important;

        border-radius:
            999px !important;

        background:
            #EEC306 !important;
    }


    /*
     * Icono.
     */
    body.page-id-22141
    .cobocito-step-icon {
        grid-area: icon !important;

        justify-self: end !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    body.page-id-22141
    .cobocito-step-icon
    .elementor-widget-container,

    body.page-id-22141
    .cobocito-step-icon
    .elementor-icon-wrapper {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        background:
            transparent !important;
    }


    body.page-id-22141
    .cobocito-step-icon
    .elementor-icon {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            0 !important;

        border-radius:
            12px !important;

        background:
            #006C43 !important;

        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }


    body.page-id-22141
    .cobocito-step-icon
    .elementor-icon *,

    body.page-id-22141
    .cobocito-step-icon
    svg,

    body.page-id-22141
    .cobocito-step-icon
    svg * {
        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }


    body.page-id-22141
    .cobocito-step-icon
    svg {
        width:
            18px !important;

        height:
            18px !important;
    }


    /*
     * Títulos.
     * Se fuerzan también los descendientes de Elementor.
     */
    body.page-id-22141
    .cobocito-step-title {
        grid-area: title !important;

        min-width: 0 !important;

        margin:
            13px
            0
            0 !important;

        padding: 0 !important;
    }


    body.page-id-22141
    .cobocito-step-title,

    body.page-id-22141
    .cobocito-step-title *,

    body.page-id-22141
    .cobocito-step-title
    .elementor-heading-title,

    body.page-id-22141
    .cobocito-step-title
    a {
        color:
            #111714 !important;

        -webkit-text-fill-color:
            #111714 !important;

        font-size:
            20px !important;

        line-height:
            1.12 !important;

        font-weight:
            800 !important;

        letter-spacing:
            -.018em !important;

        text-decoration:
            none !important;
    }


    /*
     * Descripción.
     */
    body.page-id-22141
    .cobocito-step-copy {
        grid-area: copy !important;

        min-width: 0 !important;

        margin:
            7px
            0
            0 !important;

        padding: 0 !important;
    }


    body.page-id-22141
    .cobocito-step-copy,

    body.page-id-22141
    .cobocito-step-copy *,

    body.page-id-22141
    .cobocito-step-copy p,

    body.page-id-22141
    .cobocito-step-copy
    .elementor-widget-container {
        color:
            #68726D !important;

        -webkit-text-fill-color:
            #68726D !important;

        font-size:
            13px !important;

        line-height:
            1.35 !important;

        font-weight:
            500 !important;
    }


    /*
     * CTA.
     */
    body.page-id-22141
    .cobocito-step-cta {
        grid-area: cta !important;

        align-self: end !important;

        min-width: 0 !important;

        margin:
            13px
            0
            0 !important;

        padding: 0 !important;
    }


    body.page-id-22141
    .cobocito-step-cta,

    body.page-id-22141
    .cobocito-step-cta *,

    body.page-id-22141
    .cobocito-step-cta a,

    body.page-id-22141
    .cobocito-step-cta
    .elementor-heading-title,

    body.page-id-22141
    .cobocito-step-cta
    .elementor-heading-title
    a {
        color:
            #006C43 !important;

        -webkit-text-fill-color:
            #006C43 !important;

        font-size:
            12.5px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;

        text-decoration:
            none !important;
    }


    body.page-id-22141
    .cobocito-step-cta::after {
        color:
            #DCAE00 !important;

        -webkit-text-fill-color:
            #DCAE00 !important;
    }
}


/*
 * En escritorio amplio el vacío observado entre
 * introducción y tarjetas se reduce adicionalmente.
 */
@media (min-width: 1200px) {

    body.page-id-22141
    .cobocito-journey-grid {
        margin-top:
            -18px !important;
    }
}