/* Registro de marca */
.r-mark{width:62%;height:auto;display:block;color:var(--slate)}
.core{display:grid;place-items:center}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}

.plans{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:22px;align-items:stretch}
.plan{background:var(--white);border-radius:var(--radius);padding:40px 32px;display:flex;flex-direction:column;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.plan:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(46,58,85,.28)}
.plan h3{font-size:1.3rem}
.plan-sub{font-size:.92rem;margin:8px 0 22px}
.price{display:flex;align-items:baseline;gap:8px}
.price b{font-size:2.3rem;color:var(--slate);letter-spacing:-.02em;line-height:1.1}
.price b.quote{font-size:1.9rem}
.price span{font-weight:600;font-size:.85rem;color:var(--accent)}
.cuotas{font-size:.92rem;margin-top:6px}
.plan ul{list-style:none;margin:26px 0 32px;display:flex;flex-direction:column;gap:12px;flex:1}
.plan li{position:relative;padding-left:28px;font-size:.93rem}
.plan li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--accent)}
.plan li::after{content:"";position:absolute;left:4.5px;top:calc(.42em + 4.5px);width:5px;height:5px;border-radius:50%;background:var(--accent)}
.plan .btn{justify-content:center}
.plan.featured{background:var(--slate);color:#C9D3E3;transform:translateY(-14px)}
.plan.featured:hover{transform:translateY(-22px)}
.plan.featured h3,.plan.featured .price b,.plan.featured .cuotas b{color:var(--white)}
.plan.featured .price span{color:#8FB3E6}
.plan.featured li::before{box-shadow:inset 0 0 0 1.5px var(--coral)}
.plan.featured li::after{background:var(--coral)}
.plan.featured .btn{background:var(--white);color:var(--slate)}
.plan.featured .btn:hover{background:var(--coral);color:var(--white)}
.badge{position:absolute;top:-14px;left:32px;background:var(--coral);color:var(--white);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;border-radius:999px}
.plan-notes{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:44px;font-size:.86rem}
.plan-notes li{position:relative;padding-left:16px}
.plan-notes li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--coral)}

.fees{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fee{background:var(--white);border-radius:var(--radius);padding:34px 34px 26px}
.fee.alt{background:var(--sky)}
.fee .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--ring)}
.fee .row:last-child{border-bottom:0}
.fee .row b{color:var(--slate);font-size:1.35rem}
.fee .tag{margin-bottom:6px}
.fee-note{font-size:.86rem;margin-top:20px;max-width:640px}

.niza .box{background:var(--slate);border-radius:48px;padding:80px 64px;color:#C9D3E3;position:relative;overflow:hidden}
.niza h2{color:var(--white);font-size:clamp(2rem,4vw,3rem);max-width:640px}
.niza .accent{color:#8FB3E6}
.niza .rule{background:var(--coral)}
.niza p{max-width:600px}
.niza .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;position:relative}
.niza .it{background:rgba(255,255,255,.06);border-radius:22px;padding:24px;transition:background .4s,transform .4s}
.niza .it:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.niza .it b{display:block;color:var(--white);font-weight:600;margin-bottom:4px}
.niza .it span{font-size:.88rem}
.niza .bigring{position:absolute;width:520px;height:520px;border-radius:50%;border:1.5px solid rgba(201,218,238,.18);right:-180px;top:-180px;animation:spin 50s linear infinite}
.niza .bigring::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--coral);left:50%;bottom:-9px}
.btn.light{background:var(--white);color:var(--slate)}
.btn.light:hover{background:var(--coral);color:var(--white)}
.btn.light .arrow{background:rgba(46,58,85,.1)}

.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.faq{display:flex;flex-direction:column;gap:14px}
.faq details{background:var(--white);border-radius:24px;padding:4px 28px;transition:box-shadow .4s}
.faq details[open]{box-shadow:0 24px 50px -30px rgba(46,58,85,.25)}
.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-weight:600;color:var(--slate);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:1.3rem;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--ring);transition:transform .35s,background .35s,color .35s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--accent);color:var(--white);box-shadow:none}
.faq details div{padding:0 0 24px}
.faq details p{margin-bottom:12px;font-size:.95rem}

@media (max-width:960px){
  .plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .plan.featured{transform:none;margin-top:10px}
  .plan.featured:hover{transform:translateY(-8px)}
  .faq-wrap{grid-template-columns:1fr;gap:10px}
  .niza .box{padding:60px 32px}
}
@media (max-width:720px){
  .duo,.fees,.niza .grid3{grid-template-columns:1fr}
  .niza .box{border-radius:32px}
  .fee{padding:28px 24px 20px}
  .faq details{padding:2px 20px}
}

.fee-alert{display:flex;gap:12px;align-items:flex-start;margin-top:14px;background:rgba(255,255,255,.65);border-radius:16px;padding:14px 16px;color:var(--slate)}
.fee-alert svg{flex:none;color:var(--accent);margin-top:2px}
.fee-alert p{font-size:.86rem;line-height:1.55}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{background:var(--white);border-radius:var(--radius);padding:36px 32px 30px;position:relative;display:flex;flex-direction:column;gap:22px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.quote:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(46,58,85,.25)}
.quote::before{content:"\201C";font-size:4.4rem;line-height:.6;color:var(--coral);font-weight:600;height:30px}
.quote blockquote{color:var(--slate);font-size:1rem;flex:1}
.quote figcaption{display:flex;flex-direction:column;font-size:.86rem;padding-top:18px;border-top:1px solid var(--ring)}
.quote figcaption b{color:var(--slate);font-size:.95rem}
@media (max-width:960px){.quotes{grid-template-columns:1fr;max-width:560px}}
