/* Consistent interaction details, without changing the visual identity. */
.button,.gallery-controls button,.plan-switch button,.languages button,.faq-question{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.button{min-height:46px;display:inline-flex;justify-content:center;align-items:center;line-height:1.35;text-align:center}.button.outline{border-color:#ffffff36}.button:active,.gallery-controls button:active{translate:0 1px}.gallery-controls button{min-width:46px;min-height:46px}.gallery-controls button:hover{background:#cbb4f415;border-color:#cbb4f4}.compare:focus-within{outline:2px solid var(--accent);outline-offset:5px}.gallery-card:focus-visible{outline-offset:-5px}.section-heading .intro,p.hero-sub,.team p,.journey-copy p{ text-wrap:pretty}#trabajos>.concept{display:none}.gallery-controls{margin-bottom:4px}#gallery-count{font-variant-numeric:tabular-nums;color:#c9c2d2}.faq-question{gap:18px;line-height:1.4}.faq-question>span{flex-shrink:0}.faq-question:hover,.faq-question[aria-expanded=true]{color:#e2cfff;background:#cbb4f409}.faq-list p{max-width:64ch;margin-inline:auto}.contact-links a{min-height:44px;display:inline-flex;align-items:center;gap:10px}.contact-links a:hover{color:#e8d7ff}dialog{overscroll-behavior:contain;scroll-padding-block:24px}body:has(dialog[open]){overflow:hidden}.field input,.field select,.field textarea{transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#cbb4f4;box-shadow:0 0 0 3px #cbb4f41a}.field [aria-invalid=true]{border-color:#efacb7}.dialog-close{z-index:2;border-radius:50%;background:#27242e}.payment-note{color:#bfb9c8;line-height:1.6!important}.plan-switch button{min-height:44px}
@media(hover:hover){.button.outline:hover{border-color:#cbb4f480;background:#cbb4f40c}}
@media(min-width:768px){#pack-grid .pack.popular .pack-description{min-height:0;margin-bottom:18px}#pack-grid .pack.popular{padding-top:28px;padding-bottom:28px}#pack-grid .pack.popular .amount{margin-top:18px}#pack-grid .pack.popular .feature-list{margin-block:22px}}
@media(max-width:767px){#header{position:sticky;top:0;z-index:100;min-height:70px}#header #nav{position:fixed;left:0;right:0;top:70px;max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 24px;background:#1b1b21fa;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20;box-shadow:0 16px 30px #0005}#nav a{min-height:48px;display:flex;align-items:center;border-radius:10px;padding-inline:10px}#nav a[aria-current=location]{background:#cbb4f412;color:#dfc9ff}#menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}#menu[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}#menu span{transition:transform .2s}#precios .pack-description{min-height:0;margin-top:14px;margin-bottom:18px}#precios .pack .amount{margin-top:18px}#precios .pack{padding-top:26px;padding-bottom:24px}.pack-indicator{padding:14px 0 0;line-height:1.5;font-size:11px;color:#c9c2d2}.pack-grid{overscroll-behavior-x:contain}.field input,.field textarea,.field select{font-size:16px}dialog{max-height:calc(100dvh - 24px);padding:34px 22px 24px}.dialog-close{position:sticky;top:-24px;float:right;margin:-20px -10px 0 0}#sticky{padding-bottom:max(8px,env(safe-area-inset-bottom));height:auto;min-height:64px}#contacto h2{font-size:clamp(32px,8vw,46px)}.chip-spec{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.button,.gallery-controls button,.plan-switch button,.languages button,.faq-question,.field input,.field textarea,.field select,#menu span{transition:none}}

/* Catalogue: extend the product board's beige across this section only. */
main>#catalogo{
  max-width:none;
  padding-inline:max(20px,calc((100% - 1200px)/2));
  background:#e9e5df;
  color:#252322;
  --muted:#625c64;
  --accent:#70538e;
  --line:#25232226;
  border-top-color:transparent;
}
#catalogo .intro,#catalogo .feature-list{color:#514b53}
#catalogo .button.outline{color:#252322;border-color:#25232266;background:transparent}
#catalogo .button.outline:hover{background:#70538e10;border-color:#70538e}
#catalogo .shop{background:transparent}
#catalogo :focus-visible{outline-color:#70538e}

/* Keep the shorter ai.dumb wordmark optically centred in the footer. */
#footer .footer-brand{text-align:center;padding-inline:0}