@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");
/* Páginas internas multipágina: reutilizan la identidad y componentes globales. */
html { animation: cpx-page-in .3s ease both; }
html.cpx-page-leaving { opacity: 0; transform: translateY(4px); transition: opacity .14s ease, transform .14s ease; }
.internal-main { width:100%; max-width:100%; min-width:0; overflow: hidden; }
.internal-hero { position: relative; min-height: 72vh; display: grid; align-items: center; padding: 145px 0 80px; background: #04090d; }
.internal-hero::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 72% 46%,rgba(0,140,255,.17),transparent 32%), linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:auto,72px 72px,72px 72px; }
.internal-hero__copy { position:relative; z-index:2; max-width:900px; }
.internal-back { display:inline-flex; gap:8px; margin-bottom:34px; color:#8da0aa; font-size:.78rem; }
.internal-back:hover { color:var(--cyan-soft); }
.internal-hero h1 { max-width:100%; margin:0; font-family:var(--font-display); font-size:clamp(3.5rem,9vw,7.5rem); line-height:.88; letter-spacing:-.075em; overflow-wrap:break-word; word-break:normal; }
.internal-hero__lead { max-width:720px; margin:28px 0 0; color:#a3b3bc; font-size:clamp(1rem,1.6vw,1.2rem); line-height:1.75; }
.internal-content { padding:clamp(75px,10vw,125px) 0; }
.internal-heading { max-width:750px; margin-bottom:48px; }
.internal-heading h2 { margin:0; font-family:var(--font-display); font-size:clamp(2.5rem,5vw,4.4rem); line-height:1; letter-spacing:-.06em; }
.internal-heading p { color:var(--muted); line-height:1.7; }
.internal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.internal-card { min-height:220px; padding:27px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(24,217,230,.015)); }
.internal-card span { color:var(--cyan); font-size:.65rem; letter-spacing:.12em; }
.internal-card h3 { margin:38px 0 10px; font-family:var(--font-display); font-size:1.25rem; }
.internal-card p { margin:0; color:#81949e; font-size:.82rem; line-height:1.6; }
.internal-process { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:65px; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:var(--line); }
.internal-process div { padding:27px; background:#071017; }
.internal-process b { display:block; color:var(--cyan); font-size:.7rem; }
.internal-process strong { display:block; margin:28px 0 9px; }
.internal-process p { margin:0; color:#758892; font-size:.76rem; line-height:1.55; }
.internal-cta { padding:90px 0; text-align:center; background:radial-gradient(circle at 50% 50%,rgba(0,140,255,.12),transparent 45%),#03080c; }
.internal-cta h2 { margin:0 auto 26px; max-width:850px; font-family:var(--font-display); font-size:clamp(2.5rem,6vw,5rem); letter-spacing:-.065em; }
.internal-sound { position:fixed; z-index:850; left:18px; bottom:18px; }
article.cpx-project-card { cursor: default; }
.nav-solutions { position:relative; }
.nav-solutions summary { list-style:none; cursor:pointer; color:#a7b5bd; font-size:.82rem; }
.nav-solutions summary::-webkit-details-marker { display:none; }
.nav-solutions__menu { position:absolute; top:34px; left:50%; width:260px; padding:10px; transform:translateX(-50%); border:1px solid var(--line); border-radius:15px; background:#071219; box-shadow:var(--shadow); }
.nav-solutions__menu a { display:block; padding:10px 12px; border-radius:9px; color:#91a3ad; font-size:.75rem; }
.nav-solutions__menu a:hover,.nav-solutions__menu a[aria-current="page"] { color:#fff; background:rgba(24,217,230,.08); }
@keyframes cpx-page-in { from { opacity:0; transform:translateY(7px); } }
@media(max-width:880px){.internal-grid{grid-template-columns:1fr 1fr}.internal-process{grid-template-columns:1fr 1fr}.nav-solutions{width:100%}.nav-solutions summary{font-family:var(--font-display);font-size:2rem}.nav-solutions__menu{position:static;width:100%;margin-top:10px;transform:none;box-shadow:none}.nav-solutions__menu a{font-size:.9rem}.internal-hero{min-height:65vh}}
@media(max-width:620px){.internal-hero{padding:115px 0 65px}.internal-hero h1{font-size:clamp(2.55rem,13vw,4rem);line-height:.94}.internal-grid,.internal-process{grid-template-columns:minmax(0,1fr)}.internal-card{width:100%;max-width:100%;min-width:0;min-height:190px}.internal-sound{left:max(15px,env(safe-area-inset-left));bottom:max(80px,calc(env(safe-area-inset-bottom) + 64px))}}
@media(prefers-reduced-motion:reduce){html{animation:none}.cpx-page-leaving{transform:none!important}.internal-hero::before{background:#04090d}}