.pagina--pruebas {
    --pruebas-navy: #10203b;
    --pruebas-blue: #1769e0;
    --pruebas-violet: #6956e8;
    --pruebas-mint: #18a56c;
    --pruebas-gold: #f4b528;
    --pruebas-paper: #f5f7fb;
    --pruebas-line: #dce3ef;
    --pruebas-muted: #5e6c83;
    background: var(--pruebas-paper);
}

.pagina--pruebas .site-nav > a[aria-current="page"] {
    color: var(--pruebas-blue);
    font-weight: 850;
}

.pruebas h1,
.pruebas h2,
.pruebas p {
    margin-top: 0;
}

.pruebas-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 20%, rgba(110, 228, 255, .22), transparent 25rem),
        radial-gradient(circle at 8% 92%, rgba(244, 181, 40, .19), transparent 23rem),
        linear-gradient(125deg, #10203b 0%, #173f87 54%, #6956e8 100%);
}

.pruebas-hero::before,
.pruebas-hero::after {
    position: absolute;
    width: 32rem;
    height: 32rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.pruebas-hero::before {
    top: -22rem;
    right: 27%;
    box-shadow: 0 0 0 3.8rem rgba(255, 255, 255, .035), 0 0 0 7.6rem rgba(255, 255, 255, .025);
}

.pruebas-hero::after {
    bottom: -25rem;
    left: -14rem;
}

.pruebas-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(21rem, .8fr);
    gap: clamp(2.5rem, 7vw, 7rem);
    align-items: center;
    min-height: 31rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.pruebas-hero__copy {
    max-width: 42rem;
}

.eyebrow--pruebas {
    color: #cce7ff;
}

.pruebas-hero h1,
.pruebas-services h2,
.pruebas-panel h2,
.pruebas-dialog h2 {
    margin-bottom: 1.25rem;
    color: var(--pruebas-navy);
    font-size: clamp(2.25rem, 4.4vw, 4.25rem);
    font-weight: 850;
    line-height: .98;
    letter-spacing: -.055em;
}

.pruebas-hero h1 {
    color: #fff;
}

.pruebas-hero h1 em,
.pruebas-services h2 em,
.pruebas-panel h2 em {
    font-style: normal;
    color: var(--pruebas-gold);
}

.pruebas-services h2 em,
.pruebas-panel h2 em {
    color: var(--pruebas-violet);
}

.pruebas-hero__intro {
    max-width: 35rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, .88);
    font-size: 1.06rem;
    line-height: 1.65;
}

.pruebas-hero__cta {
    min-height: 3.3rem;
    color: var(--pruebas-navy);
    box-shadow: 0 1rem 2.4rem rgba(3, 11, 31, .2);
}

.pase-prueba {
    position: relative;
    overflow: hidden;
    min-width: 0;
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 1.45rem;
    color: var(--pruebas-navy);
    background: #fff;
    box-shadow: 0 1.5rem 4rem rgba(3, 11, 31, .28);
}

.pase-prueba::after {
    position: absolute;
    z-index: 0;
    top: 5.55rem;
    right: 0;
    left: 0;
    border-top: 2px dashed #cbd8ea;
    content: "";
}

.pase-prueba__top,
.pase-prueba__code,
.pase-prueba__balance,
.pase-prueba__referidos,
.pase-prueba__note {
    position: relative;
    z-index: 1;
}

.pase-prueba__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.75rem;
    margin-bottom: 1.55rem;
}

