/* Semantic fallback for the continuous strip; the live version is one Three mesh. */
.paper-actionbar{position:fixed;z-index:80;right:max(40px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));width:346px;height:67.28px;display:flex;align-items:stretch;isolation:isolate;border-radius:10px;padding:1px;background:linear-gradient(115deg,#e9aec5,#d5d9aa,#9ed5d9,#b4a9d9,#eed896);box-shadow:0 3px 7px #322a1c28}
.paper-control-group{position:relative;display:flex;width:36%;height:100%;flex:none;background:#f3efe5 url('assets/paper-ui/paper-fibres.webp') center/220px;border-radius:9px 0 0 9px}
.paper-key{position:relative;display:grid;place-items:center;width:50%;min-width:0;height:100%;padding:0;border:0;background:none;color:#141615;border-radius:0;touch-action:manipulation}
.paper-key:first-child{border-radius:9px 0 0 9px}
.paper-key+.paper-key:before{content:"";position:absolute;left:0;top:23%;height:54%;width:1px;background:#c7c1b5}
.paper-key svg{display:block;width:28px;height:28px;transition:transform .2s ease}
.paper-key .pause-mark{display:none}.paper-key[aria-pressed=true] .play-mark{display:none}.paper-key[aria-pressed=true] .pause-mark{display:block}
.paper-key:disabled{cursor:default}.paper-key:disabled svg{opacity:.42}
.paper-key:hover:not(:disabled){background:#fff3}.paper-key:hover:not(:disabled) svg{transform:translateY(-1px)}
.paper-key:focus-visible{outline:2px solid #2543ec;outline-offset:-4px}
.paper-actionbar .contact-trigger,html[data-scene=estudio] .paper-actionbar .contact-trigger{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:64%;height:100%;min-height:0;padding:0;margin:0;border:0;border-radius:0 9px 9px 0;background:#ffd333;color:#111;box-shadow:none;filter:none;transform:none;text-shadow:none;overflow:hidden;cursor:pointer}
.paper-actionbar .contact-trigger:before,.paper-actionbar .contact-trigger:after{content:none}
.paper-actionbar .contact-trigger .paper-contact-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;color:#111;box-shadow:none;transform:none;opacity:1;pointer-events:none}
.contact-lettering{display:block;width:88%;height:auto;max-height:100%;object-fit:contain;pointer-events:none}
.paper-contact-arrow{display:none}
.paper-actionbar .contact-trigger:hover,html[data-scene=estudio] .paper-actionbar .contact-trigger:hover{background:#ffda49;color:#111;transform:none;filter:none}
.paper-actionbar .contact-trigger:hover .paper-contact-word{background:none;color:#111;transform:none}
.paper-actionbar .contact-trigger:focus-visible{outline:2px solid #2543ec;outline-offset:-4px}
html:not([data-scene=inicio]) .paper-control-group{display:none}
html:not([data-scene=inicio]) .paper-actionbar{width:222px}
html:not([data-scene=inicio]) .paper-actionbar .contact-trigger{width:100%;border-radius:9px}
.paper-phone{position:absolute;top:0;right:0;pointer-events:auto;z-index:45;padding:9px 12px;border-radius:12px;background:#f4efdfed;border:1px solid #cabfa950;color:#2e3b2e;font-size:12px;min-height:44px;box-shadow:0 2px 5px #332a1818}
#device-tilt.paper-phone{display:none}@media(pointer:coarse){#device-tilt.paper-phone{display:block}}
@media(max-width:700px){.site-header .brand-descriptor{display:none}.paper-actionbar{right:max(12px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));width:min(280px,calc(100vw - 76px));height:auto;aspect-ratio:5.142857}.paper-key svg{width:24px;height:24px}html:not([data-scene=inicio]) .paper-actionbar{width:180px;aspect-ratio:3.3}}
@media(prefers-reduced-motion:reduce){.paper-key svg{transition:none!important}.paper-key:hover svg{transform:none}}
/* Keep keyboard and screen-reader proxies, without a visible overlay over the 3D strip. */
html.scene-controls-ready .paper-actionbar{position:fixed!important;top:0!important;left:0!important;right:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;filter:none!important}
html.scene-controls-ready .paper-actionbar *{pointer-events:none!important}
html.scene-controls-ready #scene-inicio:before{clip-path:inset(0 calc(100% - var(--scene-controls-left,76px)) 0 0)}
@media(max-width:700px) and (max-height:740px),(max-width:360px),(max-height:480px) and (min-width:701px){html.scene-controls-ready #inicio .scene-copy{clip-path:inset(var(--scene-copy-header-clip,0px) 0 0 0)}}