/* Editorial images and clear plan metrics, designed first for touch screens. */
.plan-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;aspect-ratio:1.75;background:#ede6f5}
.plan-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cover-label{position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff90;border-radius:30px;background:#ffffffe8;backdrop-filter:blur(8px);color:#51415d;font-size:11px;font-weight:600;box-shadow:0 3px 14px #29183a0d}
.cover-label svg{width:15px;height:15px}.cover-demo{position:absolute;top:12px;right:12px;background:#fff9;color:#594567;padding:5px 8px;border-radius:20px;font-size:7px;letter-spacing:.9px;font-weight:700;backdrop-filter:blur(8px)}
.photographic{border-color:#e9e2ef;box-shadow:0 5px 20px #2c184003;display:flex;flex-direction:column}
.photographic .card-body{display:flex;flex-direction:column;flex:1;padding:20px 14px 14px}.photographic .card-meta{font-size:10px;gap:8px}.photographic .card-meta svg{height:13px;width:13px;margin-right:4px}.photographic .card-body h3{font-size:21px;letter-spacing:-.6px;margin:3px 0 8px}.photographic .plan-description{font-size:12px;line-height:1.75;margin:0 0 9px;min-height:0}.photographic .plan-price{font-size:28px;font-weight:800;line-height:1.3;margin:9px 0 18px;color:#3d2c51}.plan-price small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:0;color:#8a7c98;margin-top:5px}
.plan-metrics{display:grid;grid-template-columns:1fr 1fr;background:#f8f5fc;border:1px solid #ede6f4;border-radius:12px;padding:14px 11px;gap:10px;margin-top:auto}.plan-metrics>div+div{border-left:1px solid #e9e1f0;padding-left:10px}.plan-metrics span{font-size:9px;color:#8b7c9c;display:block;line-height:1.6;margin-bottom:7px}.plan-metrics span svg{width:13px;height:13px;margin-right:3px}.plan-metrics strong{font-size:13px;white-space:nowrap;color:#6b4d90}.plan-terms-line{font-size:9px;color:#92829f;display:flex;align-items:center;gap:5px;line-height:1.6;margin:13px 0}.plan-terms-line svg{height:12px;width:12px}.plan-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;min-height:46px;border-radius:11px;background:#7450cd;color:#fff;font-size:12px;font-weight:600}.plan-cta svg{width:17px;height:17px;transition:transform .2s}.plan-detail-cover{position:relative;height:310px;overflow:hidden;border-radius:23px;margin-bottom:27px}.plan-detail-cover img{width:100%;height:100%;object-fit:cover}.plan-detail-cover .cover-label{bottom:20px;left:20px;font-size:15px;padding:10px 16px}.plan-detail-cover .cover-label svg{height:20px;width:20px}.active-plan-cover{display:flex;align-items:center;gap:16px;border-bottom:1px solid #eee7f4;margin:-3px 0 22px;padding-bottom:19px}.active-plan-cover img{width:100px;height:76px;object-fit:cover;border-radius:13px;flex-shrink:0}.active-plan-cover h3{margin:0;font-size:21px}.active-plan-cover .eyebrow{font-size:8px}
.editorial-banner{display:grid;grid-template-columns:1fr 1fr;background:#ede6f6;border:1px solid #e3d8ee;border-radius:22px;overflow:hidden;margin:30px 0}.editorial-image{position:relative;min-height:300px}.editorial-image img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.editorial-image>span{position:absolute;bottom:10px;left:12px;font-size:7px;letter-spacing:1px;padding:5px 8px;border-radius:20px;background:#ffffffd9;color:#655071}.editorial-copy{padding:30px;align-self:center}.editorial-copy h2{font-size:26px;line-height:1.35;margin-bottom:15px}.editorial-copy p{font-size:13px;line-height:1.85}.editorial-copy .button{margin-top:5px}
.wallet-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#7051c6f7,#412061d9),url('plans/escala-960.webp') center/cover}.wallet-hero .wallet-orbit{position:absolute;right:-12px;top:10px;opacity:.09;transform:rotate(-15deg);z-index:-1}.wallet-orbit svg{height:200px;width:200px;stroke-width:1}.auth-story{isolation:isolate;background:linear-gradient(140deg,#5534a8e8,#4b2d88e8),url('plans/horizonte-960.webp') center/cover}.auth-orbit{display:none}.auth-story>small{margin-top:60px}.auth-story h1{margin-top:65px}.community-photo{border-radius:18px;overflow:hidden;margin:0 0 22px;position:relative}.community-photo img{width:100%;height:180px;object-fit:cover;display:block}.community-photo figcaption{position:absolute;bottom:10px;left:12px;background:#ffffffe0;padding:5px 9px;border-radius:20px;font-size:8px;color:#654e7a}
.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-plan-editor img{width:100%;height:170px;object-fit:cover;border-radius:13px;margin-bottom:22px}.admin-plan-editor .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-plan-editor textarea{width:100%;border:1px solid #e5dfee;background:#faf9fc;border-radius:10px;padding:14px;margin-top:8px}.admin-plan-editor summary{font-weight:700;cursor:pointer;min-height:44px;margin-bottom:12px}
@media(hover:hover){.photographic:hover .plan-cover>img{transform:scale(1.045)}.photographic:hover .plan-cta{background:#6240b8}.photographic:hover .plan-cta svg{transform:translateX(3px)}}
@media(max-width:768px){.plan-cover{aspect-ratio:1.65;border-radius:15px}.photographic .card-body{padding:19px 13px 13px}.photographic .card-body h3{font-size:23px}.photographic .card-meta{font-size:10px}.photographic .plan-description{font-size:13px}.photographic .plan-price{font-size:29px;margin:12px 0 18px}.plan-metrics{padding:14px 10px;gap:8px}.plan-metrics strong{font-size:13px}.plan-metrics span{font-size:9px}.plan-terms-line{font-size:10px}.plan-cta{font-size:13px;min-height:49px}.cover-label{font-size:11px;left:12px;bottom:12px}.cover-demo{font-size:7px}.plan-detail-cover{height:auto;aspect-ratio:1.45;border-radius:19px;margin-bottom:24px}.plan-detail-cover .cover-label{font-size:13px;bottom:15px;left:15px;padding:8px 12px}.editorial-banner{display:block;margin:22px 0;border-radius:21px}.editorial-image{min-height:0;aspect-ratio:1.5}.editorial-copy{padding:25px}.editorial-copy h2{font-size:25px}.editorial-copy p{font-size:14px}.editorial-copy .button{width:100%}.active-plan-cover img{width:88px;height:70px}.active-plan-cover h3{font-size:20px}.auth-story h1{margin-top:23px}.auth-story>small{margin:0}.admin-plan-grid{grid-template-columns:1fr}.admin-plan-editor .field-pair{grid-template-columns:1fr;gap:0}.community-photo img{height:180px}}
@media(max-width:359px){.plan-metrics strong{font-size:12px}.plan-metrics span{font-size:8px}.plan-metrics span svg{display:none}.plan-terms-line{font-size:9px}.photographic .card-body h3{font-size:21px}.plan-cover{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.plan-cover>img,.plan-cta svg{transition:none}}
.plan-acquire-cta,.acquire-submit{position:relative;overflow:hidden;background:linear-gradient(115deg,#6640c5,#8a5bea 55%,#6538c2);box-shadow:0 8px 20px #6742c03b;font-weight:800;letter-spacing:.01em}
.plan-acquire-cta{min-height:54px;font-size:14px;padding-inline:18px}
.plan-acquire-cta::after,.acquire-submit::after{content:"";position:absolute;inset:0 auto 0 -45%;width:38%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#ffffff52,transparent);animation:acquire-shine 4.8s ease-in-out infinite;pointer-events:none}
.plan-acquire-cta svg,.acquire-submit svg{position:relative;z-index:1}
.acquire-submit{min-height:54px;padding-inline:24px;font-size:14px}
.acquire-debit-note{font-size:12px;color:#5a4671;margin:-12px 0 5px}
.photographic:hover .plan-acquire-cta,.acquire-submit:hover{background:linear-gradient(115deg,#5932b5,#7d50dc 55%,#5c2fb4);transform:translateY(-2px);box-shadow:0 11px 23px #6742c054}
@keyframes acquire-shine{0%,68%{left:-45%}85%,100%{left:115%}}
@media(max-width:768px){.acquire-submit{width:100%}.plan-acquire-cta{min-height:56px}}
@media(prefers-reduced-motion:reduce){.plan-acquire-cta::after,.acquire-submit::after{animation:none;display:none}}
.plan-purchase-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-6px 0 22px;padding:19px 22px;border:1px solid #e6dbf8;background:linear-gradient(110deg,#fff,#f5efff);box-shadow:0 10px 28px #4120610d}
.plan-purchase-bar>div{display:grid;gap:3px}.plan-purchase-bar .eyebrow{margin:0;color:#7755bd}.plan-purchase-bar strong{font:800 25px Manrope,Arial,sans-serif;color:#3d2c51}.plan-purchase-bar small{font-size:11px;color:#84768e}.plan-purchase-bar .acquire-submit{white-space:nowrap}
.plan-purchase-bar form{margin:0}
.plan-card-main{display:flex;flex-direction:column;flex:1;min-width:0}.plan-card-main:focus-visible{outline:3px solid #ac88f0;outline-offset:3px;border-radius:14px}.plan-card-actions{padding:0 14px 14px}.plan-card-actions form{margin:0}.plan-card-actions .plan-cta{width:100%;border:0;cursor:pointer;font:800 14px 'DM Sans',Arial,sans-serif;text-align:left}.plan-card-actions .plan-cta:focus-visible{outline:3px solid #ac88f0;outline-offset:3px}.purchase-success-dialog .success-icon{background:#e5f7ee;color:#168453}.purchase-success-dialog .eyebrow{color:#168453}
.plan-deposit-dialog{width:min(420px,calc(100% - 32px));border:1px solid #e4d8f0;border-radius:24px;padding:30px;background:#fff;box-shadow:0 25px 80px #21122d55;color:#30253d;animation:deposit-dialog-in .25s ease-out}
.plan-deposit-dialog::backdrop{background:#1c102bb5;backdrop-filter:blur(5px)}.plan-deposit-dialog .eyebrow{display:block;color:#7851c7;margin:16px 0 8px}.plan-deposit-dialog h2{font-size:24px;line-height:1.2;margin:0 0 12px}.plan-deposit-dialog p{font-size:13px;line-height:1.7;margin-bottom:22px}.plan-deposit-dialog p strong{color:#3d2c51}.plan-deposit-dialog .acquire-submit{width:100%;min-height:52px}.deposit-dialog-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:#eee6ff;color:#714bca}.deposit-dialog-icon svg{width:27px;height:27px}.deposit-dialog-close{position:absolute;top:15px;right:17px;width:34px;height:34px;border-radius:50%;background:#f5f1fa;color:#766683;font-size:23px;line-height:1}.deposit-dialog-later{display:block;margin:14px auto 0;background:transparent;color:#766683;padding:9px 16px;font-size:12px}
@keyframes deposit-dialog-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:640px){.plan-purchase-bar{align-items:stretch;flex-direction:column;padding:18px;gap:15px}.plan-purchase-bar form,.plan-purchase-bar .acquire-submit{width:100%}.plan-card-actions{padding:0 13px 13px}.plan-deposit-dialog{padding:25px}}
@media(prefers-reduced-motion:reduce){.plan-deposit-dialog{animation:none}}