/* Ajustes comprobados de la entrega B: móvil, tableta y escritorio. */
.nav-links {display:flex;align-items:center;gap:inherit;min-width:0}
.menu-toggle {display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:none;border:0;color:var(--ink)}
.menu-toggle svg {width:22px;height:22px;stroke:currentColor;stroke-width:1.25;fill:none}
.menu-toggle .menu-close,.menu-toggle[aria-expanded=true] .menu-open {display:none}
.menu-toggle[aria-expanded=true] .menu-close {display:block}
.service-item summary {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;flex-wrap:nowrap}
.service-item summary h3 {min-width:0}
.service-item summary::after {margin:0;width:20px;text-align:center;align-self:center}
.hero-b .hero-bottom>div {width:100%}
.view-contacto {min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.view-contacto main {width:100%;flex:1}
.view-contacto .site-header,.view-contacto .footer {width:100%}
.contact-demo-note + .contact-actions {margin-top:16px}

@media (min-width:701px) and (max-width:960px) {
  .home-header {align-items:center;flex-wrap:nowrap;gap:20px}
  .home-header nav {min-width:0;flex:0 1 auto;gap:14px}
  .home-header .nav-links {gap:14px}
  .home-header nav a {font-size:13px;white-space:nowrap}
  .hero-b {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto 1fr;gap:0 28px}
  .hero-b h1 {grid-column:1/-1;grid-row:1;max-width:24ch;margin-bottom:32px}
  .hero-b .hero-bottom {grid-column:1;grid-row:2;gap:20px}
  .hero-b .klein-figure {grid-column:2;grid-row:2;align-self:start;margin:0;padding:16px}
  .hero-b .lead {font-size:19px}
  .hero-b .actions {gap:12px;align-items:flex-start;flex-direction:column}
  .hero-b .actions .button {width:auto}
}
@media (min-width:961px) and (max-width:1100px) {
  .hero-b h1 {font-size:clamp(40px,4.15vw,46px)}
}
@media (max-width:700px) {
  .home-header {display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;align-items:center;gap:0 6px;padding-block:16px}
  .home-header .brand-original {grid-column:1;grid-row:1;justify-self:start;gap:10px}
  .home-header .brand-original svg {width:36px}
  .home-header .brand-original-word {font-size:24px}
  .home-header nav {display:contents}
  .home-header .theme-switch {grid-column:3;grid-row:1}
  .home-header .menu-toggle {grid-column:2;grid-row:1}
  .home-header .nav-links {grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
  .home-header .nav-links a {font-size:14px;min-height:48px}
  .menu-ready .home-header .menu-toggle {display:inline-flex}
  .menu-ready .home-header .nav-links {display:none}
  .menu-ready .home-header .menu-toggle[aria-expanded=true] + .nav-links {display:grid}
  .hero-b {padding-top:36px}
  .hero-b h1 {font-size:clamp(36px,7.7vw,48px);line-height:1.12;text-wrap:balance;max-width:22ch}
  .hero-title-line {display:inline}
  .hero-b .klein-figure {width:min(100%,420px);align-self:center;padding:16px}
  .method-list li {grid-template-columns:24px minmax(0,1fr);gap:10px 16px;padding-block:24px}
  .method-list .number {grid-column:1;grid-row:1}
  .method-list h3,.method-list li p,.method-list .output {grid-column:2;margin:0}
  .method-list .output {margin-top:4px}
  .footer {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:12px 20px;padding-block:24px}
  .footer .brand-footer {gap:10px;justify-self:start}
  .footer .brand-footer svg {width:36px}
  .footer .brand-original-word {font-size:22px}
  .footer>span:not(.brand-footer) {text-align:right}
  .footer>a:last-child {justify-self:end}
  .contact-thanks {padding-block:48px}
  .thanks-layout {gap:24px}
  .thanks-art {width:min(100%,220px)}
}
@media (max-width:360px) {
  .footer {gap:10px 12px}
  .footer .brand-original-word {font-size:20px}
  .footer .brand-footer {gap:8px}
  .contact-actions {gap:12px}
}