.wr-plans { padding-block: 2rem 1.75rem; background: var(--wr-color-paper) url("../../images/shared/textura-papel-marfil.png") repeat 0 0 / 512px 320px; }
.wr-plans__heading { text-align: center; }
.wr-plans__heading h1 { margin: 0; text-transform: uppercase; font-size: clamp(3.4rem, 7vw, 5rem); font-weight: 400; letter-spacing: 0.08em; line-height: 1; }
.wr-plans__heading p { margin: 0; font-family: var(--wr-font-ui); font-size: 1.05rem; line-height: 1.5; }
.wr-plans__divider { position: relative; display: block; width: 10rem; height: 1px; margin: 0.9rem auto; background: linear-gradient(to right, transparent, var(--wr-color-gold) calc(50% - .85rem), transparent calc(50% - .85rem), transparent calc(50% + .85rem), var(--wr-color-gold) calc(50% + .85rem), transparent); }
.wr-plans__divider::after { position: absolute; top: 50%; left: 50%; color: var(--wr-color-gold); content: "✦"; font: 1rem/1 var(--wr-font-display); transform: translate(-50%, -50%); }
.wr-plans__grid { display: grid; max-width: 54rem; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 2.5rem; margin-top: 2.75rem; }
.wr-plans__card { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 3.25rem 1.65rem 1.5rem; border: 1px solid transparent; border-radius: 1rem; text-align: center; }
/* Interrumpe solo el borde bajo el icono; conserva intactos el asset y la geometría. */
.wr-plans__card::before { position: absolute; inset: -1px; border: 1px solid var(--wr-color-gold); border-radius: inherit; content: ""; pointer-events: none; clip-path: polygon(0 0, calc(50% - 2.375rem) 0, calc(50% - 2.375rem) 2px, calc(50% + 2.375rem) 2px, calc(50% + 2.375rem) 0, 100% 0, 100% 100%, 0 100%); }
.wr-plans__card-icon { position: absolute; top: 0; left: 50%; width: 4.75rem; height: 4.75rem; object-fit: contain; transform: translate(-50%, -50%); }
.wr-plans__eyebrow { margin: 0; color: var(--wr-color-gold); font-family: var(--wr-font-ui); font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase; }
.wr-plans__card h2 { margin: 0.15rem 0 0; text-transform: uppercase; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 400; letter-spacing: 0.04em; line-height: 1.05; }
.wr-plans__description { max-width: 25rem; margin-inline: auto; }
.wr-plans__description p, .wr-plans__business-copy p { margin: 0 0 1rem; font-family: var(--wr-font-ui); font-size: 0.95rem; line-height: 1.45; }
.wr-plans__features { display: grid; gap: 0.55rem; margin: 0.25rem 0 1.25rem; padding: 0; text-align: left; list-style: none; }
.wr-plans__features li { display: grid; grid-template-columns: 1.8rem 1fr; align-items: center; gap: 0.65rem; font-family: var(--wr-font-ui); font-size: 0.95rem; }
.wr-plans__features img { width: 1.65rem; height: 1.65rem; object-fit: contain; }
.wr-plans__price { position: relative; margin-top: auto; padding-top: 1rem; }
.wr-plans__price::before, .wr-plans__solidarity::before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(to right, transparent, var(--wr-color-gold) calc(50% - .85rem), transparent calc(50% - .85rem), transparent calc(50% + .85rem), var(--wr-color-gold) calc(50% + .85rem), transparent); content: ""; }
.wr-plans__price::after, .wr-plans__solidarity::after { position: absolute; top: 0; left: 50%; color: var(--wr-color-gold); content: "✦"; font: 1rem/1 var(--wr-font-display); transform: translate(-50%, -50%); }
.wr-plans__amount { display: flex; align-items: baseline; justify-content: center; gap: 0.65rem; margin: 0.1rem 0; }
.wr-plans__amount strong { font-size: 2.7rem; font-weight: 400; line-height: 1; }
.wr-plans__amount span { color: var(--wr-color-gold); font-size: 1.2rem; }
.wr-plans__commitment { margin: 0.65rem 0 0.85rem; font-family: var(--wr-font-ui); font-size: 0.9rem; line-height: 1.5; }
.wr-plans__commitment span { display: block; }
.wr-plans__action { display: flex; min-height: 2.65rem; align-items: center; justify-content: center; align-self: center; width: fit-content; max-width: 100%; margin-inline: auto; padding: 0.5rem 1.5rem; border: 1px solid var(--wr-color-gold); border-radius: 0.5rem; color: var(--wr-color-gold); font-size: 1.15rem; cursor: default; }
.wr-plans__solidarity { position: relative; margin-top: 1.65rem; padding-top: 1rem; }
.wr-plans__solidarity h3 { margin: 0 0 0.35rem; color: var(--wr-color-gold); font-family: var(--wr-font-ui); font-size: 1rem; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; }
.wr-plans__solidarity p { margin: 0 0 0.65rem; font-family: var(--wr-font-ui); font-size: 0.78rem; line-height: 1.35; }
.wr-plans__business-copy { max-width: 24rem; margin: 1.25rem auto; }
.wr-plans__business-copy p + p { margin-top: 2.5rem; }
.wr-plans__coming-soon { margin-top: 5.75rem; }
.wr-plans__coming-soon .wr-plans__divider { width: 90%; }
.wr-plans__coming-soon p { margin: 0 0 1rem; color: var(--wr-color-gold); font-family: var(--wr-font-ui); font-size: 1rem; letter-spacing: 0.08em; text-transform: uppercase; }
.wr-plans__static-rows { display: grid; gap: 0.75rem; }
.wr-plans__static-rows > div { display: grid; min-height: 3.15rem; grid-template-columns: 2rem 1fr; align-items: center; gap: 0.75rem; padding: 0.5rem 0.8rem; border: 1px solid var(--wr-color-gold); border-radius: 0.5rem; text-align: left; font-family: var(--wr-font-ui); }
.wr-plans__static-rows img { width: 1.8rem; height: 1.8rem; object-fit: contain; }
.wr-plans__action--business { margin-top: 4.25rem; }
@media (max-width: 52rem) {
    .wr-plans__grid { grid-template-columns: 1fr; gap: 3.5rem; }
    .wr-plans__card { padding-inline: clamp(1.25rem, 6vw, 3rem); }
    .wr-plans__coming-soon { margin-top: 2rem; }
    .wr-plans__action--business { margin-top: 2rem; }
}
@media (max-width: 36rem) {
    .wr-plans { padding-top: 1.5rem; }
    .wr-plans__heading h1 { font-size: 3rem; letter-spacing: 0.04em; }
    .wr-plans__heading p { font-size: 0.95rem; }
    .wr-plans__grid { margin-top: 2.5rem; }
    .wr-plans__card { padding: 3rem 1rem 1.25rem; }
    .wr-plans__amount strong { font-size: 2.35rem; }
}