/* Touch layouts: navigation, reading hierarchy and accessible controls. */
@media(max-width:1024px){
 body .app-light-topbar{padding:10px 20px!important;min-height:64px}
 body .app-light-topbar>div{flex-shrink:0}
 body .app-light-topbar button[aria-label="Notificaciones"],body .app-light-topbar span[title="Mi perfil"]{width:44px!important;height:44px!important;flex-shrink:0}
 body .app-mobile-bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))!important;min-height:68px}
 body .app-mobile-bottom-nav>span{min-height:48px;justify-content:center}
 body .rosgan-remate-admin-grid article{grid-template-columns:minmax(0,1fr) 160px 14px;gap:12px}
 body .rosgan-remate-admin-grid article>div:first-child{grid-column:1/3;grid-row:1}
 body .rosgan-remate-admin-grid article::after{grid-column:3;grid-row:1/3}
 body .rosgan-remate-admin-grid .remate-card-facts{grid-column:1;grid-row:2;padding-left:96px;gap:16px!important}
 body .rosgan-remate-admin-grid .remate-card-facts>div{border-left:0;padding-left:0!important}
 body .remate-list-catalog{grid-column:2;grid-row:2;min-height:44px}
 body .rg-lot-navigation button,body .dc-video-control-button,body .dc-lot-contact-actions a{min-height:44px}
 body .rg-lot-page main{padding-top:16px!important}
 body .rg-lot-page .dc-rosgan-field-copy{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:759px){
 body .app-light-topbar{padding:8px 16px!important;min-height:60px}
 body .rosgan-remate-admin-grid article{grid-template-columns:minmax(0,1fr) 14px;gap:12px;padding:16px!important}
 body .rosgan-remate-admin-grid article>div:first-child{grid-column:1;grid-template-columns:40px minmax(0,1fr)!important;column-gap:12px!important;position:relative;align-items:start!important}
 body .rosgan-remate-admin-grid article>div:first-child>span:first-child{grid-column:1;grid-row:1;width:40px!important;height:40px!important}
 body .rosgan-remate-admin-grid article>div:first-child>.remate-card-header-cons-logo{grid-column:1;grid-row:1;align-self:start;margin:27px 0 0 19px;width:25px!important;height:25px!important;border:2px solid white;border-radius:8px!important;z-index:1}
 body .rosgan-remate-admin-grid article>div:first-child>.remate-card-header-cons-logo img{max-width:19px;max-height:19px}
 body .rosgan-remate-admin-grid article>div:first-child>div{grid-column:2;grid-row:1;min-width:0}
 body .rosgan-remate-admin-grid article h3{font-size:15px!important;line-height:1.35!important}
 body .rosgan-remate-admin-grid article::after{grid-column:2;grid-row:1;align-self:center}
 body .rosgan-remate-admin-grid .remate-card-facts{grid-column:1;grid-row:2;padding-left:52px;gap:10px!important}
 body .rosgan-remate-admin-grid .remate-card-facts strong{font-size:12px!important;line-height:1.4}
 body .remate-list-catalog{grid-column:1;grid-row:3;justify-self:stretch;margin-left:52px;font-size:12px;animation:none}
 body .rg-lot-navigation{display:flex;width:100%;gap:8px}
 body .rg-lot-navigation button{flex:1;justify-content:center;font-size:12px!important;padding:10px!important}
 body .rg-lot-page main>header{gap:12px!important;margin-bottom:16px!important}
 body .rg-lot-page main>button{min-height:44px}
 body .rg-lot-page .dc-rosgan-field-card{padding:10px;gap:7px;min-width:0}
 body .rg-lot-page .dc-rosgan-field-icon-shell{width:30px;height:30px;flex:0 0 30px}
 body .rg-lot-page .dc-rosgan-field-copy strong{font-size:14px}
 body .rg-wizard-panel input:not([type="checkbox"]):not([type="radio"]),body .rg-wizard-panel select,body .rg-wizard-panel textarea,body .feria-form-card input,body .feria-form-card select,body .feria-form-card textarea{font-size:16px!important;min-height:44px;max-width:100%;box-sizing:border-box}
 body .rg-wizard-footer button{min-height:48px}
 body .rg-preview-panel{margin-top:8px}
 body .profile-actions{gap:8px!important}
 body .profile-actions button{min-height:44px}
 body .sales-order-head{align-items:stretch;gap:14px}
 body .sales-order-head-actions{justify-content:flex-start}
 body .sales-order-head-actions button,body .sales-order-toolbar button{min-height:44px}
 body .dc-video-controls{gap:6px!important;padding:8px!important}
 body .dc-video-control-button{min-width:40px!important}
 body .dc-video-time{font-size:10px!important;white-space:nowrap}
}
@media(max-width:359px){
 body .rosgan-remate-admin-grid .remate-card-facts{padding-left:0}
 body .remate-list-catalog{margin-left:0}
 body .rg-lot-page .dc-rosgan-field-icon-shell{display:none}
}
@media(max-width:759px){
 body .dc-lot-social-actions{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 8px;gap:8px;scrollbar-width:thin}
 body .dc-lot-social-button{flex:0 0 auto;min-height:44px;box-shadow:none}
 body .rosgan-auth-screen input{font-size:16px!important;min-height:48px}
 body .rosgan-auth-screen button{min-height:44px}
 body .rg-provenance-field button{min-height:44px}
}

