/* Sim Racing Perú · Beta 0.71
   Sistema visual para páginas INTERIORES.
   Sin cambiar estructura de resultados, historial, inscripciones ni identidades.
   PRO verde / AM naranja son CATEGORÍAS DE CARRERA, no licencias ni títulos.
*/
:root{
  --srp71-bg:#0c1016;
  --srp71-raise:#151e28;
  --srp71-surface:#1a2633;
  --srp71-surface-hover:#203244;
  --srp71-border:#394b5c;
  --srp71-line:#2d3e4e;
  --srp71-title:#f4f6f8;
  --srp71-muted:#aec0cf;
  --srp71-eyebrow:#e5bfa0;
  --srp71-pro:#19c451;
  --srp71-pro-soft:#153e27;
  --srp71-am:#ff8a18;
  --srp71-am-soft:#4a2b12;
  --srp71-radius:6px;
  --srp71-gutter:clamp(18px,3vw,30px);
}
.view:not(#v-inicio){background:var(--srp71-bg);min-height:55vh;color:var(--srp71-title)}
.view:not(#v-inicio)>.srp71-trailbar{background:#111820;border-bottom:1px solid var(--srp71-line);padding:10px 0;min-height:42px}
.srp71-trailbar>.wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:1320px}
.srp71-trailbar a,.srp71-trailbar span{font:700 11px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.025em;text-decoration:none}
.srp71-trailbar a{color:#a9bdcc}
.srp71-trailbar a:hover{text-decoration:underline;color:#fff}
.srp71-trailbar span[aria-current="page"]{color:#f5d2a7}
.srp71-trailbar .srp71-trail-sep{color:#688195;font-size:13px}
.srp71-trailbar .srp71-trail-back{margin-left:auto;border:1px solid #435469;border-radius:4px;padding:5px 9px;background:#1a2a39;color:#e6f0f8}
.srp71-trailbar .srp71-trail-back:hover{border-color:#cda979;color:#fff}
/* Una misma cabecera editorial para TODAS las secciones interiores */
.view:not(#v-inicio) .srp71-interior-header{position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 91% 25%,rgba(178,18,32,.13),transparent 43%),
    linear-gradient(120deg,#192331 0%,#121a23 58%,#141820 100%);
  border-bottom:1px solid #364759;
  padding:clamp(31px,4.5vw,57px) 0 clamp(29px,3.9vw,48px);
}
.view:not(#v-inicio) .srp71-interior-header::after{content:"";position:absolute;inset:0;
  pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 110px,rgba(255,255,255,.015) 110px 112px)}
.view:not(#v-inicio) .srp71-interior-header>.wrap{position:relative;z-index:1;max-width:1320px}
.view:not(#v-inicio) .srp71-interior-header :is(h2,h1){color:#f7f7f5;
  font:900 clamp(43px,6.3vw,79px)/.97 var(--f-display);text-transform:uppercase;
  letter-spacing:.01em;margin:10px 0 13px;text-wrap:balance}
.view:not(#v-inicio) .srp71-interior-header :is(.kicker,.srp066-eyebrow){
  color:var(--srp71-eyebrow);font:750 11px/1.4 var(--f-mono);letter-spacing:.09em}
.view:not(#v-inicio) .srp71-interior-header :is(p){font:500 clamp(13px,1.4vw,15px)/1.65 var(--f-body);
  color:#bbcbd9;max-width:820px;margin:0}
.view:not(#v-inicio) .srp71-interior-header .tags{max-width:100%;align-self:center}
.view:not(#v-inicio) .srp71-interior-header .btn{min-height:40px;padding:9px 14px;font-size:18px}
/* Secciones y anchos con densidad coherente. NO cambiar tamaños de avatar ni layout de equipos personalizados. */
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) .wrap{max-width:1320px}
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) section{
  scroll-margin-top:86px}
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) .sec-head{
  align-items:flex-end;gap:15px;margin-bottom:22px}
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) .sec-head h2{
  color:var(--srp71-title);font:900 clamp(31px,4.3vw,48px)/1 var(--f-display)}
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) .sec-head p{
  color:var(--srp71-muted);font:500 13px/1.55 var(--f-body);max-width:630px}
:is(#v-campeonato,#v-pilotos,#v-equipos,#v-circuitos,#v-estadisticas,#v-calendario) .sec-head .kicker{
  color:#d9ad8d;font:750 10px/1.4 var(--f-mono);letter-spacing:.06em}
#v-campeonato .ch-archive-section,#v-pilotos .pilot-profile-area,
#v-equipos .beta-section,#v-circuitos .beta-section,#v-estadisticas .srp-stats-main,
#v-calendario .srp066-wrap{padding-top:clamp(25px,3.5vw,43px);padding-bottom:clamp(37px,4.7vw,60px)}

/* Un lenguaje visual consistente en campos, barras de filtros y contadores */
#v-campeonato .ch-filters,
#v-pilotos .pilot-tools,
#v-equipos .beta-filter,
#v-circuitos .srp065-filters,
#v-estadisticas .srp648-controls,
#v-calendario .srp066-filters,
#v-estadisticas .srp-stats-filters{
  background:var(--srp71-raise);border:1px solid var(--srp71-border);
  border-radius:var(--srp71-radius);padding:16px;gap:12px;box-shadow:none}
#v-campeonato .ch-filters :is(label),
#v-pilotos .pilot-tools :is(label),
#v-equipos .beta-filter :is(label),
#v-circuitos .srp065-filters :is(label),
#v-estadisticas :is(.srp648-controls,.srp-stats-filters) :is(label),
#v-calendario .srp066-filters :is(label){
  font:800 10px/1.45 var(--f-mono);letter-spacing:.025em;
  color:#b6cad9;text-transform:uppercase}
#v-campeonato .ch-filters :is(input,select),
#v-pilotos .pilot-tools :is(input,select),
#v-equipos .beta-filter :is(input,select),
#v-circuitos .srp065-filters :is(input,select),
#v-estadisticas :is(.srp648-controls,.srp-stats-filters) :is(input,select),
#v-calendario .srp066-filters :is(input,select){
  width:100%;min-width:0;min-height:44px;max-width:100%;box-sizing:border-box;
  padding:9px 12px;background:#223140;border:1px solid #4b6075;
  border-radius:5px;color:#f5f8fa;
  font:600 13px/1.3 var(--f-body);box-shadow:none}
#v-campeonato .ch-filters :is(input,select):focus-visible,
#v-pilotos .pilot-tools :is(input,select):focus-visible,
#v-equipos .beta-filter :is(input,select):focus-visible,
#v-circuitos .srp065-filters :is(input,select):focus-visible,
#v-estadisticas :is(.srp648-controls,.srp-stats-filters) :is(input,select):focus-visible,
#v-calendario .srp066-filters :is(input,select):focus-visible{
  outline:2px solid #e4bd83;outline-offset:2px}
#v-campeonato .ch-results-label,#v-pilotos .pilot-count,#v-equipos .beta-counter,
#v-circuitos .beta-counter,#v-estadisticas .srp648-results-count,
#v-calendario .srp066-count{
  font:700 11px/1.5 var(--f-mono);color:#afc3d3;padding:10px 0;letter-spacing:.015em}
#v-pilotos .pilot-overview,#v-campeonato .ch-archive-overview,
#v-estadisticas .srp648-metrics{gap:10px}
/* Tarjetas reutilizables con mismo radio, marco y elevación visual.
   NO tocar backgrounds internos de tarjetas de piloto/equipo con paleta propia. */
#v-campeonato .ch-grid>a,
#v-campeonato .ch-grid .ch-card,
#v-circuitos .beta-circuits-grid>a,
#v-circuitos .beta-circuits-grid .beta-circuit-card,
#v-equipos .beta-team-grid>a,
#v-equipos .beta-team-grid .beta-team-card,
#v-calendario .srp066-events .srp066-event-card,
#v-calendario .s661-championship-grid>a,
#v-estadisticas .srp648-leader{
  border-radius:var(--srp71-radius);border-color:var(--srp71-border);
  transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;
  min-width:0}
#v-campeonato .ch-grid>a:hover,
#v-campeonato .ch-grid .ch-card:hover,
#v-circuitos .beta-circuits-grid>a:hover,
#v-circuitos .beta-circuits-grid .beta-circuit-card:hover,
#v-equipos .beta-team-grid>a:hover,
#v-equipos .beta-team-grid .beta-team-card:hover,
#v-calendario .srp066-events .srp066-event-card:hover,
#v-calendario .s661-championship-grid>a:hover,
#v-estadisticas .srp648-leader:hover{
  border-color:#b69a7d;box-shadow:0 12px 28px rgba(0,0,0,.17);transform:translateY(-2px)}
#v-pilotos #pilot-grid a.pilot-card{border-radius:var(--srp71-radius)}
#v-pilotos #pilot-grid a.pilot-card:focus-visible{outline:2px solid #edc58a;outline-offset:2px}
#v-estadisticas .srp648-metric{border-radius:var(--srp71-radius);background:var(--srp71-raise);
  border-color:var(--srp71-border)}
#v-calendario .s663-roster-section,#v-calendario .s67-ranking,#v-calendario .s68-public-rules,
#v-calendario .srp066-panel,#v-estadisticas .srp648-details,#v-estadisticas .srp648-race-section{
  border-radius:var(--srp71-radius);border-color:var(--srp71-border)}
#v-calendario .srp066-note,
#v-circuitos .srp065-directory-note,#v-pilotos .pilot-note{
  border-left:3px solid #d1ac72;border-radius:0 5px 5px 0;
  background:#1c2936;color:#c4d3df;line-height:1.65;padding:13px 16px}
/* Páginas de detalle: alinear las fichas al ancho, sin alterar datos */
#v-campeonato .ch-detail-page,#v-pilotos #pilotos-perfil,
#v-equipos #beta-team-detail,#v-circuitos #beta-circuit-detail,
#v-estadisticas #srp-stats-detail,#v-calendario #srp066-event-detail{
  max-width:1320px;margin-left:auto;margin-right:auto;min-width:0}
#v-equipos #beta-team-detail,#v-circuitos #beta-circuit-detail{padding-top:22px;padding-bottom:46px}
#v-campeonato .ch-detail-page[hidden],#v-pilotos #pilotos-perfil[hidden],
#v-equipos #beta-team-detail[hidden],#v-circuitos #beta-circuit-detail[hidden],
#v-calendario #srp066-event-detail[hidden]{display:none!important}
/* Tablas de puntos y estadísticas: cabecera uniforme y buena legibilidad */
#v-estadisticas .srp648-table-scroll,#v-calendario .s67-ranking-scroll,
#v-calendario .s67-scroll,#v-campeonato .ch-table-scroll{
  border-radius:5px;border-color:#405364;overflow-x:auto;max-width:100%}
#v-estadisticas .srp648-table :is(th,td),
#v-calendario .s67-ranking :is(th,td){font-variant-numeric:tabular-nums}
#v-estadisticas .srp648-table thead th,
#v-calendario .s67-ranking table th{
  background:#293847;color:#cbd9e6;border-bottom:1px solid #586a7b}
#v-estadisticas .srp648-table tbody tr:nth-child(even),
#v-calendario .s67-ranking table tbody tr:nth-child(even){background:rgba(60,83,105,.14)}
#v-estadisticas .srp648-table tbody tr:hover,
#v-calendario .s67-ranking table tbody tr:hover{background:rgba(66,102,132,.22)}
/* PRO y AM: sólo identificadores de CATEGORÍA, nunca re-colorear licencias ni estrellas */
#v-campeonato .tag.srp71-pro,#v-pilotos .srp71-cat-pro,
#v-estadisticas .srp648-category.pro,#v-estadisticas .srp648-cat-tag.srp648-pro,
#v-calendario .srp066-class.srp066-pro,#v-calendario .s67-cat.s67-pro{
  background:var(--srp71-pro-soft)!important;border-color:var(--srp71-pro)!important;
  color:#caffe0!important}
#v-campeonato .tag.srp71-am,#v-pilotos .srp71-cat-am,
#v-estadisticas .srp648-category.am,#v-estadisticas .srp648-cat-tag.srp648-am,
#v-calendario .srp066-class.srp066-am,#v-calendario .s67-cat.s67-am{
  background:var(--srp71-am-soft)!important;border-color:var(--srp71-am)!important;
  color:#ffdbb8!important}
#v-estadisticas .srp648-metric.srp648-metric-pro{border-top-color:var(--srp71-pro)}
#v-estadisticas .srp648-metric.srp648-metric-am{border-top-color:var(--srp71-am)}
#v-estadisticas .srp648-cat-tag.srp648-pro .srp648-star{color:#e7bb61}
#v-estadisticas .srp648-cat-tag.srp648-am .srp648-star{color:#d8e0eb}
#v-estadisticas .srp648-legend{gap:9px}
#v-estadisticas .srp648-legend small{color:#aec4d3}
/* Inscritos del calendario: categorías con cabeceras nítidas */
#v-calendario .s663-category.s663-pro{--class:var(--srp71-pro)!important}
#v-calendario .s663-category.s663-am{--class:var(--srp71-am)!important}
#v-calendario .s663-category.s663-pro .s663-category-header{background:#153e27}
#v-calendario .s663-category.s663-am .s663-category-header{background:#4b2b12}
#v-calendario .s663-count-pro{border-color:var(--srp71-pro)!important;background:var(--srp71-pro-soft)!important;color:#caffe0!important}
#v-calendario .s663-count-am{border-color:var(--srp71-am)!important;background:var(--srp71-am-soft)!important;color:#ffe0bd!important}
/* Subtítulos jerárquicos compartidos, sin sobrescribir números, nombres de pilotos ni dorsales */
#v-campeonato .ch-archive-section :is(h2,h3),
#v-estadisticas .srp648-overall :is(h3),
#v-calendario .s661-section-head h3{letter-spacing:.01em}
#v-estadisticas .srp-stats-main{gap:26px}
#v-estadisticas .srp648-headline{gap:14px}
#v-estadisticas .srp648-headline h3{font:900 clamp(31px,4vw,49px)/1 var(--f-display)}
#v-calendario .s661-section-head{gap:15px}
#v-calendario .s661-section-head h3{font:900 clamp(28px,3.7vw,43px)/1 var(--f-display)}
/* No romper alineación de tarjetas largas con texto ni menús que aparecen dinámicamente */
.view:not(#v-inicio) :is(.ch-grid,.beta-team-grid,.beta-circuits-grid,.srp066-events,.s661-championship-grid){
  align-items:stretch}
.view:not(#v-inicio) :is(input,select,button,a):focus-visible{outline:2px solid #e2ba83;outline-offset:2px}
@media(max-width:1000px){
  #v-estadisticas .srp648-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  #v-calendario .srp066-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #v-circuitos .srp065-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .view:not(#v-inicio) .srp71-interior-header{padding:30px 0}
  .view:not(#v-inicio) .srp71-interior-header :is(h2,h1){font-size:clamp(41px,10vw,60px)}
  .srp71-trailbar>.wrap{gap:6px}
  .srp71-trailbar a,.srp71-trailbar span{font-size:10px}
  .srp71-trailbar .srp71-trail-back{margin-left:0;flex:1 1 100%;width:max-content;max-width:100%}
  #v-estadisticas .srp648-controls,#v-calendario .srp066-filters,
  #v-circuitos .srp065-filters{grid-template-columns:1fr}
  #v-campeonato .ch-filters,#v-pilotos .pilot-tools,
  #v-equipos .beta-filter,#v-circuitos .srp065-filters,
  #v-estadisticas .srp648-controls,#v-calendario .srp066-filters{
    padding:12px;gap:10px}
  #v-campeonato .ch-archive-section,#v-pilotos .pilot-profile-area,
  #v-estadisticas .srp-stats-main,#v-calendario .srp066-wrap{padding-top:25px}
  #v-calendario .s663-roster-section{padding:13px}
  #v-estadisticas .srp648-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  #v-campeonato .ch-grid>a,#v-equipos .beta-team-grid>a,
  #v-circuitos .beta-circuits-grid>a,#v-estadisticas .srp648-leader{
    transition:none;transform:none!important}
}
