/* Landing /arma-tu-pc. Usa las variables de variants.css (ya cargadas por global.css). */
.atp-hero{padding:3rem 0 2rem;background:radial-gradient(60rem 28rem at 85% -10%,rgba(0,118,255,.28),transparent 60%),linear-gradient(180deg,#0E0E10 0%,#15161a 100%)}
.atp-eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--acent-light);margin-bottom:.75rem}
.atp-h1{font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:0 0 1rem}
.atp-h2{font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0}
.atp-lead{font-size:1.15rem;line-height:1.6;opacity:.85;margin:0 0 1.5rem}
.atp-sub{font-size:1.05rem;opacity:.75;line-height:1.55;margin:.75rem 0 0}
.atp-cta-row{display:flex;flex-wrap:wrap;gap:.75rem}
.atp-cta-row.justify-center{justify-content:center}
.atp-btn{display:inline-block;padding:1rem 1.6rem;border-radius:.4rem;font-weight:700;font-size:1.05rem;text-decoration:none;transition:.25s ease;text-align:center}
.atp-btn-main{background:var(--acent-80);color:#fff!important;box-shadow:0 8px 24px rgba(0,118,255,.35)}
.atp-btn-main:hover{background:#1a86ff;transform:translateY(-1px)}
.atp-btn-ghost{background:transparent;color:#fff!important;border:2px solid var(--secondary-color-40)}
.atp-btn-ghost:hover{border-color:#fff}
.atp-micro{font-size:.9rem;opacity:.7;margin:.9rem 0 0}
.atp-micro i{color:var(--success);margin-right:.35rem}
.atp-hero-img{max-width:100%;width:26rem;height:auto;border-radius:1rem}
.atp-proof{list-style:none;padding:0;margin:2.5rem 0 0;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;border-top:1px solid var(--secondary-color-10);padding-top:1.5rem}
.atp-proof li{display:flex;flex-direction:column}
.atp-proof strong{font-size:1.6rem;line-height:1.1}
.atp-proof span{font-size:.85rem;opacity:.65}
.atp-sec{padding:4rem 0}
.atp-sec-alt{background:var(--complementary-gray)}
.atp-card{background:var(--complementary-gray);border:1px solid var(--secondary-color-10);border-radius:var(--br1);padding:1.5rem;display:block;color:#fff}
.atp-sec-alt .atp-card{background:#0E0E10}
.atp-card h3{margin:0 0 .5rem;font-size:1.15rem}
.atp-card p{margin:0;line-height:1.55;opacity:.8}
.atp-bridge{font-size:1.25rem;margin:2rem 0 0}
.atp-use{transition:.25s ease}
.atp-use:hover{border-color:var(--acent-80);transform:translateY(-2px)}
.atp-link{display:inline-block;margin-top:1rem;color:var(--acent-light);font-weight:700}
.atp-steps{counter-reset:none}
.atp-steps li{display:flex;gap:1.1rem;padding:1.25rem 0;border-bottom:1px solid var(--secondary-color-10)}
.atp-steps li:last-child{border-bottom:0}
.atp-num{flex:0 0 2.6rem;height:2.6rem;border-radius:50%;background:var(--acent-80);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.atp-steps h3{margin:.1rem 0 .3rem;font-size:1.2rem}
.atp-steps p{margin:0;line-height:1.55;opacity:.8}
.atp-stack{display:grid;grid-template-columns:1fr;gap:1rem}
@media (min-width:48em){.atp-stack{grid-template-columns:1fr 1fr}}
.atp-stack li{display:flex;gap:1rem;align-items:flex-start;background:var(--complementary-gray);border:1px solid var(--secondary-color-10);border-radius:var(--br1);padding:1.1rem 1.2rem}
.atp-stack i{color:var(--acent-light);font-size:1.3rem;width:1.6rem;text-align:center;margin-top:.15rem}
.atp-stack strong{display:block;font-size:1.05rem}
.atp-stack span{display:block;opacity:.75;line-height:1.5;margin-top:.15rem}
.atp-vs ul li{padding:.5rem 0;display:flex;gap:.7rem;line-height:1.45;opacity:.85}
.atp-vs ul i{margin-top:.25rem}
.atp-vs-us{border-color:var(--acent-80);box-shadow:0 0 0 1px var(--acent-80) inset}
.atp-vs-us i{color:var(--success)}
.atp-vs:not(.atp-vs-us) i{color:var(--secondary-color-40)}
.atp-avatar{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:var(--acent);color:#fff;font-weight:700}
.atp-faq{border-top:1px solid var(--secondary-color-10)}
.atp-faq .question{border-bottom:1px solid var(--secondary-color-10)}
.atp-faq .accordion{background:transparent;color:#fff;cursor:pointer;width:100%;border:0;text-align:left;outline:0;font-size:1.1rem}
.atp-faq .accordion:after{content:'\002B';float:right;margin-left:.5rem;font-weight:700}
.atp-faq .accordion.active:after{content:'\2212'}
.atp-faq .panel{max-height:0;overflow:hidden;transition:max-height .2s ease-out;opacity:.85}
.atp-final{padding:5rem 0;background:radial-gradient(50rem 22rem at 50% 0,rgba(0,118,255,.25),transparent 65%),#0E0E10}
.atp-ps{margin:2rem auto 0;max-width:34rem;opacity:.75;font-size:.95rem;line-height:1.5}
.h-featured-pc-card{min-width:270px}
.atp-sticky{display:none}
@media (max-width:59.99em){
  .atp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:999;padding:.6rem .75rem;background:rgba(14,14,16,.96);border-top:1px solid var(--secondary-color-10)}
  .atp-sticky .atp-btn{display:block;padding:.9rem 1rem}
  body{padding-bottom:4.5rem}
  .atp-sec{padding:3rem 0}
  .atp-hero{padding:2rem 0 1.5rem}
}
.atp-final .atp-lead{margin:1rem auto 1.5rem;text-align:center}