/* Punta de Caja — estilos específicos. No modifica los componentes del resto de XNET. */
html { scroll-behavior: smooth; }
body.pc-page { background:#020617; color:#fff; }
.pc-page .pc-container { max-width:1190px; }
.pc-page .pc-eyebrow { color:#25c7f7; font-size:12px; font-weight:800; letter-spacing:2.4px; text-transform:uppercase; display:inline-block; }
.pc-page h1, .pc-page h2, .pc-page h3, .pc-page p { margin-top:0; }
.pc-hero { position:relative; overflow:hidden; isolation:isolate; padding:145px 0 106px; min-height:740px; background:linear-gradient(100deg,rgba(2,6,23,.98) 7%,rgba(2,6,23,.94) 57%,rgba(2,6,23,.90)),url('../img/hero_tx.png') center center/cover no-repeat; }
.pc-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 83% 40%,rgba(20,100,240,.21),transparent 42%); pointer-events:none; }
.pc-hero-glow { position:absolute; width:420px; height:420px; background:rgba(1,152,255,.10); filter:blur(100px); border-radius:50%; right:-150px; top:145px; pointer-events:none; z-index:-1; }
.pc-breadcrumb { display:flex; align-items:center; gap:12px; color:#90a4c2; font-size:13px; font-weight:600; margin-bottom:57px; }
.pc-breadcrumb a { color:#95a9c4; text-decoration:none; transition:color .2s; }
.pc-breadcrumb a:hover, .pc-breadcrumb a:focus-visible { color:#4ecbff; }
.pc-breadcrumb [aria-current] { color:#e5f0ff; }
.pc-hero-row { min-height:480px; }
.pc-hero h1 { max-width:660px; margin:22px 0 25px; color:#fff; font-size:clamp(2.65rem,4.15vw,4.25rem); line-height:1.13; letter-spacing:-1.6px; font-weight:800; }
.pc-hero h1 > span { display:block; }
.pc-gradient-text { background:linear-gradient(96deg,#b9edff 4%,#59b9ff 58%,#5c83ff 98%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.pc-lead { max-width:590px; color:#c6d1e2; font-size:17px; line-height:1.88; margin:0 0 33px; }
.pc-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.pc-btn { min-height:51px; display:inline-flex; justify-content:center; align-items:center; gap:24px; padding:13px 24px; border-radius:100px; text-decoration:none; font-size:14px; font-weight:700; transition:background .25s,box-shadow .25s,transform .25s,border .25s; }
.pc-btn:hover { transform:translateY(-2px); }
.pc-btn:focus-visible { outline:3px solid #9ee6ff; outline-offset:4px; }
.pc-btn-primary { color:#021325; background:#8bdcff; border:1px solid #8bdcff; box-shadow:0 9px 35px rgba(46,157,227,.2); }
.pc-btn-primary:hover { color:#031b2e; background:#b0eaff; border-color:#b0eaff; box-shadow:0 10px 42px rgba(46,157,227,.34); }
.pc-btn-outline { color:#fff; border:1px solid rgba(195,218,253,.32); background:rgba(255,255,255,.025); }
.pc-btn-outline:hover { color:#fff; border-color:#77caff; background:rgba(116,187,255,.08); }
.pc-highlights { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:33px; color:#a9bdd3; font-size:12px; }
.pc-highlights > span { display:inline-flex; align-items:center; gap:9px; }
.pc-dot { width:6px;height:6px;background:#56c4ff;border-radius:50%;box-shadow:0 0 9px #56c4ff; }
.pc-process-panel { position:relative; border:1px solid rgba(137,174,255,.20); border-radius:27px; background:linear-gradient(152deg,rgba(22,31,60,.94),rgba(7,14,35,.98)); box-shadow:0 32px 75px rgba(0,0,0,.45),0 0 80px rgba(44,107,229,.09); padding:26px 29px 22px; max-width:500px; margin-left:auto; transform:rotate(.5deg); }
.pc-process-panel::after { content:''; position:absolute; pointer-events:none; border-radius:27px; inset:0; background:linear-gradient(135deg,rgba(105,194,255,.055),transparent 52%); }
.pc-panel-top { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:15px; padding-bottom:24px; border-bottom:1px solid rgba(190,216,248,.09); }
.pc-panel-mark { font-size:13px; font-weight:900; letter-spacing:.8px; }
.pc-panel-mark > span:first-child { color:#5ed4ff; font-size:18px; margin-right:6px; }
.pc-panel-mark-secondary { color:#a8b8d3; font-size:12px; font-weight:500; letter-spacing:0; margin-left:6px; }
.pc-panel-chip { display:inline-flex; border:1px solid rgba(106,191,255,.20); background:rgba(22,98,168,.18); padding:7px 11px; border-radius:50px; color:#99dcff; font-size:11px; font-weight:600; }
.pc-panel-heading { color:#eff6ff; font-size:21px; font-weight:750; line-height:1.4; padding:27px 0 23px; }
.pc-process-list { padding:0 0 7px; }
.pc-process-row { display:flex; align-items:center; gap:15px; min-height:51px; border:1px solid rgba(153,184,225,.08); border-radius:13px; padding:10px 14px; background:rgba(255,255,255,.03); }
.pc-process-number { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:9px; color:#9cddff; background:rgba(66,155,226,.16); font-size:11px; font-weight:800; }
.pc-process-label { flex:1; color:#f0f4fc; font-size:13px; font-weight:650; }
.pc-process-check { color:#8de7c4; font-weight:800; font-size:15px; }
.pc-process-line { width:1px;height:13px;background:linear-gradient(#5b9cdf,transparent);margin-left:28px; }
.pc-panel-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:17px; padding-top:17px; border-top:1px solid rgba(190,216,248,.09); }
.pc-panel-status { color:#9bb5cd; display:inline-flex; align-items:center;gap:9px;font-size:11px;font-weight:600; }
.pc-status-pulse { display:inline-block;width:7px;height:7px;background:#6df0c2;border-radius:50%;box-shadow:0 0 12px rgba(109,240,194,.65); }
.pc-panel-deco { color:#7284ad; letter-spacing:4px; }
.pc-section { padding:105px 0; }
.pc-section-intro { text-align:center; max-width:660px; margin:0 auto 51px; }
.pc-section-intro h2, .pc-cap-heading h2 { color:#fff; font-size:clamp(2.2rem,3.4vw,3rem); font-weight:800; letter-spacing:-1px; line-height:1.2; margin:13px 0 17px; }
.pc-section-intro p, .pc-cap-heading p { color:#aebdd2; font-size:16px; line-height:1.8; margin:0; }
.pc-how { background:#050c1c; scroll-margin-top:74px; }
.pc-step-card { height:100%; min-height:263px; border:1px solid rgba(159,186,229,.10); border-radius:23px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); padding:31px; transition:border-color .3s,transform .3s,box-shadow .3s; }
.pc-step-card:hover { transform:translateY(-6px); border-color:rgba(84,178,255,.5); box-shadow:0 24px 55px rgba(0,0,0,.22); }
.pc-step-top { display:flex;justify-content:space-between;align-items:start;margin-bottom:26px; }
.pc-step-index { font-size:14px;color:#52c8ff;letter-spacing:1.2px;font-weight:800; }
.pc-step-symbol { color:#88d7ff; font-size:30px;line-height:1;opacity:.85; }
.pc-step-card h3 { font-size:22px;font-weight:750;color:#fff;margin-bottom:13px;line-height:1.3; }
.pc-step-card p { font-size:14.5px;color:#b9c6d7;line-height:1.85;margin-bottom:0; }
.pc-capabilities { background:#020617; }
.pc-cap-heading { margin-bottom:37px; }
.pc-cap-heading p { max-width:375px; margin-left:auto; }
.pc-cap-item { display:flex; gap:17px; align-items:flex-start; height:100%; min-height:141px; padding:26px 21px; border:1px solid rgba(154,177,222,.12); border-radius:19px; background:rgba(255,255,255,.035); transition:background .25s,border-color .25s; }
.pc-cap-item:hover { background:rgba(29,66,122,.16);border-color:rgba(83,177,255,.45); }
.pc-cap-icon { display:grid;place-items:center;flex:0 0 40px;height:40px;color:#7fd1ff; background:rgba(69,160,230,.12);border-radius:13px;font-size:24px; }
.pc-cap-item h3 { font-size:16px;color:#fff;font-weight:750;margin:2px 0 8px;line-height:1.3; }
.pc-cap-item p { color:#a8b9ce;font-size:13px;line-height:1.6;margin:0; }
.pc-benefits { background:linear-gradient(175deg,#071127,#040a18 90%);padding-bottom:91px; }
.pc-benefit { border-top:1px solid rgba(159,186,229,.18);padding:23px 6px 5px;position:relative; }
.pc-benefit-line { position:absolute;top:-1px;left:0;width:56px;height:2px;background:#48c7ff; }
.pc-benefit h3 { color:#fff;font-size:21px;font-weight:750;margin:0 0 11px; }
.pc-benefit p { color:#b8c7d8;font-size:14px;line-height:1.8;max-width:320px; }
.pc-sector-strip { margin-top:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:26px 0;border-top:1px solid rgba(142,176,227,.14);border-bottom:1px solid rgba(142,176,227,.14); }
.pc-sector-label { color:#65bdf5;font-weight:800;letter-spacing:2px;font-size:11px;white-space:nowrap; }
.pc-sector-list { display:flex;gap:11px;flex-wrap:wrap; }
.pc-sector-list span { display:inline-flex;padding:10px 16px;border-radius:50px;border:1px solid rgba(144,177,226,.18);color:#c4d0e4;font-size:13px; }
.pc-final-cta { padding:0 0 37px; background:#040a18; }
.pc-cta-box { display:flex;justify-content:space-between;align-items:center;gap:36px;padding:48px 56px;border:1px solid rgba(98,160,244,.3);border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(20,123,219,.24),transparent 45%),linear-gradient(110deg,#102043,#0c1735 78%); }
.pc-cta-box h2 { color:#fff;font-weight:800;font-size:clamp(1.85rem,2.65vw,2.7rem);letter-spacing:-.8px;line-height:1.25;margin:12px 0 13px;max-width:630px; }
.pc-cta-box p { color:#b8cadf;font-size:15px;line-height:1.7;margin:0; }
.pc-cta-button { white-space:nowrap;flex:0 0 auto; }
.pc-bottom-links { margin-top:33px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#6f839e;font-size:12px; }
.pc-bottom-links a { color:#a6bbd4;text-decoration:none; }
.pc-bottom-links a:hover { color:#68caff; }
@media (max-width:991px) {
 .pc-hero { padding:120px 0 76px; }
 .pc-breadcrumb { margin-bottom:48px; }
 .pc-hero-row { min-height:unset; }
 .pc-process-panel { max-width:620px; margin:0 auto; transform:none; }
 .pc-cap-heading p { max-width:650px; margin:0; }
 .pc-section { padding:76px 0; }
 .pc-cta-box { padding:36px; }
}
@media (max-width:767px) {
 .pc-hero { padding:109px 0 65px; }
 .pc-breadcrumb { margin-bottom:39px; font-size:12px; }
 .pc-hero h1 { font-size:clamp(2.35rem,8vw,3.2rem);letter-spacing:-1px; }
 .pc-lead { font-size:15px;line-height:1.75; }
 .pc-panel-heading { font-size:19px; }
 .pc-process-panel { padding:23px 19px 20px;border-radius:19px; }
 .pc-section { padding:65px 0; }
 .pc-section-intro { margin-bottom:38px; }
 .pc-step-card { min-height:unset; padding:27px; }
 .pc-cap-item { min-height:120px; }
 .pc-sector-strip { margin-top:48px; }
 .pc-cta-box { flex-direction:column; align-items:flex-start; gap:23px; padding:34px 25px; }
 .pc-bottom-links { flex-wrap:wrap; }
}
@media (max-width:440px) {
 .pc-hero-actions { display:grid; grid-template-columns:1fr; }
 .pc-btn { width:100%; }
 .pc-hero h1 { font-size:2.28rem; }
 .pc-panel-top { align-items:flex-start; }
 .pc-panel-mark-secondary { display:block;margin-left:0;margin-top:4px; }
 .pc-cta-button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .pc-page *, .pc-page *::before, .pc-page *::after { transition:none !important; animation:none !important; }
}