#cuerpo .iababel-tarjetas {
                    --tarjeta-azul: #1363c6;
                    box-sizing: border-box;
                    max-width: 900px;
                    margin: 28px auto 0;
                    padding: clamp(24px, 4vw, 46px);
                    background: #fff;
                    color: #555;
                    border: 1px solid #dfe8f4;
                    border-top: 4px solid var(--tarjeta-azul);
                    border-radius: 22px;
                    box-shadow: 0 12px 40px rgba(19, 99, 198, .09);
                }
                #cuerpo .iababel-tarjetas * { box-sizing: border-box; }
                #cuerpo .iababel-tarjetas .mark {
                    display: grid;
                    place-items: center;
                    width: 54px;
                    height: 54px;
                    margin-bottom: 20px;
                    padding: 0;
                    border-radius: 16px;
                    background: #edf5ff;
                    color: var(--tarjeta-azul);
                    font-size: 28px;
                    font-weight: 700;
                }
                #cuerpo .iababel-tarjetas h2 {
                    margin: 0 0 12px;
                    color: #14183e;
                    font-size: clamp(24px, 3vw, 32px);
                    line-height: 1.25;
                    font-weight: 700;
                }
                #cuerpo .iababel-tarjetas .intro {
                    max-width: 660px;
                    margin: 0 0 30px;
                    color: #66758a;
                    font-size: 15px;
                    line-height: 1.75;
                }
                #cuerpo .iababel-tarjetas .row {
                    display: grid;
                    grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
                    gap: 22px;
                    margin: 0 0 22px;
                }
                #cuerpo .iababel-tarjetas .row > .field {
                    width: auto;
                    min-width: 0;
                    margin: 0;
                    padding: 0;
                }
                #cuerpo .iababel-tarjetas label {
                    display: block;
                    margin: 0 0 9px;
                    color: #14183e;
                    font-size: 14px;
                    font-weight: 600;
                }
                #cuerpo .iababel-tarjetas input {
                    display: block;
                    width: 100%;
                    min-width: 0;
                    min-height: 52px;
                    padding: 12px 15px;
                    border: 1px solid #d6e1ef;
                    border-radius: 12px;
                    background: #f8faff;
                    color: #14183e;
                    font: inherit;
                    font-size: 16px;
                    line-height: 1.5;
                    transition: border-color .15s, box-shadow .15s;
                }
                #cuerpo .iababel-tarjetas input::placeholder { color: #8391a5; opacity: 1; }
                #cuerpo .iababel-tarjetas input:focus {
                    outline: none;
                    border-color: var(--tarjeta-azul);
                    background: #fff;
                    box-shadow: 0 0 0 4px rgba(19, 99, 198, .12);
                }
                #cuerpo .iababel-tarjetas input[aria-invalid="true"] { border-color: #b42318; }
                #cuerpo .iababel-tarjetas button[type="submit"] {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-height: 50px;
                    padding: 12px 28px;
                    border: 1px solid var(--tarjeta-azul);
                    border-radius: 50rem;
                    background: var(--tarjeta-azul);
                    color: #fff;
                    font: inherit;
                    font-size: 15px;
                    font-weight: 600;
                    cursor: pointer;
                    transition: background .15s, box-shadow .15s;
                }
                #cuerpo .iababel-tarjetas button[type="submit"]:hover { background: #0f50a0; }
                #cuerpo .iababel-tarjetas button[type="submit"]:focus-visible {
                    outline: 3px solid #88bafa;
                    outline-offset: 3px;
                }
                #cuerpo .iababel-tarjetas button[type="submit"]:disabled { opacity: .65; cursor: wait; }
                #cuerpo .iababel-tarjetas #resultado { overflow-wrap: anywhere; line-height: 1.65; }
                #cuerpo .iababel-tarjetas #resultado:not(:empty) {
                    margin-top: 22px;
                    padding: 16px 18px;
                    border: 1px solid #dce7f5;
                    border-radius: 12px;
                    background: #f3f7fd;
                }
                #cuerpo .iababel-tarjetas .notice {
                    margin: 28px 0 0;
                    padding: 18px 20px;
                    border-left: 3px solid var(--tarjeta-azul);
                    border-radius: 0 12px 12px 0;
                    background: #f5f8fc;
                    color: #66758a;
                    font-size: 13px;
                    line-height: 1.75;
                }
                #cuerpo .iababel-tarjetas .notice strong { color: #14183e; }
                @media (max-width: 575px) {
                    #cuerpo .iababel-tarjetas { padding: 24px 18px; border-radius: 16px; }
                    #cuerpo .iababel-tarjetas .row { grid-template-columns: minmax(0, 1fr); gap: 18px; }
                    #cuerpo .iababel-tarjetas button[type="submit"] { width: 100%; padding-inline: 15px; }
                }
                @media (prefers-reduced-motion: reduce) {
                    #cuerpo .iababel-tarjetas input,
                    #cuerpo .iababel-tarjetas button { transition: none; }
                }