/* Componentes de las páginas interiores de servicio.
   Se cargan después de base.css y reutilizan sus variables. */

/* Cabecera de página interior: sustituye al film de la portada */
.page-hero{position:relative;z-index:2;padding:calc(var(--pad) + 78px) var(--pad) clamp(48px,7vh,86px);background:var(--ink-deep);border-bottom:1px solid var(--line-ink)}
.crumbs{display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:26px}
.crumbs a:hover{color:var(--signal);opacity:1}
.page-hero h1{font-size:clamp(34px,6vw,84px);max-width:17ch;margin-bottom:24px}
.page-hero h1 .mute{color:rgba(var(--rgb-paper),.5)}
.page-hero .sec-lede{max-width:60ch;margin-bottom:34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Tarjetas de tipo de proyecto / plataforma */
.pricing{display:grid;gap:18px;margin-top:34px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.price-card{border:1px solid var(--line-paper);border-radius:14px;padding:26px}
.sec-ink .price-card{border-color:var(--line-ink)}
.price-card h3{font-size:clamp(19px,2vw,24px);margin-bottom:10px}
.price-card p{font-size:15.5px;opacity:.78}
.price-card .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--signal);display:block;margin-bottom:14px}

/* Acordeón de preguntas */
.faq{margin-top:clamp(40px,6vh,68px);border-top:1px solid var(--line-ink)}
.sec-paper .faq{border-top-color:var(--line-paper)}
.faq details{border-bottom:1px solid var(--line-ink);padding:22px 0}
.sec-paper .faq details{border-bottom-color:var(--line-paper)}
.faq summary{cursor:pointer;font-family:var(--display);font-size:clamp(18px,2.1vw,25px);letter-spacing:-.02em;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--signal);font-family:var(--mono);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:14px;max-width:70ch;opacity:.8;font-size:16px}

/* Enlaces a otros servicios */
.next{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:clamp(38px,6vh,60px)}
.next a{border:1px solid var(--line-ink);border-radius:14px;padding:22px 24px;display:block;transition:border-color .4s var(--ease),background .4s var(--ease)}
.sec-paper .next a{border-color:var(--line-paper)}
.next a:hover{border-color:var(--signal);background:rgba(var(--rgb-signal),.06)}
.next b{display:block;font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
.next span{font-size:14.5px;opacity:.6}