.pase-prueba__top p {
    margin-bottom: 0;
    color: #4f5f77;
    font-size: .79rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.pase-prueba__top svg {
    width: 2.1rem;
    height: 2.1rem;
    padding: .43rem;
    border-radius: .75rem;
    color: #fff;
    background: var(--pruebas-blue);
}

.pase-prueba__code,
.pase-prueba__balance,
.pase-prueba__referidos {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.pase-prueba__code {
    padding: 1.2rem 0 1rem;
}

.pase-prueba__balance {
    padding: 1rem 0 1.25rem;
}

.pase-prueba__referidos {
    padding: 1rem 0 1.25rem;
}

.pase-prueba__code span,
.pase-prueba__balance span,
.pase-prueba__referidos span {
    color: var(--pruebas-muted);
    font-size: .92rem;
    font-weight: 700;
}

.pase-prueba__code strong,
.pase-prueba__balance strong,
.pase-prueba__referidos strong {
    color: var(--pruebas-navy);
    font-size: clamp(1.75rem, 4vw, 2.45rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.06em;
}

.pase-prueba__balance strong,
.pase-prueba__referidos strong {
    color: var(--pruebas-violet);
}

.pase-prueba__note {
    min-height: 1.3rem;
    margin-bottom: 0;
    padding: .8rem .9rem;
    border-radius: .65rem;
    color: #394a64;
    background: #eef4ff;
    font-size: .84rem;
    line-height: 1.45;
}

.pruebas-panel {
    padding-top: 4.75rem;
    padding-bottom: 4.75rem;
    background: #fff;
}

.pruebas-panel__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.pruebas-referral,
.pruebas-share {
    position: relative;
    min-width: 0;
    padding: clamp(1.5rem, 4vw, 2.65rem);
    border: 1px solid var(--pruebas-line);
    border-radius: 1.4rem;
    background: #fff;
    box-shadow: 0 .8rem 2.5rem rgba(21, 43, 76, .06);
}

.pruebas-referral > p:not(.eyebrow):not(.pruebas-status),
.pruebas-share > p:not(.eyebrow) {
    max-width: 31rem;
    margin-bottom: 1.55rem;
    color: var(--pruebas-muted);
    line-height: 1.62;
}

.pruebas-referral h2,
.pruebas-share h2 {
    font-size: clamp(1.8rem, 3.4vw, 2.8rem);
}

.pruebas-referral__form {
    max-width: 35rem;
}

.pruebas-referral label {
    display: block;
    margin-bottom: .55rem;
    color: var(--pruebas-navy);
    font-size: .88rem;
    font-weight: 850;
}

.pruebas-referral__input {
    display: flex;
    gap: .65rem;
}

.pruebas-referral input {
    width: 100%;
    min-width: 0;
    min-height: 3.2rem;
    padding: .72rem .88rem;
    border: 1px solid #b8c6da;
    border-radius: .82rem;
    color: var(--pruebas-navy);
    background: #fff;
    font-size: 1rem;
}

.pruebas-referral input:focus {
    border-color: var(--pruebas-blue);
    outline: 3px solid rgba(23, 105, 224, .18);
    outline-offset: 1px;
}

.pruebas-referral input:disabled {
    color: #63748c;
    background: #eef2f8;
    cursor: not-allowed;
}

.pruebas-referral__input .button {
    flex: 0 0 auto;
    min-height: 3.2rem;
    cursor: pointer;
}

.pruebas-help {
    margin: .7rem 0 0;
    color: #667891;
    font-size: .82rem;
    line-height: 1.45;
}

.pruebas-share {
    overflow: hidden;
    border-color: #d9d2ff;
    background: linear-gradient(145deg, #f4f2ff, #fff 65%);
}

.pruebas-share::after {
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 13rem;
    height: 13rem;
    border: 1.6rem solid rgba(105, 86, 232, .09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.pruebas-share__badge {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: 1.5rem;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: var(--pruebas-violet);
    box-shadow: 0 .7rem 1.4rem rgba(105, 86, 232, .24);
}

.pruebas-share__badge svg {
    width: 1.45rem;
    height: 1.45rem;
}

.eyebrow--share {
    color: var(--pruebas-violet);
}

.pruebas-share__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.pruebas-share__actions .button {
    min-height: 3.2rem;
    cursor: pointer;
}

.pruebas-icon-button {
    display: inline-grid;
    width: 3.2rem;
    height: 3.2rem;
    place-items: center;
    border: 1px solid #cbd5e4;
    border-radius: .88rem;
    color: #33445f;
    background: #fff;
    cursor: pointer;
    transition: transform .18s ease-out, box-shadow .18s ease-out, background .18s ease-out;
    touch-action: manipulation;
}

.pruebas-icon-button svg {
    width: 1.25rem;
    height: 1.25rem;
}

.pruebas-icon-button:hover:not(:disabled),
.pruebas-icon-button:focus-visible:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 .55rem 1.2rem rgba(21, 43, 76, .14);
}

.pruebas-icon-button--whatsapp {
    border-color: #b6e9c9;
    color: #087c42;
    background: #eafaf0;
}

.pruebas-icon-button--facebook {
    border-color: #bfcef5;
    color: #174ea6;
    background: #edf3ff;
}

.pruebas-icon-button[aria-disabled="true"] {
    opacity: .5;
    pointer-events: none;
}

.pruebas-services {
    padding-top: 5rem;
    padding-bottom: 6.5rem;
    background: var(--pruebas-paper);
}

.pruebas-services__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2.2rem;
}

.pruebas-services__heading h2 {
    margin-bottom: 0;
}

.pruebas-services__heading > p {
    max-width: 22rem;
    margin-bottom: .3rem;
    color: var(--pruebas-muted);
    line-height: 1.62;
}

.pruebas-status {
    min-height: 1.3rem;
    margin: .85rem 0 0;
    color: #2d496d;
    font-size: .89rem;
    line-height: 1.45;
}

.pruebas-status.is-error {
    color: #a31f32;
}

.pruebas-status.is-success {
    color: #087444;
}

#pruebas-mensaje {
    position: fixed;
    z-index: 100;
    top: 1rem;
    right: 1rem;
    max-width: min(25rem, calc(100vw - 2rem));
    min-height: 0;
    margin: 0;
    padding: .85rem 1rem;
    border: 1px solid var(--pruebas-line);
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .8rem 2rem rgba(10, 21, 40, .14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-.5rem);
    transition: opacity .18s ease-out, transform .18s ease-out, visibility 0s linear .18s;
}

#pruebas-mensaje.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .18s ease-out, transform .18s ease-out;
}

.pruebas-status--catalog {
    margin-bottom: 1rem;
}

.pruebas-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.pruebas-card {
    display: flex;
    min-width: 0;
    min-height: 17.5rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 .65rem 1.6rem rgba(21, 43, 76, .055);
}

.pruebas-card__art {
    position: relative;
    display: grid;
    min-height: 9rem;
    padding: 1.05rem;
    overflow: hidden;
    place-items: center;
    background: linear-gradient(135deg, #edf3ff, #f7f4ff);
}

.pruebas-card__art::after {
    position: absolute;
    right: -3.4rem;
    bottom: -3.4rem;
    width: 8.5rem;
    height: 8.5rem;
    border: 1.1rem solid rgba(105, 86, 232, .1);
    border-radius: 50%;
    content: "";
}

.pruebas-card__image,
.pruebas-card__fallback {
    position: relative;
    z-index: 1;
    width: 7.3rem;
    height: 7.3rem;
    object-fit: contain;
}

.pruebas-card__fallback {
    display: grid;
    place-items: center;
    border-radius: 1.25rem;
    color: #fff;
    background: var(--pruebas-blue);
    font-size: 2rem;
    font-weight: 850;
    letter-spacing: -.06em;
}

.pruebas-card__content {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    padding: 1.15rem;
}

.pruebas-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .55rem;
    color: #65758e;
    font-size: .75rem;
    font-weight: 750;
}

.pruebas-card__meta span:last-child {
    flex: 0 0 auto;
    padding: .28rem .48rem;
    border-radius: 99px;
    color: #096941;
    background: #e8f8ef;
    font-size: .69rem;
}

.pruebas-card h3 {
    margin: 0 0 .42rem;
    color: var(--pruebas-navy);
    font-size: 1.1rem;
    line-height: 1.15;
}

.pruebas-card__updated {
    min-height: 2.55rem;
    margin: 0 0 1rem;
    color: #5b6b81;
    font-size: .82rem;
    line-height: 1.45;
}

.pruebas-card__cta {
    width: 100%;
    min-height: 3rem;
    margin-top: auto;
    padding: .72rem 1rem;
    border: 0;
    border-radius: .75rem;
    color: #fff;
    background: var(--pruebas-blue);
    font-size: .87rem;
    font-weight: 850;
    cursor: pointer;
    touch-action: manipulation;
    transition: transform .18s ease-out, box-shadow .18s ease-out, background .18s ease-out;
}

.pruebas-card__cta:hover:not(:disabled),
.pruebas-card__cta:focus-visible:not(:disabled) {
    transform: translateY(-2px);
    background: #0c54bd;
    box-shadow: 0 .65rem 1.15rem rgba(23, 105, 224, .25);
}

.pruebas-card__cta:disabled,
.pruebas-share__actions button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.pruebas-card__cta--sin-opciones {
    opacity: .5;
}

.pruebas-card__footer {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .8rem;
    margin-top: .95rem;
    padding-top: .85rem;
    border-top: 1px solid #e7edf5;
    color: #5b6b81;
    font-size: .74rem;
}

.pruebas-card--skeleton {
    display: grid;
    grid-template-columns: 7.3rem 1fr;
    align-items: center;
    gap: 1rem;
    min-height: 15rem;
    padding: 1.15rem;
}

.pruebas-card--skeleton > span,
.pruebas-card--skeleton i {
    display: block;
    border-radius: .65rem;
    background: linear-gradient(100deg, #e9eef6 20%, #f8faff 40%, #e9eef6 60%);
    background-size: 200% 100%;
    animation: pruebas-carga 1.3s ease-in-out infinite;
}

.pruebas-card--skeleton > span {
    width: 7.3rem;
    height: 7.3rem;
}

.pruebas-card--skeleton > div {
    display: grid;
    gap: .8rem;
}

.pruebas-card--skeleton i:nth-child(1) { width: 62%; height: 1rem; }
.pruebas-card--skeleton i:nth-child(2) { width: 88%; height: .75rem; }
.pruebas-card--skeleton i:nth-child(3) { width: 100%; height: 2.9rem; }

.pruebas-dialog {
    width: min(calc(100% - 2rem), 34rem);
    padding: clamp(1.5rem, 5vw, 2.6rem);
    border: 0;
    border-radius: 1.35rem;
    color: var(--pruebas-navy);
    background: #fff;
    box-shadow: 0 1.4rem 5rem rgba(3, 11, 31, .35);
}

.pruebas-dialog::backdrop {
    background: rgba(10, 21, 40, .58);
}

.pruebas-dialog__close-form {
    position: absolute;
    top: .75rem;
    right: .75rem;
}

.pruebas-dialog__close {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: .75rem;
    color: #465a76;
    background: #eef3fa;
    cursor: pointer;
}

.pruebas-dialog__close svg {
    width: 1.3rem;
    height: 1.3rem;
}

.pruebas-dialog__icon {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.35rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--pruebas-mint);
    box-shadow: 0 .8rem 1.5rem rgba(24, 165, 108, .23);
}

.pruebas-dialog__icon svg {
    width: 2rem;
    height: 2rem;
    stroke-width: 2.7;
}

.pruebas-dialog h2 {
    margin-bottom: .75rem;
    font-size: clamp(1.8rem, 7vw, 2.5rem);
}

.pruebas-dialog h2 span {
    color: var(--pruebas-violet);
}

.pruebas-dialog__intro {
    margin-bottom: 1.25rem;
    color: var(--pruebas-muted);
    line-height: 1.55;
}

.pruebas-dialog__credentials {
    display: grid;
    gap: .75rem;
    margin: 0 0 1.2rem;
}

.pruebas-dialog__credentials div {
    position: relative;
    padding: .8rem 2.6rem .8rem .9rem;
    border: 1px solid #dce4ef;
    border-radius: .8rem;
    background: #f8faff;
}

.pruebas-dialog__credentials dt {
    margin-bottom: .28rem;
    color: #6a7a91;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.pruebas-dialog__credentials dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--pruebas-navy);
    font-size: .95rem;
    font-weight: 750;
}

.pruebas-dialog__campo-copiar {
    position: absolute;
    top: .55rem;
    right: .55rem;
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border: 1px solid #cbd5e4;
    border-radius: .55rem;
    color: #33445f;
    background: #fff;
    cursor: pointer;
    transition: transform .18s ease-out, background .18s ease-out;
}

.pruebas-dialog__campo-copiar svg {
    width: 1rem;
    height: 1rem;
}

.pruebas-dialog__campo-copiar:hover {
    transform: translateY(-1px);
    background: var(--pruebas-paper);
}

.pruebas-dialog__support {
    margin: 0 0 1.2rem;
    padding-top: 1rem;
    border-top: 1px dashed #dce4ef;
}

.pruebas-dialog__support p {
    margin: 0 0 .6rem;
    color: var(--pruebas-muted);
    font-size: .85rem;
    line-height: 1.5;
}

.pruebas-dialog__support .text-action {
    color: #087c42;
}

.pruebas-dialog__copy {
    width: 100%;
    min-height: 3.15rem;
    cursor: pointer;
}

.pruebas-clipboard-helper {
    position: fixed;
    opacity: 0;
    pointer-events: none;
}

.pruebas-dialog-fallback {
    position: fixed;
    z-index: 40;
    right: 1rem;
    bottom: 1rem;
    max-width: 25rem;
    margin: 0;
    padding: 1rem;
    border-radius: .8rem;
    color: #fff;
    background: #a31f32;
    box-shadow: 0 .8rem 2rem rgba(10, 21, 40, .22);
    line-height: 1.45;
}

@keyframes pruebas-carga {
    to { background-position: -200% 0; }
}

@media (max-width: 980px) {
    .pruebas-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr);
        gap: 2.5rem;
    }

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

@media (max-width: 760px) {
    #pruebas-mensaje {
        right: 1rem;
        left: 1rem;
        max-width: none;
    }

    .pruebas-hero__grid,
    .pruebas-panel__grid {
        grid-template-columns: 1fr;
    }

    .pruebas-hero__grid {
        min-height: auto;
        padding-top: 3.9rem;
        padding-bottom: 3.9rem;
    }

    .pruebas-hero__copy {
        max-width: 36rem;
    }

    .pase-prueba {
        max-width: 34rem;
    }

    .pruebas-services__heading {
        display: block;
    }

    .pruebas-services__heading > p {
        margin: 1rem 0 0;
    }
}

@media (max-width: 560px) {
    .pruebas-panel,
    .pruebas-services {
        padding-top: 3.5rem;
        padding-bottom: 4.25rem;
    }

    .pruebas-referral,
    .pruebas-share {
        padding: 1.35rem;
        border-radius: 1.1rem;
    }

    .pruebas-referral__input {
        display: grid;
    }

    .pruebas-referral__input .button,
    .pruebas-share__actions .button {
        width: 100%;
    }

    .pruebas-share__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 3.2rem 3.2rem 3.2rem;
    }

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

    .pruebas-card__art {
        min-height: 10.5rem;
    }

    .pruebas-dialog {
        width: min(calc(100% - 1rem), 34rem);
        max-height: calc(100dvh - 1rem);
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pruebas *,
    .pruebas-dialog,
    .pruebas-dialog::backdrop {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}