/* Infinite3D · páginas de servicio (mismo sistema visual que la portada) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--tinta:#07080a;--placa:#0d0f13;--placa-alta:#13161b;--linea:rgba(255,255,255,.075);--linea-fuerte:rgba(255,255,255,.16);
--naranja:#ff5a1f;--brasa:#ff9345;--hueso:#f3f1ec;--hueso-70:rgba(243,241,236,.70);--hueso-50:rgba(243,241,236,.50);--verde:#25d366;
--display:'Bebas Neue','Arial Narrow',sans-serif;--texto:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--margen:clamp(1.15rem,5vw,4rem)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--tinta);color:var(--hueso);font-family:var(--texto);font-size:1.02rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--brasa);text-underline-offset:3px}a:hover{color:var(--naranja)}
img{max-width:100%;height:auto;display:block}
.cont{width:min(1100px,100% - 2*var(--margen));margin-inline:auto}
.cont-e{width:min(780px,100% - 2*var(--margen));margin-inline:auto}
/* barra superior */
header.top{position:sticky;top:0;z-index:20;background:rgba(7,8,10,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
header.top .cont{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.marca{font-family:var(--display);font-size:1.7rem;letter-spacing:.06em;color:var(--hueso);text-decoration:none;line-height:1}
.marca b{color:var(--naranja);font-weight:400}
nav.menu{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
nav.menu a{color:var(--hueso-70);text-decoration:none;font-size:.9rem;font-weight:600}
nav.menu a:hover,nav.menu a[aria-current]{color:var(--naranja)}
@media(max-width:820px){nav.menu a.sec{display:none}}
/* botones */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:4px;font-weight:700;font-size:.95rem;text-decoration:none;border:1px solid transparent;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-p{background:var(--naranja);color:#fff}.btn-p:hover{background:#ff7340;color:#fff}
.btn-wa{background:var(--verde);color:#062b12}.btn-wa:hover{background:#3ee07c;color:#062b12}
.btn-s{border-color:var(--linea-fuerte);color:var(--hueso)}.btn-s:hover{border-color:var(--naranja);color:var(--naranja)}
/* portada de la página */
.portada{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem);background:radial-gradient(900px 400px at 85% -10%,rgba(255,90,31,.14),transparent 70%)}
.rotulo{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--naranja);font-weight:700;margin-bottom:.9rem}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.8rem,8vw,5.4rem);line-height:.95;letter-spacing:.015em;margin-bottom:1.3rem}
h1 em{font-style:normal;color:var(--naranja)}
.entradilla{font-size:clamp(1.05rem,2.2vw,1.22rem);color:var(--hueso-70);max-width:62ch;margin-bottom:1.8rem}
.botones{display:flex;gap:.8rem;flex-wrap:wrap}
.dato-fila{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:2rem;color:var(--hueso-50);font-size:.9rem}
.dato-fila strong{color:var(--hueso)}
/* secciones */
section{padding:clamp(2.4rem,6vw,4.2rem) 0;border-top:1px solid var(--linea)}
h2{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5vw,3rem);letter-spacing:.02em;line-height:1;margin-bottom:1rem}
h2 em{font-style:normal;color:var(--naranja)}
h3{font-size:1.08rem;font-weight:700;margin-bottom:.4rem}
p+p{margin-top:.9rem}
.lead{color:var(--hueso-70);max-width:66ch;margin-bottom:1.6rem}
.rejilla{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tarjeta{background:var(--placa);border:1px solid var(--linea);border-radius:14px;padding:1.4rem}
.tarjeta p{color:var(--hueso-70);font-size:.95rem}
.tarjeta .precio{font-family:var(--display);font-size:2.6rem;color:var(--naranja);line-height:1;margin:.3rem 0 .5rem}
.tarjeta .etiqueta{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,90,31,.15);color:var(--brasa);padding:.2rem .6rem;border-radius:99px;margin-bottom:.6rem}
.pasos{list-style:none;counter-reset:p;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.pasos li{counter-increment:p;background:var(--placa);border:1px solid var(--linea);border-radius:14px;padding:1.3rem}
.pasos li::before{content:counter(p,decimal-leading-zero);font-family:var(--display);font-size:2rem;color:var(--naranja);display:block;line-height:1;margin-bottom:.4rem}
.pasos li p{color:var(--hueso-70);font-size:.94rem}
table{width:100%;border-collapse:collapse;font-size:.94rem;background:var(--placa);border-radius:14px;overflow:hidden}
th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hueso-50);background:var(--placa-alta)}
td:first-child{font-weight:700;white-space:nowrap}
td{color:var(--hueso-70)}tr:last-child td{border-bottom:0}
.tabla-scroll{overflow-x:auto;border-radius:14px;border:1px solid var(--linea)}
.galeria{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--linea)}
.lista-check{list-style:none;display:grid;gap:.5rem;margin:1rem 0}
.lista-check li{padding-left:1.7rem;position:relative;color:var(--hueso-70)}
.lista-check li::before{content:"";position:absolute;left:0;top:.55em;width:.9rem;height:2px;background:var(--naranja)}
details{background:var(--placa);border:1px solid var(--linea);border-radius:12px;padding:0 1.2rem;margin-bottom:.7rem}
summary{cursor:pointer;font-weight:700;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--naranja);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details p{color:var(--hueso-70);padding-bottom:1.1rem;font-size:.97rem}
.cierre{text-align:center;background:radial-gradient(700px 300px at 50% 100%,rgba(255,90,31,.16),transparent 70%)}
.cierre .botones{justify-content:center}
.dividido{display:grid;gap:2rem;grid-template-columns:1.1fr .9fr;align-items:center}
@media(max-width:820px){.dividido{grid-template-columns:1fr}}
.dividido img{border-radius:14px;border:1px solid var(--linea);width:100%}
.migas{font-size:.82rem;color:var(--hueso-50);margin-bottom:1.2rem}.migas a{color:var(--hueso-50)}
footer.pie{border-top:1px solid var(--linea);padding:2.2rem 0 3rem;color:var(--hueso-50);font-size:.88rem}
footer.pie .cols{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.6rem}
footer.pie h4{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hueso);margin-bottom:.6rem}
footer.pie ul{list-style:none;display:grid;gap:.35rem}footer.pie a{color:var(--hueso-50);text-decoration:none}footer.pie a:hover{color:var(--naranja)}
.aviso{font-size:.78rem;color:var(--hueso-50);max-width:80ch}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Resumen (respuesta directa al inicio) y fecha */
.resumen{margin-top:2rem;padding:1.1rem 1.3rem;border-left:3px solid var(--naranja);background:var(--placa);border-radius:0 12px 12px 0;max-width:72ch}
.resumen strong{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--naranja);margin-bottom:.35rem}
.resumen p{color:var(--hueso-70);font-size:.97rem;margin:0}
.actualizado{margin-top:1rem;font-size:.78rem;color:var(--hueso-50)}