.case-card{isolation:isolate;overflow:hidden;background-size:cover;background-position:center;box-shadow:inset 0 -80px 90px #06101ddd}
.case-card>*{position:relative;z-index:2}
.case-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#06101d6b 0%,#06101dd9 61%,#06101df8 100%);transition:.3s}
.case-card:after{content:"";position:absolute;z-index:1;inset:auto -25% -55% 20%;height:170px;border-radius:50%;background:radial-gradient(circle,var(--case-glow,#20d5ff66),transparent 70%);transition:.3s}
.case-card:nth-child(1){--case-glow:#f5c51866;background-image:url('assets/categories/arquitectura.jpg')}
.case-card:nth-child(2){--case-glow:#20d5ff77;background-image:url('assets/categories/ingenieria.jpg');background-position:35% center}
.case-card:nth-child(3){--case-glow:#7193ff66;background-image:url('assets/categories/estudio-oficina.jpg')}
.case-card:nth-child(4){--case-glow:#ad4dff88;background-image:url('assets/categories/gaming.jpg')}
.case-card:nth-child(5){--case-glow:#ff9b3d77;background-image:url('assets/categories/remate-open-box.webp');background-position:60% center}
.case-grid{grid-template-columns:repeat(5,1fr)}
.case-card:hover:before{background:linear-gradient(180deg,#06101d44 0%,#06101dc4 58%,#06101df0 100%)}
.case-card:hover:after{transform:scale(1.12)}
.case-card h3,.case-card p,.case-card b{text-shadow:0 2px 8px #000}
.case-card i{background:#0a2033d9;backdrop-filter:blur(8px)}
.services{max-width:var(--max);margin:auto;padding:70px 24px 85px;border-top:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-card{position:relative;overflow:hidden;min-height:280px;padding:25px;border:1px solid var(--line);border-radius:16px;background-color:#081522;background-position:center;background-size:cover;background-repeat:no-repeat;transition:.25s}
.service-card.remote{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/formateo-remoto.webp")}
.service-card.update{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/accesorios-perifericos.webp")}
.service-card.optimize{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/optimizacion.webp")}
.service-card.repair{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/servicio-tecnico.webp")}
.service-card.battery{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/baterias.webp")}
.service-card.charger{background-image:linear-gradient(90deg,#071522f2 0%,#071522d9 45%,#07152278 100%),url("assets/services/cargadores.webp")}
.service-card:before{content:"";position:absolute;inset:auto -25% -55% 35%;height:220px;border-radius:50%;background:radial-gradient(circle,var(--service-glow,#1fcbff33),transparent 70%)}
.service-card:hover{transform:translateY(-5px);border-color:#2d7899;box-shadow:0 18px 45px #0005}
.service-card>*{position:relative}.service-card i{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#123148;color:var(--cyan);font-style:normal;font-size:26px;box-shadow:inset 0 0 20px #20d5ff18}.service-number{position:absolute;right:20px;top:20px;color:#416278;font:700 13px Space Grotesk;letter-spacing:.12em}.service-card h3{font:700 21px Space Grotesk;margin:25px 0 10px}.service-card p{min-height:68px;color:var(--muted);font-size:13px;line-height:1.65}.service-card a{display:inline-block;margin-top:16px;color:var(--cyan);font-size:12px;font-weight:800;text-decoration:none}.update{--service-glow:#6d8cff55}.optimize{--service-glow:#25da8a55}.repair{--service-glow:#ff8a3d44}.battery{--service-glow:#c4e54b44}.charger{--service-glow:#a855f744}
.service-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:18px;padding:22px 25px;border:1px solid #27617b;border-radius:15px;background:linear-gradient(90deg,#0e2638,#101d35)}.service-cta span{display:block;color:var(--muted);font-size:12px}.service-cta strong{display:block;margin-top:4px;font:700 19px Space Grotesk}.service-cta a{flex:none;padding:13px 18px;border-radius:9px;background:linear-gradient(135deg,var(--cyan),#3888ff);color:#03111c;text-decoration:none;font-weight:800}
@media(max-width:900px){.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.case-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr}.services{padding:58px 16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px;background-position:center}.service-card p{min-height:auto}.service-cta{align-items:stretch;flex-direction:column}.service-cta a{text-align:center}}
.os-chip{color:#04131e!important;background:linear-gradient(135deg,#20d5ff,#55e6b2)!important;border-color:transparent!important;font-weight:800}
.social-footer{max-width:var(--max);margin:0 auto 80px;padding:38px 24px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#091827,#0d2033);border-radius:18px}.social-copy{display:flex;align-items:center;gap:20px}.social-copy>img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 18px #20d5ff55)}.social-copy h2{margin:7px 0 3px;font:700 28px Space Grotesk}.social-copy p{margin:0;color:var(--muted)}.social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.social-links a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0b1a29;color:white;text-decoration:none;font-weight:700;transition:.2s}.social-links a:hover{transform:translateY(-3px);border-color:var(--cyan)}.social-links img{width:34px;height:34px;object-fit:contain}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-bottom a{color:var(--cyan);text-decoration:none;font-weight:800}
@media(max-width:700px){.social-footer{margin:0 16px 78px;padding:26px 18px}.social-copy>img{width:62px;height:62px}.social-copy h2{font-size:22px}.social-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:10px;flex-direction:column}}

.charger-catalog[hidden]{display:none}.charger-catalog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}.charger-backdrop{position:absolute;inset:0;background:#020712e8;backdrop-filter:blur(8px)}.charger-panel{position:relative;width:min(1240px,100%);max-height:94vh;overflow:auto;padding:28px;border:1px solid #2b5b78;border-radius:20px;background:#071421;box-shadow:0 28px 80px #000b}.charger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.charger-head h2{margin:7px 0 4px;font:700 clamp(28px,4vw,44px) Space Grotesk}.charger-head p{margin:0;color:var(--muted);font-size:14px}.charger-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:18px 20px;border:1px solid #27718e;border-radius:14px;background:linear-gradient(120deg,#0c2638,#101d35)}.charger-help strong,.charger-help span{display:block}.charger-help strong{margin-bottom:5px;font:700 18px Space Grotesk}.charger-help span{max-width:760px;color:#abc0d0;font-size:14px;line-height:1.5}.charger-help a,.charger-item a{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#20c96b;color:#03170c;text-decoration:none;font-weight:800}.charger-help a{flex:none;padding:12px 17px}.charger-controls{position:sticky;top:-28px;z-index:5;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:10px;padding:13px 0;background:#071421f5;backdrop-filter:blur(12px)}.charger-controls label{display:grid;gap:5px;color:#86a0b3;font-size:12px}.charger-controls input,.charger-controls select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;outline:0;background:#0b1d2d;color:white}.charger-controls input:focus,.charger-controls select:focus{border-color:var(--cyan)}.charger-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.charger-item{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#0d2031,#091624)}.charger-photo{height:175px;background:white;display:grid;place-items:center}.charger-photo img{width:100%;height:100%;object-fit:contain}.charger-info{padding:15px}.charger-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cyan);font-size:11px;letter-spacing:.08em}.charger-meta b{padding:5px 7px;border-radius:6px;background:#153149}.charger-item h3{min-height:48px;margin:11px 0 7px;font:700 15px/1.45 Space Grotesk}.charger-item p{margin:0;color:var(--muted);font-size:12px}.charger-item a{width:100%;margin-top:14px;padding:11px;font-size:13px}.charger-empty{grid-column:1/-1;padding:55px 20px;text-align:center;color:var(--muted)}.charger-load{display:block;margin:25px auto 0;padding:12px 24px;border:1px solid #31546d;border-radius:9px;background:#102235;color:white;font-weight:800;cursor:pointer}.charger-note{text-align:center;margin:24px 0 0;color:#7892a6;font-size:12px}
@media(max-width:1000px){.charger-grid{grid-template-columns:repeat(3,1fr)}.charger-controls{grid-template-columns:1fr 1fr;top:-28px}}
@media(max-width:700px){.charger-catalog{padding:0}.charger-panel{width:100%;height:100%;max-height:none;border:0;border-radius:0;padding:20px 15px}.charger-help{align-items:stretch;flex-direction:column}.charger-controls{position:static;grid-template-columns:1fr}.charger-grid{grid-template-columns:1fr 1fr}.charger-photo{height:150px}.charger-item h3{min-height:auto}.charger-head .close{flex:none}}
@media(max-width:480px){.charger-grid{grid-template-columns:1fr}.charger-photo{height:210px}}

.accessory-controls{position:sticky;top:-28px;z-index:5;display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:24px;padding:13px 0;background:#071421f5;backdrop-filter:blur(12px)}.accessory-controls label{display:grid;gap:5px;color:#86a0b3;font-size:12px}.accessory-controls input,.accessory-controls select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;outline:0;background:#0b1d2d;color:#fff}.accessory-controls input:focus,.accessory-controls select:focus{border-color:var(--cyan)}.accessory-item{display:flex;min-width:0;flex-direction:column;background:#091725}.accessory-item .charger-photo{box-sizing:border-box;flex:0 0 220px;height:220px;overflow:hidden;padding:16px;background:#fff}.accessory-item .charger-photo img{display:block;width:auto!important;height:auto!important;max-width:82%!important;max-height:82%!important;object-fit:contain!important}.accessory-item .charger-info{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;padding:16px;background:#091725;color:#fff}.accessory-item .charger-meta{color:#20d5ff}.accessory-item h3{min-height:66px;color:#fff}.accessory-item .charger-info>a{margin-top:auto}.accessory-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:11px 0 14px}.accessory-price strong{color:#fff;font:800 20px Space Grotesk}.accessory-price span{color:#57d99a;font-size:11px;font-weight:700}
.shipping-proof{max-width:var(--max);margin:0 auto;padding:20px 24px 70px}.shipping-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;padding:34px;border:1px solid #28718d;border-radius:20px;background:radial-gradient(circle at 90% 20%,#1e7da744,transparent 34%),linear-gradient(135deg,#0b2234,#091725);box-shadow:0 22px 55px #0005}.shipping-card:after{content:"PERÚ";position:absolute;right:-18px;bottom:-26px;color:#20d5ff0d;font:800 104px Space Grotesk;letter-spacing:.08em}.shipping-copy,.shipping-actions{position:relative;z-index:1}.shipping-copy h2{margin:8px 0 10px;font:700 clamp(28px,4vw,44px) Space Grotesk}.shipping-copy p{max-width:700px;margin:0;color:#a8bdcc;font-size:15px;line-height:1.65}.shipping-actions{display:grid;gap:11px}.shipping-actions a{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:10px;text-align:center;text-decoration:none;font-weight:800}.shipping-tiktok{background:linear-gradient(135deg,#20d5ff,#ff335c);color:#07111f}.shipping-wa{border:1px solid #29ca70;color:#53e596;background:#0a241b}
@media(max-width:700px){.accessory-controls{position:static;grid-template-columns:1fr}.shipping-proof{padding:8px 16px 55px}.shipping-card{grid-template-columns:1fr;padding:25px 20px}.shipping-actions a{width:100%}.shipping-card:after{font-size:70px}.accessory-item h3{min-height:auto}}

/* Catálogo de accesorios: tarjetas y fotografías compactas y uniformes */
#accessoryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.accessory-item .charger-photo{flex-basis:160px;height:160px;padding:15px}.accessory-item .charger-photo img{width:130px!important;height:130px!important;max-width:130px!important;max-height:130px!important;object-fit:contain!important}.accessory-item .charger-info{padding:12px}.accessory-item .charger-meta{font-size:10px}.accessory-item h3{min-height:54px;margin:9px 0 4px;font-size:13px;line-height:1.38}.accessory-price{margin:8px 0 11px}.accessory-price strong{font-size:18px}.accessory-item .charger-info>a{padding:9px 7px;font-size:12px}
@media(max-width:1100px){#accessoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#accessoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#accessoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.accessory-item .charger-photo{flex-basis:145px;height:145px}.accessory-item .charger-photo img{width:115px!important;height:115px!important;max-width:115px!important;max-height:115px!important}}
@media(max-width:390px){#accessoryGrid{grid-template-columns:1fr}}