/* Etapa 3: capa adaptable; no cambia imágenes ni diseños de escritorio aprobados. */
html{overflow-x:clip}body{min-width:0}img,video,svg{max-width:100%}button,input,select,textarea{font:inherit}a,button,select,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:3px solid #ffbd4a;outline-offset:3px}
@media(max-width:760px){
 header{height:auto!important;min-height:78px;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;padding:13px 12px!important}
 header .header-space{display:none!important}
 header nav{display:flex!important;order:1;justify-content:center!important;flex-wrap:wrap!important;width:100%;gap:9px 15px!important;font-size:12px!important}
 header .actions{order:2;display:flex!important;justify-content:center!important;gap:12px!important;width:100%}
 header .actions .contact{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 15px!important}
 .top{height:auto!important;min-height:78px;flex-wrap:wrap!important;gap:10px 14px!important;padding:15px 12px!important}
 .top a{font-size:12px!important}.top .contact{padding:9px 13px!important}
 body[data-page="home"] .hero{height:auto!important;min-height:650px!important;align-items:flex-start!important}
 body[data-page="home"] .copy{max-width:92vw!important;width:92vw!important;padding:45px 16px 40px!important;z-index:2}
 body[data-page="home"] .copy h1{font-size:clamp(34px,8vw,58px)!important}
 body[data-page="home"] .center-logo{max-width:58vw!important;max-height:230px!important;object-fit:contain!important}
 body[data-page="about"] .hero,body[data-page="about"] main .hero{min-height:590px!important}
 body[data-page="about"] .copy{width:min(92%,520px)!important;padding:58px 22px 55px!important}
 body[data-page="about"] h1{font-size:clamp(34px,8vw,58px)!important}
 .pillars{flex-wrap:wrap!important}.pillar{min-width:135px!important;flex:1 1 42%!important}
 .grid{grid-template-columns:1fr!important;padding-left:14px!important;padding-right:14px!important}
 .tile{min-width:0!important}
 .project-panel{max-height:92dvh!important;overflow-y:auto!important}
 .rey-chat-vip{max-height:min(70dvh,620px)!important}
 main{max-width:100%}
}
@media(max-width:390px){header nav{font-size:11px!important;gap:8px 10px!important}.rey-chat{right:6px!important;width:calc(100vw - 12px)!important}.rey-chat-launch{right:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}