@media(max-width:759px){
 body .rg-wizard-step{min-height:64px}
 body .rg-wizard-step>div:last-child{flex-direction:column;align-items:flex-start!important;gap:6px!important}
 body .rg-wizard-step .rg-step-copy{display:block!important;width:100%}
 body .rg-step-copy>div:first-child{font-size:10px!important;letter-spacing:-.02em;overflow:visible!important}
 body .rg-step-copy>div:last-child{display:none}
 body .rg-wizard-footer button[style*="visibility:hidden"],body .rg-wizard-footer button[style*="visibility: hidden"]{display:none}
}

body .rosgan-auth-screen input::placeholder{color:#d5e3ef;opacity:1}
body .rosgan-auth-screen input:focus-visible{outline:2px solid #fff!important;outline-offset:2px}

/* Home on touch screens: compact photo followed by an unclipped event card. */
@media(max-width:1024px){
 body .home-hero{height:auto!important;aspect-ratio:auto!important;min-height:0!important;padding:0!important;background:#00264d!important}
 body .home-hero-content{height:auto!important;overflow:visible!important;flex:none!important}
 body .home-hero-nav{height:64px;box-sizing:border-box;padding:10px 18px!important;background:#001d3d;flex:none!important}
 body .home-hero-nav>img{height:28px!important;width:auto}
 body .home-hero-nav button[aria-label="Notificaciones"],body .home-hero-nav span[title="Mi perfil"]{width:44px!important;height:44px!important;flex-shrink:0}
 body .home-hero [data-hero-img]{inset:64px 0 auto!important;height:clamp(156px,42vw,240px)!important;transform:none!important;will-change:auto!important}
 body .home-hero [data-hero-img]>div{background-size:cover!important;animation:none!important}
 body .home-hero-overlay{display:none}
 body .home-hero-main{margin-top:clamp(156px,42vw,240px)!important;padding:22px 20px 20px!important;display:block!important;overflow:visible!important;flex:none!important;background:#00264d;cursor:default}
 body .home-hero-copy{width:100%!important;max-width:640px!important;min-height:0;margin:0 auto;overflow:visible!important}
 body .home-hero-slide-copy{animation:none!important;opacity:1!important;transform:none!important}
 body .home-hero-brand{width:138px!important;height:28px!important;margin:0 0 14px!important;filter:none!important}
 body .home-hero-badge{font-size:9px!important;line-height:1.2!important;letter-spacing:.06em!important;padding:5px 9px!important}
 body .home-hero-title{display:block!important;font-size:clamp(23px,5.6vw,32px)!important;line-height:1.15!important;max-width:100%!important;margin:12px 0 10px!important;overflow:visible!important;text-wrap:pretty;letter-spacing:-.025em!important;color:#fff}
 body .home-hero-subtitle{display:block!important;max-width:100%;font-size:13px!important;line-height:1.5!important;white-space:normal!important;min-height:0!important;overflow:visible!important;color:#cfdfed!important}
 body .home-hero-actions{display:grid!important;grid-template-columns:1.15fr 1fr;gap:10px!important;margin-top:18px!important}
 body .home-hero-actions>a,body .home-hero-actions>span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;font-size:13px!important;line-height:1.2;padding:12px 8px!important;border-radius:12px!important;text-align:center;white-space:normal}
 body .home-hero-dots{margin-top:18px!important;gap:10px!important;min-height:20px}
 body .home-hero-dots>span{height:5px!important;position:relative}
 body .home-hero-dots>span::after{content:"";position:absolute;inset:-10px -4px}
 body .home-hero-indices{display:none!important}
}

/* Consistent navigation symbols with a quiet, clearly selected destination. */
body .app-mobile-bottom-nav{padding-top:6px!important;box-shadow:0 -4px 22px rgba(0,29,61,.04)!important}
body .app-mobile-nav-item{appearance:none;border:0;background:transparent;min-width:0;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px;min-height:56px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
body .app-mobile-nav-icon{width:54px;height:32px;border-radius:12px;display:grid;place-items:center;transition:background 160ms ease,color 160ms ease}
body .app-mobile-nav-icon svg{display:block;width:23px;height:23px}
body .app-mobile-nav-label{font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.01em}
body .app-mobile-nav-item[aria-current="page"] .app-mobile-nav-label{font-weight:800}
body .app-mobile-nav-item:focus-visible{outline:2px solid #0a5ca8;outline-offset:-2px;border-radius:12px}
@media(prefers-reduced-motion:reduce){body .app-mobile-nav-icon{transition:none}}
