/* SARR 2027 · rojo y negro. Estilos independientes del SARR Series. */
body.themeSarr2027{
 --sarr-bg:#fbf4f5;
 --sarr-card:#ffffff;
 --sarr-deep:#47181c;
 --sarr-deep-2:#591f24;
 --sarr-violet:#ff3c4e;
 --sarr-violet-2:#ff5c6b;
 --sarr-soft:#ffe9eb;
 --sarr-line:#ffd3d7;
 --sarr-text:#402225;
 --sarr-muted:#8d6a6d;
 --sarr-accent:#ff9ca5;
 background:linear-gradient(180deg,#fcf5f6 0%,#fbeced 100%);
 color:var(--sarr-text);
}
body.themeSarr2027 .pubhero{
 background:
  radial-gradient(circle at 85% 18%, rgba(255,92,107,.22), transparent 180px),
  linear-gradient(135deg, #46171b 0%, #602127 55%, #792a31 100%)!important;
}
body.themeSarr2027 .pubheroIn h2,
body.themeSarr2027 .pubheroIn .meta{
 color:#fff!important;
}
body.themeSarr2027 .pubheroIn h2 span{
 color:#ffb2b9!important;
}
body.themeSarr2027 .disciplines .tab.active,
body.themeSarr2027 .disciplines button.active{
 background:linear-gradient(135deg,var(--sarr-deep) 0%, var(--sarr-violet) 100%)!important;
 border-color:transparent!important;
 color:#fff!important;
 box-shadow:0 10px 22px rgba(255,60,78,.18)!important;
}
body.themeSarr2027 .disciplines .tab,
body.themeSarr2027 .disciplines button,
body.themeSarr2027 .pubfilters select,
body.themeSarr2027 .pubfilters input{
 border-color:var(--sarr-line)!important;
 color:var(--sarr-text)!important;
 background:#fff!important;
}
body.themeSarr2027 .pubfilters .btn,
body.themeSarr2027 .mainAction .btn,
body.themeSarr2027 .modalActions .btn:not(.white){
 background:linear-gradient(135deg,var(--sarr-deep) 0%, var(--sarr-violet) 100%)!important;
 border:none!important;
 color:#fff!important;
 box-shadow:0 10px 24px rgba(255,60,78,.18)!important;
}
body.themeSarr2027 .pubfilters .btn:hover,
body.themeSarr2027 .mainAction .btn:hover{
 filter:brightness(1.05);
}
body.themeSarr2027 .canavSection,
body.themeSarr2027 .summary,
body.themeSarr2027 .eventCard,
body.themeSarr2027 .panel,
body.themeSarr2027 .box,
body.themeSarr2027 .card{
 background:var(--sarr-card)!important;
 border:1px solid var(--sarr-line)!important;
 box-shadow:0 8px 24px rgba(87,30,35,.07)!important;
}
body.themeSarr2027 .canavGridHead.canavBlackHead,
body.themeSarr2027 .resultCanavHead.canavBlackHead{
 background:linear-gradient(90deg,var(--sarr-deep) 0%, var(--sarr-deep-2) 60%, var(--sarr-violet) 100%)!important;
 border-left:5px solid #ffa4ac!important;
}
body.themeSarr2027 .canavGridHead.canavBlackHead>div,
body.themeSarr2027 .resultCanavHead.canavBlackHead .resultMainLabels>div,
body.themeSarr2027 .resultCanavHead.canavBlackHead .resultTimeLabels>span{
 color:#fff!important;
}
body.themeSarr2027 .canavRow,
body.themeSarr2027 .canavResultRow{
 background:#fff!important;
 border:1px solid #fbe8ea!important;
 box-shadow:0 4px 12px rgba(111,34,41,.04)!important;
}
body.themeSarr2027 .canavRow:nth-child(even),
body.themeSarr2027 .canavResultRow:nth-of-type(even){
 background:#fff9fa!important;
}
body.themeSarr2027 .canavPilot span,
body.themeSarr2027 .canavNavigator span,
body.themeSarr2027 .canavPos,
body.themeSarr2027 .canavNumber strong,
body.themeSarr2027 .canavCat strong{
 color:var(--sarr-text)!important;
}
body.themeSarr2027 .canavProvince,
body.themeSarr2027 .canavTeam,
body.themeSarr2027 .canavVehicleName,
body.themeSarr2027 .resultPublicMeta span,
body.themeSarr2027 .resultPublicMeta small{
 color:var(--sarr-muted)!important;
}
body.themeSarr2027 .entrantOrder{
 color:#b8797f!important;
}
body.themeSarr2027 .statusDot.acr,
body.themeSarr2027 .statusBadge.aprobado{
 background:#20b26b!important;
}
body.themeSarr2027 .statusDot.pre,
body.themeSarr2027 .statusBadge.preinscripto{
 background:#ff9d2a!important;
}
body.themeSarr2027 .summary .sum small{
 color:var(--sarr-muted)!important;
}
body.themeSarr2027 .summary .sum strong{
 color:var(--sarr-deep)!important;
}
body.themeSarr2027 .resultPublicMeta strong{
 color:var(--sarr-deep)!important;
}
body.themeSarr2027 .resultCanavDetail{
 background:linear-gradient(180deg,#fff9fa 0%,#fff2f3 100%)!important;
 border-top:1px solid var(--sarr-line)!important;
}
body.themeSarr2027 .flatFlagFallback{
 background:#fbe0e2!important;
 color:#8d3038!important;
}

/* ADMIN cards and titles when SARR is active */
body.themeSarr2027 .topbar,
body.themeSarr2027 header.top,
body.themeSarr2027 .brandbar{
 background:linear-gradient(135deg,#47181c 0%,#792a31 100%)!important;
 color:#fff!important;
}
body.themeSarr2027 .eventCard.active{
 border-color:#ff98a1!important;
 box-shadow:0 12px 28px rgba(130,44,52,.18)!important;
}
body.themeSarr2027 .badge.theme-sarr,
body.themeSarr2027 .chip.theme-sarr{
 background:#ffe5e7!important;
 color:#882f37!important;
}

/* Mobile keeps same spirit */
@media(max-width:700px){
 body.themeSarr2027 .pubhero{
  border-radius:16px!important;
 }
 body.themeSarr2027 .canavSection{
  border-radius:14px!important;
 }
 body.themeSarr2027 .canavRow,
 body.themeSarr2027 .canavResultRow{
  border-radius:10px!important;
 }
}


/* ============================================================
   SARR SERIES · PLANILLA DE INSCRIPCIÓN PREMIUM
   Solo afecta el formulario público cuando el evento es SARR.
   ============================================================ */
.themeSarr2027 .sarrRegPage{
 max-width:1120px;
}
.themeSarr2027 .sarrRegIntro{
 display:grid;
 grid-template-columns:150px minmax(0,1fr) auto;
 align-items:center;
 gap:22px;
 margin:0 0 18px;
 padding:18px 22px;
 background:
  radial-gradient(circle at 90% 0%,rgba(255,119,131,.30),transparent 190px),
  linear-gradient(135deg,#2f1114 0%,#4b171c 55%,#75232a 100%);
 border-radius:18px;
 color:#fff;
 box-shadow:0 18px 40px rgba(71,24,28,.17);
 overflow:hidden;
 position:relative;
}
.themeSarr2027 .sarrRegIntro:after{
 content:"";
 position:absolute;
 width:230px;height:230px;
 right:-110px;bottom:-150px;
 border:1px solid rgba(255,255,255,.12);
 border-radius:50%;
}
.themeSarr2027 .sarrRegIntroLogo{
 display:flex;align-items:center;justify-content:center;
}
.themeSarr2027 .sarrRegIntroLogo img{
 width:140px;max-height:92px;object-fit:contain;
 filter:drop-shadow(0 8px 15px rgba(0,0,0,.28));
}
.themeSarr2027 .sarrRegIntroText span{
 display:inline-block;
 color:#ffaab2;
 font-size:9px;
 font-weight:800;
 letter-spacing:1.4px;
 margin-bottom:4px;
}
.themeSarr2027 .sarrRegIntroText h3{
 margin:0;
 font-size:25px;
 line-height:1.05;
 font-weight:900;
 letter-spacing:-.4px;
}
.themeSarr2027 .sarrRegIntroText p{
 margin:7px 0 0;
 color:#e3cfd1;
 font-size:10px;
 font-weight:500;
}
.themeSarr2027 .sarrRegIntroMeta{
 text-align:right;
 padding-left:20px;
 border-left:1px solid rgba(255,255,255,.18);
}
.themeSarr2027 .sarrRegIntroMeta strong{
 display:block;
 color:#fff;
 font-size:19px;
 font-weight:900;
}
.themeSarr2027 .sarrRegIntroMeta small{
 display:block;
 color:#e0bdc0;
 font-size:8px;
 font-weight:700;
 margin-top:3px;
}

/* Form container */
.themeSarr2027 .registrationPanel{
 background:#fcf6f7!important;
 border:1px solid #ecd5d7!important;
 border-radius:18px!important;
 overflow:hidden;
 box-shadow:0 15px 38px rgba(78,27,32,.09)!important;
}
.themeSarr2027 .registrationPanelHead{
 min-height:62px;
 padding:0 22px!important;
 display:flex;
 align-items:center;
 justify-content:space-between;
 background:linear-gradient(90deg,#3c1418 0%,#591c21 70%,#79252d 100%)!important;
 border:0!important;
 color:#fff!important;
}
.themeSarr2027 .registrationPanelHead strong{
 font-size:14px!important;
 letter-spacing:.4px;
}
.themeSarr2027 .registrationPanelHead span{
 color:#e6b6ba;
 font-size:8px;
 font-weight:600;
}
.themeSarr2027 .registrationPanel .panelbody{
 padding:20px!important;
}

/* Fields */
.themeSarr2027 .registrationFormGrid{
 gap:13px 14px!important;
}
.themeSarr2027 .registrationPanel .field label{
 color:#695254!important;
 font-size:8px!important;
 font-weight:700!important;
 letter-spacing:.2px;
 margin-bottom:6px!important;
}
.themeSarr2027 .registrationPanel .field input,
.themeSarr2027 .registrationPanel .field select,
.themeSarr2027 .registrationPanel .field textarea{
 background:#fff!important;
 border:1px solid #e8d3d5!important;
 border-radius:10px!important;
 min-height:48px!important;
 color:#342022!important;
 font-family:"Poppins",Arial,sans-serif!important;
 font-size:11px!important;
 font-weight:500!important;
 padding:0 13px!important;
 outline:none!important;
 transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.themeSarr2027 .registrationPanel .field textarea{
 padding:11px 13px!important;
 min-height:90px!important;
 resize:vertical;
}
.themeSarr2027 .registrationPanel .field input:focus,
.themeSarr2027 .registrationPanel .field select:focus,
.themeSarr2027 .registrationPanel .field textarea:focus{
 border-color:#c9525d!important;
 box-shadow:0 0 0 3px rgba(201,82,93,.10)!important;
 background:#fff!important;
}
.themeSarr2027 .registrationPanel .brandHelp{
 color:#9c888a!important;
 font-size:7px!important;
 margin-top:5px;
}

/* Section titles */
.themeSarr2027 .registrationSectionTitle{
 grid-column:1/-1;
 display:flex!important;
 align-items:center!important;
 gap:11px!important;
 margin:15px 0 2px!important;
 padding:13px 14px!important;
 background:linear-gradient(90deg,#f7e8e9 0%,#fbf4f5 100%)!important;
 border:1px solid #ebd4d6!important;
 border-radius:11px!important;
 color:#47181c!important;
}
.themeSarr2027 .registrationSectionTitle>span,
.themeSarr2027 .registrationPaymentTitle>span{
 width:28px;height:28px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 28px;
 border-radius:50%;
 background:#591c21;
 color:#fff;
 font-size:9px;
 font-weight:900;
 box-shadow:0 5px 12px rgba(89,28,33,.18);
}
.themeSarr2027 .registrationSectionTitle div{
 display:flex;
 flex-direction:column;
 gap:1px;
}
.themeSarr2027 .registrationSectionTitle b{
 font-size:10px;
 font-weight:800;
}
.themeSarr2027 .registrationSectionTitle small{
 color:#977b7e;
 font-size:7px;
 font-weight:500;
}

/* Championship question */
.themeSarr2027 .latinChampionshipField:not(.hidden){
 background:linear-gradient(135deg,#ffe9eb 0%,#fff8f9 100%);
 border:1px solid #fac2c7;
 border-radius:11px;
 padding:11px;
}
.themeSarr2027 .latinChampionshipField label{
 color:#822a32!important;
}

/* Fee card */
.themeSarr2027 .currentFeeBox{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:3px 18px;
 align-items:center;
 background:
  radial-gradient(circle at 100% 0%,rgba(222,87,99,.12),transparent 140px),
  #fff!important;
 border:1px solid #eec8cb!important;
 border-left:5px solid #ad3843!important;
 border-radius:12px!important;
 padding:15px 17px!important;
 margin:5px 0 1px!important;
}
.themeSarr2027 .currentFeeBox strong{
 grid-column:2;
 grid-row:1/3;
 color:#5c171d!important;
 font-size:24px!important;
 font-weight:900!important;
 white-space:nowrap;
}
.themeSarr2027 .currentFeeBox .sub{
 color:#806668!important;
 font-size:8px!important;
 font-weight:600!important;
}
.themeSarr2027 .currentFeeBox .sub:first-child{
 color:#4d2428!important;
 font-size:9px!important;
 font-weight:800!important;
}

/* Navigator */
.themeSarr2027 .navigatorBox{
 grid-column:1/-1!important;
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:13px 14px!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
}
.themeSarr2027 .navigatorBox.hidden{display:none!important}

/* Payment */
.themeSarr2027 .registrationPayment{
 margin-top:22px!important;
 padding:17px!important;
 background:#fff!important;
 border:1px solid #e8d2d4!important;
 border-radius:14px!important;
}
.themeSarr2027 .registrationPaymentTitle{
 display:flex;
 align-items:flex-start;
 gap:11px;
}
.themeSarr2027 .registrationPaymentTitle h3{
 margin:1px 0 2px!important;
 color:#47181c!important;
 font-size:12px!important;
 font-weight:800!important;
}
.themeSarr2027 .registrationPaymentTitle p{
 margin:0!important;
 color:#897375!important;
 font-size:8px!important;
 font-weight:500!important;
}
.themeSarr2027 .registrationPayment .paymentButtons{
 display:flex;
 gap:10px;
 margin-top:13px!important;
}
.themeSarr2027 .registrationPayment .paymentButtons .btn{
 flex:1;
 min-height:48px;
 border-radius:10px!important;
 font-size:9px!important;
 font-weight:800!important;
}
.themeSarr2027 .registrationPayment .paymentButtons #payYes{
 background:linear-gradient(135deg,#58171d 0%,#a93640 100%)!important;
 border:0!important;
}
.themeSarr2027 .registrationPayment .paymentButtons #payYes.selected{
 box-shadow:0 0 0 3px rgba(169,54,64,.18),0 10px 22px rgba(123,35,43,.18)!important;
}
.themeSarr2027 .registrationPayment .paymentButtons #payNo.selected{
 border-color:#a3414a!important;
 color:#79252d!important;
 background:#faebec!important;
}
.themeSarr2027 .registrationPayDetails{
 margin-top:15px!important;
 padding-top:15px!important;
 border-top:1px dashed #e3ccce!important;
}
.themeSarr2027 .registrationPayDetails .bank{
 background:linear-gradient(180deg,#3f161a 0%,#551c21 100%)!important;
 border:0!important;
 border-radius:13px!important;
 color:#fff!important;
 padding:15px!important;
}
.themeSarr2027 .registrationPayDetails .bankTitle{
 color:#eeb8bd!important;
 font-size:8px!important;
 letter-spacing:.6px;
}
.themeSarr2027 .registrationPayDetails .bankitem{
 background:rgba(255,255,255,.06)!important;
 border:1px solid rgba(255,255,255,.09)!important;
 border-radius:9px!important;
}
.themeSarr2027 .registrationPayDetails .bankitem small{
 color:#cba9ac!important;
}
.themeSarr2027 .registrationPayDetails .bankitem strong{
 color:#fff!important;
}

/* Footer / submit */
.themeSarr2027 .registrationFooterInfo{
 margin-top:18px;
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:15px;
 padding:14px 15px;
 background:#f4e9ea;
 border-radius:12px;
}
.themeSarr2027 .registrationFooterInfo>div{
 display:flex;
 align-items:center;
 gap:10px;
}
.themeSarr2027 .registrationFooterInfo>div>span{
 width:25px;height:25px;
 display:flex;align-items:center;justify-content:center;
 border-radius:50%;
 background:#e9cacd;color:#6b242a;
 font-size:11px;font-weight:900;
}
.themeSarr2027 .registrationFooterInfo p{
 margin:0;
 color:#7d6769;
 font-size:8px;
 line-height:1.35;
}
.themeSarr2027 .registrationSubmit{
 min-width:205px!important;
 min-height:50px!important;
 padding:0 20px!important;
 border:0!important;
 border-radius:10px!important;
 background:linear-gradient(135deg,#58171d 0%,#b73c47 100%)!important;
 color:#fff!important;
 font-size:10px!important;
 font-weight:900!important;
 box-shadow:0 10px 22px rgba(115,34,41,.20)!important;
}
.themeSarr2027 .registrationSubmit:disabled{
 opacity:.45!important;
 box-shadow:none!important;
}

/* Mobile */
@media(max-width:700px){
 .themeSarr2027 .sarrRegPage{
  padding-left:8px!important;
  padding-right:8px!important;
 }
 .themeSarr2027 .sarrRegIntro{
  grid-template-columns:86px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border-radius:14px;
 }
 .themeSarr2027 .sarrRegIntroLogo img{
  width:82px;
  max-height:62px;
 }
 .themeSarr2027 .sarrRegIntroText h3{
  font-size:16px;
 }
 .themeSarr2027 .sarrRegIntroText p{
  font-size:7px;
 }
 .themeSarr2027 .sarrRegIntroMeta{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 0 0;
  border-left:0;
  border-top:1px solid rgba(255,255,255,.15);
  text-align:left;
 }
 .themeSarr2027 .sarrRegIntroMeta strong{font-size:13px}
 .themeSarr2027 .registrationPanelHead{
  min-height:54px;
  padding:0 14px!important;
 }
 .themeSarr2027 .registrationPanelHead strong{
  font-size:11px!important;
 }
 .themeSarr2027 .registrationPanelHead span{display:none}
 .themeSarr2027 .registrationPanel .panelbody{
  padding:13px!important;
 }
 .themeSarr2027 .registrationFormGrid{
  grid-template-columns:1fr!important;
  gap:11px!important;
 }
 .themeSarr2027 .registrationPanel .field{
  grid-column:1/-1!important;
 }
 .themeSarr2027 .registrationPanel .field input,
 .themeSarr2027 .registrationPanel .field select{
  min-height:50px!important;
  font-size:11px!important;
 }
 .themeSarr2027 .navigatorBox{
  grid-template-columns:1fr!important;
  gap:11px!important;
 }
 .themeSarr2027 .currentFeeBox{
  grid-template-columns:1fr auto;
  padding:13px!important;
 }
 .themeSarr2027 .currentFeeBox strong{
  font-size:20px!important;
 }
 .themeSarr2027 .registrationPayment{
  padding:13px!important;
 }
 .themeSarr2027 .registrationPayment .paymentButtons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
 }
 .themeSarr2027 .registrationPayment .paymentButtons .btn{
  min-height:46px;
  font-size:8px!important;
  padding:0 7px!important;
 }
 .themeSarr2027 .bankgrid{
  grid-template-columns:1fr!important;
 }
 .themeSarr2027 .registrationFooterInfo{
  grid-template-columns:1fr;
  gap:11px;
 }
 .themeSarr2027 .registrationSubmit{
  width:100%!important;
  min-width:0!important;
 }
}



body.themeSarr2027{
 --ink:#151515;--paper:#f4f4f4;--soft:#e9e9e9;--line:#d8d8d8;
 --sarr-bg:#f4f4f4;--sarr-card:#fff;--sarr-deep:#151515;--sarr-deep-2:#3b090f;
 --sarr-violet:#c8101e;--sarr-violet-2:#e01b2b;--sarr-accent:#e01b2b;
 --sarr-line:#e2d6d8;--sarr-text:#202020;--sarr-muted:#707070;
 background:#f4f4f4;color:#202020;
}
body.themeSarr2027 .pubhero,body.themeSarr2027 .hero,
body.themeSarr2027 .sarrRegIntro{
 background:linear-gradient(120deg,#101010 0%,#1a1a1a 60%,#8e0c18 100%)!important;
}
body.themeSarr2027 .pubheroIn h2 span{color:#ff3947!important}
body.themeSarr2027 header.top,body.themeSarr2027 .publictop,
body.themeSarr2027 .topbar,body.themeSarr2027 .brandbar{
 background:#101010!important;border-bottom:3px solid #c8101e;color:#fff!important;
}
body.themeSarr2027 .registrationPanelHead,
body.themeSarr2027 .canavGridHead.canavBlackHead,
body.themeSarr2027 .resultCanavHead.canavBlackHead{
 background:linear-gradient(90deg,#101010 0%,#242424 75%,#9e0d1a 100%)!important;
}
body.themeSarr2027 .canavGridHead.canavBlackHead,
body.themeSarr2027 .resultCanavHead.canavBlackHead{border-left-color:#d71920!important}
body.themeSarr2027 .registrationSubmit,
body.themeSarr2027 .registrationPayment .paymentButtons #payYes{
 background:linear-gradient(135deg,#a00b18,#dc1427)!important;
}
body.themeSarr2027 .navbtn.active,body.themeSarr2027 .stageTab.active{
 background:#c8101e!important;color:#fff!important;border-color:#c8101e!important;
}
body.themeSarr2027 .sarrRegIntroLogo,
body.themeSarr2027 img[src*="sarr-2027-logo"]{
 background:transparent!important;border:0!important;outline:0!important;
}