/* C1 AGE · Capa visual adaptativa v2026.10.21 · No modifica el motor ni los datos */
:root{--opbr-ui-border:#dbe4ef;--opbr-ui-text:#172c46;--opbr-ui-accent:#d42e43}
html{scroll-padding-top:100px}
body{overflow-x:hidden}
.top{padding-inline:clamp(14px,2.1vw,32px);gap:12px}
.top .brand{flex:0 1 280px;min-width:0}
.top .brand strong{overflow-wrap:anywhere}
.top .nav{flex:0 1 auto;min-width:0;gap:3px;flex-wrap:wrap;justify-content:center}
.top .nav a{white-space:nowrap;font-size:clamp(11px,.8vw,13px);padding:10px clamp(8px,.7vw,13px)}
.top .userbox{flex:0 1 auto;min-width:0;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.top .userbox span{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opbr-menu-button{display:none;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;background:#2a3d58;font-weight:750;font-size:14px;line-height:1.2;font-family:inherit;min-height:44px;min-width:44px;padding:10px 13px;align-items:center;gap:8px;cursor:pointer}
.opbr-menu-button svg{width:19px;height:19px;flex:none}
.opbr-menu-button:focus-visible{outline:3px solid #f9a1a8;outline-offset:3px}
.top .nav a[aria-current="page"]{background:#334b69;color:#fff;box-shadow:inset 0 -2px 0 #fa6675}
.container,.container.wide,.opbr-scenarios{min-width:0}
.panel,.toolbar,.hero>*{min-width:0}
.toolbar-actions{max-width:100%;flex-wrap:wrap}
.panel-head.filters{flex-wrap:wrap}
.panel-head.filters .filter-row{min-width:0}
.opponent-pagination .btn:disabled{cursor:not-allowed}
button,input,select,summary,a{touch-action:manipulation}
input[type="search"],input[type="text"],input[type="number"],select{max-width:100%}
/* Historial visible sin quedar recortado en escritorio, expandible al tocar en móvil */
.opbr-history{max-width:100%}
.opbr-history summary{max-width:100%;white-space:normal;text-align:left}
.opbr-history-pop{position:fixed;left:16px;top:100px;right:auto;bottom:auto;min-width:min(340px,calc(100vw - 24px));max-width:min(480px,calc(100vw - 24px));max-height:min(390px,calc(100dvh - 28px));z-index:1000;overflow-y:auto;overflow-x:hidden}
.opbr-history-tooltip{position:fixed;z-index:10000;min-width:290px;max-width:calc(100vw - 24px);max-height:min(390px,calc(100dvh - 24px));overflow:auto;background:#fff;color:#24344b;box-shadow:0 14px 46px #0c17283d;border:1px solid #d9e2ee;border-radius:12px;padding:15px;font-size:12px;line-height:1.5;overscroll-behavior:contain}
.opbr-history-tooltip[hidden]{display:none!important}
.opbr-history-tooltip article{padding:9px 0;border-top:1px solid #edf1f5;margin-top:8px}
.opbr-history-tooltip small{display:block;margin-top:6px;color:#52627a;overflow-wrap:anywhere}
@media(min-width:641px){body.opbr-tooltip-ready .opbr-list-page .opbr-history-pop{display:none!important}body.opbr-tooltip-ready .opbr-history-pop{display:none!important}}
.opbr-list-page .opponents td:nth-child(5){white-space:normal;overflow-wrap:anywhere}
.opbr-list-page .opponents td:nth-child(7){white-space:normal;min-width:160px}
/* Amplía el área táctil para paginadores, filtros y enlaces */
.opponent-pagination button,.opbr-pager button,.opbr-filters select,.opbr-filters input{min-height:44px}
@media(max-width:1279px){
  .top.opbr-js-menu:not(.legal-top){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;align-items:center!important;padding:11px clamp(13px,3vw,24px)!important;gap:0 10px!important;position:sticky;top:0;z-index:120;min-height:65px}
  .top.opbr-js-menu:not(.legal-top) .brand{grid-column:1!important;grid-row:1!important;min-width:0;max-width:none;align-self:center}
  .top.opbr-js-menu:not(.legal-top) .brand .mark{flex:none}
  .top.opbr-js-menu:not(.legal-top) .opbr-menu-button{display:inline-flex;grid-column:2;grid-row:1;align-self:center;justify-self:end}
  .top.opbr-js-menu:not(.legal-top) .nav{display:none!important;grid-column:1/-1!important;grid-row:2!important;order:unset!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;overflow:visible!important;max-height:min(55dvh,450px);overflow-y:auto!important;overscroll-behavior:contain;border-top:1px solid #ffffff22;margin:12px 0 0!important;padding:10px 0 2px!important;gap:4px!important;width:100%!important;scrollbar-width:thin}
  .top.opbr-js-menu:not(.legal-top) .nav a{min-height:44px;flex:none!important;text-align:left;justify-content:flex-start!important;display:flex!important;align-items:center;font-size:14px;padding:11px 13px;white-space:normal;width:100%}
  .top.opbr-js-menu:not(.legal-top) .userbox{display:none!important;grid-column:1/-1!important;grid-row:3!important;order:unset!important;width:100%;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #ffffff22;padding:12px 4px 3px!important;margin:8px 0 0}
  .top.opbr-js-menu:not(.legal-top) .userbox span{display:none!important}
  .top.opbr-js-menu.opbr-menu-open:not(.legal-top) .nav{display:flex!important}
  .top.opbr-js-menu.opbr-menu-open:not(.legal-top) .userbox{display:flex!important}
  .top.opbr-js-menu:not(.legal-top) .userbox a{font-size:13px;min-height:36px;display:inline-flex;align-items:center}
  .top .brand{max-width:100%;flex:1 1 auto}
}
@media(max-width:800px){
  .container,.container.wide{padding-left:14px;padding-right:14px;margin-top:16px}
  .panel-head{gap:10px}
  .toolbar{flex-wrap:wrap;gap:14px}
  .totals{min-width:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar-actions{max-width:100%;width:100%}
  .toolbar-actions .btn{flex:1 1 140px}
  .opbr-scenarios{padding:0 13px 35px}
  .opbr-grid{grid-template-columns:1fr}
  .opbr-block{min-width:0}
}
@media(max-width:640px){
  .top.opbr-js-menu .brand{gap:9px}
  .top.opbr-js-menu .brand strong{font-size:13px!important;line-height:1.25}
  .top.opbr-js-menu .brand span{font-size:10px!important}
  .top.opbr-js-menu .opbr-menu-button{font-size:13px}
  .opbr-list-page .table-wrap{overflow:visible!important}
  .opbr-list-page .opponents,.opbr-list-page .opponents tbody,.opbr-list-page .opponents tr,.opbr-list-page .opponents td{display:block;width:100%;min-width:0!important;max-width:100%}
  .opbr-list-page .opponents tbody{display:grid;gap:11px;padding:11px}
  .opbr-list-page .opponents tbody tr{content-visibility:visible;contain-intrinsic-size:auto;border:1px solid var(--opbr-ui-border);border-radius:13px;padding:9px 12px;background:#fff;box-shadow:0 4px 12px #172c4609}
  .opbr-list-page .opponents tbody td{display:grid!important;grid-template-columns:minmax(87px,35%) minmax(0,1fr);align-items:start;gap:12px;padding:9px 0!important;border-bottom:1px solid #edf1f7;text-align:right!important;font-size:12px;white-space:normal!important;overflow-wrap:anywhere}
  .opbr-list-page .opponents tbody td:last-child{border:0}
  .opbr-list-page .opponents tbody td::before{content:attr(data-label)!important;display:block;position:static;float:none;flex:auto;text-align:left;min-width:0;color:#6a798d;font-size:11px;font-weight:750;line-height:1.4}
  .opbr-list-page .opponents td:nth-child(2),.opbr-list-page .opponents td:nth-child(5),.opbr-list-page .opponents td:nth-child(7){min-width:0!important;font-size:12px}
  .opbr-list-page .opponents td:nth-child(6){font-weight:800;color:#af2639}
  .opbr-list-page .community-table,.opbr-list-page .community-table tbody,.opbr-list-page .community-table tbody tr,.opbr-list-page .community-table tbody td{display:block;width:100%;min-width:0;max-width:100%}
  .opbr-list-page .community-table thead{display:none}
  .opbr-list-page .community-table tbody{display:grid;gap:9px;padding:11px}
  .opbr-list-page .community-table tbody tr{border-radius:12px;border:1px solid #e1e8f2;padding:7px 13px;background:#fff}
  .opbr-list-page .community-table tbody td{display:grid;grid-template-columns:minmax(86px,40%) minmax(0,1fr);align-items:center;gap:12px;text-align:right;font-size:12px;white-space:normal;padding:8px 0;border-bottom:1px solid #edf1f7}
  .opbr-list-page .community-table tbody td:last-child{border:0}
  .opbr-list-page .community-table tbody td::before{content:attr(data-label);color:#74849a;text-align:left;font-size:11px;font-weight:750}
  .opbr-list-page .community-table tbody td:first-child{font-size:13px}
  .opbr-list-page .opbr-history{display:block;width:100%;text-align:right}
  .opbr-list-page .opbr-history summary{font-size:11px;text-align:right;overflow-wrap:anywhere}
  .opbr-list-page .opbr-history-pop{position:static!important;min-width:0;max-width:100%;max-height:none;box-shadow:none;border-radius:10px;margin-top:8px;padding:11px;text-align:left;overflow:visible}
  .opbr-list-page .opbr-history:hover:not([open]) .opbr-history-pop,.opbr-list-page .opbr-history:focus-within:not([open]) .opbr-history-pop{display:none!important}
  .opbr-list-page .opbr-history[open] .opbr-history-pop{display:block!important}
  .opbr-scenarios .opbr-scroll{border:0;max-height:none;overflow:visible}
  .opbr-scenarios .opbr-scroll table,.opbr-scenarios .opbr-scroll tbody,.opbr-scenarios .opbr-scroll tr,.opbr-scenarios .opbr-scroll td{display:block;width:100%;min-width:0!important}
  .opbr-scenarios .opbr-scroll thead{display:none}
  .opbr-scenarios .opbr-scroll tbody{display:grid;gap:9px}
  .opbr-scenarios .opbr-scroll tbody tr{border:1px solid #dfe6ee;background:#fff;border-radius:12px;padding:8px 12px;overflow:hidden}
  .opbr-scenarios .opbr-scroll tbody td{display:grid;grid-template-columns:minmax(95px,38%) minmax(0,1fr);align-items:start;gap:9px;padding:8px 0!important;border-bottom:1px solid #edf1f5;white-space:normal;text-align:right;overflow-wrap:anywhere;font-size:12px}
  .opbr-scenarios .opbr-scroll tbody td:last-child{border-bottom:0}
  .opbr-scenarios .opbr-scroll tbody td::before{content:attr(data-label);text-align:left;color:#69788c;font-size:11px;font-weight:700}
  .opbr-scenarios .opbr-scroll tbody td.opbr-noresult{display:block;text-align:center}
  .opbr-scenarios .opbr-scroll tbody td.opbr-noresult::before{display:none}
  .opbr-scenarios .opbr-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .opbr-scenarios .opbr-hero{padding:23px 18px}
  .opbr-scenarios .opbr-hero h1{font-size:28px}
  .opbr-scenarios .opbr-actions .btn{flex:1 1 120px}
  .opbr-scenarios .opbr-pager{flex-wrap:wrap}
  .opbr-scenarios .opbr-pager span{flex:1 0 100%;order:-1;text-align:center}
  .opbr-scenarios .opbr-pager button{flex:1}
  .opbr-scenarios .opbr-impact{overflow-wrap:anywhere}
  .opbr-scenarios .opbr-shortlist{padding-left:17px}
  .site-footer{padding-inline:15px}
}
@media(max-width:390px){
  .container,.container.wide,.opbr-scenarios{padding-left:9px;padding-right:9px}
  .opbr-list-page .opponents tbody{padding:8px}
  .opbr-list-page .opponents tbody td{grid-template-columns:minmax(79px,35%) minmax(0,1fr);gap:7px}
  .opbr-scenarios .opbr-summary{grid-template-columns:1fr}
  .opbr-scenarios .opbr-content{padding:11px}
  .opbr-scenarios .opbr-scroll tbody td{grid-template-columns:minmax(83px,36%) minmax(0,1fr)}
  .opbr-scenarios .opbr-hero{padding:19px 14px}
  .stat-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.top.opbr-js-menu .nav{scroll-behavior:auto!important}}

/* Menú común 2026-10-21: misma estructura en toda la web */
.top.opbr-global-top{width:100%;box-sizing:border-box}
.top.opbr-global-top .brand{flex:0 1 270px;min-width:0}
.top.opbr-global-top .nav{flex:0 1 auto;min-width:0;align-items:center;gap:3px}
.top.opbr-global-top .nav a{display:inline-flex;align-items:center;justify-content:center;min-height:41px}
.top.opbr-global-top .userbox{flex:0 1 auto;min-width:0;align-items:center}
@media(max-width:1279px){
 .top.opbr-global-top.opbr-js-menu .nav a{justify-content:flex-start}
 .top.opbr-global-top.opbr-js-menu .brand{max-width:none}
}
@media(max-width:640px){
 .top.opbr-global-top .brand strong{line-height:1.3}
 .top.opbr-global-top .userbox a{padding:5px 3px}
}


/* v20261028reg1 · acciones de plazas agrupadas junto al listado provincial */
.sp-seats-controls{padding:16px 22px 15px;background:var(--card);border-bottom:1px solid var(--line)}
.sp-seats-controls .toolbar-actions,.sp-seats-controls .toolbar-actions:has(.historical-seats-btn){display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;gap:9px;width:100%;max-width:none}
.sp-seats-controls .toolbar-actions .btn{flex:0 1 auto;min-width:0}
.sp-seats-controls .historical-seat-note{margin:11px 0 0;font-size:12px;line-height:1.5}
@media(max-width:700px){
 .sp-seats-controls{padding:14px 15px}
 .sp-seats-controls .toolbar-actions .btn{flex:1 1 calc(50% - 9px);min-width:0}
}
@media(max-width:375px){.sp-seats-controls .toolbar-actions .btn{flex-basis:100%}}