/* NEYPass skin for the authentic FUTICKET 0.5.16 engine. No invented payment forms. */
:root{
 --ft-primary:#8050dc!important;
 --ft-primary-dark:#6032b9!important;
 --ft-primary-soft:#f4ecff!important;
 --ft-background:#f9f7fe!important;
 --ft-card:#fff!important;
 --ft-text:#271936!important;
 --ft-muted:#7e7290!important;
 --ft-border:#e9def6!important;
 --ft-success:#208c69!important;
 --ft-shadow:0 14px 36px rgba(79,40,137,.08)!important;
 --ft-blue:#8651dc!important;
 --ft-blue-dark:#6731c8!important;
 --ft-blue-soft:#f3edff!important;
}
body.ft-admin-body,body.neypass-storefront,body.woocommerce-checkout,
body.neypass-checkout-page{font-family:Inter,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:radial-gradient(circle at 2% 0%,rgba(192,151,255,.19),transparent 36%),radial-gradient(circle at 94% 96%,rgba(150,202,255,.16),transparent 34%),#faf8ff!important;color:#271936!important}
.ft-admin-shell,.ft-storefront,.ft-checkout-page{color:#271936}
.ft-sidebar,.ft-topbar,.ft-panel,.ft-event-hero,.ft-metric-card,.ft-ticket-panel,.ft-order-result,
.ft-checkout-card,.neypass-checkout-details,.neypass-checkout-summary,.neypass-checkout-topbar,
.neypass-checkout-card,.neypass-checkout-page .neypass-checkout-summary{
 backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);
 background-color:rgba(255,255,255,.84);border-color:rgba(226,210,247,.82);
 box-shadow:0 12px 36px rgba(90,49,147,.065)}
.ft-brand__name,.ft-brand-word,.neypass-checkout-brand{font-weight:850;letter-spacing:-.045em;color:#26173a}
.ft-nav-link.is-active,.ft-button--primary,.ft-purchase-button,
.ft-storefront button[type=submit],.neypass-checkout-submit,
.woocommerce #place_order{background:linear-gradient(112deg,#933dde,#655de2)!important;border-color:transparent!important;color:#fff!important}
.ft-nav-link.is-active,.ft-nav-link.is-active *, .ft-button--primary:hover{color:#fff!important}
.ft-event-title,.ft-page-heading h1,.ft-section-heading h2{letter-spacing:-.035em}
.ft-panel,.ft-event-hero,.ft-metric-card{border-radius:22px}
.ft-ticket-card.is-selected,.ft-ticket-card:focus-within{border-color:#9567ed!important;box-shadow:0 0 0 2px rgba(149,103,237,.12)}
.ft-ticket-card,.ft-order-result{background-color:rgba(255,255,255,.88)}
.neypass-checkout-page .neypass-reservation-timer,.neypass-checkout-page .neypass-checkout-timer{background:#f4ecff;border-color:#dfd0fd;color:#6540b2}
.woocommerce .order-total strong,.woocommerce .order-total .amount,.ft-total-amount,.ft-checkout-total{
 color:#7442c7!important;font-weight:900!important}
@media(max-width:700px){.ft-event-hero,.ft-panel{border-radius:18px}.ft-page{padding-left:12px!important;padding-right:12px!important}.ft-sidebar{max-width:min(310px,86vw)}}

/* v0.2: Consistencia visual NEYPass para todos los eventos. */
:root{color-scheme:light}
.ft-admin-body .ft-sidebar,.ft-admin-body .ft-admin-header,.ft-admin-body .ft-admin-main,
.ft-admin-body .ft-card,.ft-admin-body .ft-panel,
.ft-storefront .ft-event-card,.ft-storefront .ft-event-hero,
.ft-checkout-page .ft-card{
 border-color:rgba(225,214,246,.86)!important;
}
.ft-admin-body button,.ft-admin-body input,.ft-admin-body select,
.ft-storefront button,.ft-storefront input,.ft-storefront select,
.woocommerce-checkout button,.woocommerce-checkout input{
 font-family:inherit;
}
.ft-admin-body input:focus-visible,.ft-admin-body select:focus-visible,
.ft-storefront button:focus-visible,.ft-storefront input:focus-visible,
.woocommerce-checkout button:focus-visible{
 outline:2px solid #8e59dd;outline-offset:2px;
}
.ft-admin-body .ft-badge,.ft-storefront .ft-badge{border-radius:999px}
.ft-admin-body .ft-label,.ft-storefront .ft-label{color:#735a93}
body .ft-error, body .woocommerce-error{color:#a22a52}
@media(max-width:780px){.ft-admin-body,.ft-storefront,body.woocommerce-checkout{overflow-x:hidden}}

.ft-venue-visual--neypass-fallback{min-height:230px!important;background:radial-gradient(circle at 20% 22%,rgba(211,169,255,.75),transparent 40%),linear-gradient(135deg,#f8edff,#eee3ff 58%,#d9dafa)!important;}
.ft-neypass-venue-placeholder{display:flex;align-items:center;justify-content:center;gap:0;font-size:clamp(38px,6vw,66px);font-weight:900;letter-spacing:-.08em;color:#301859;text-shadow:0 6px 20px rgba(99,63,183,.09)}
.ft-neypass-venue-placeholder strong{color:#8750de;font-weight:900}

/* NEYPass v0.3.0 — Experiencias generales: carteleras sin enfrentamientos deportivos. */
.ft-catalog-card__participants{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin:0 0 7px;color:#7053a3;font-size:11px;font-weight:750;line-height:1.35}
.ft-catalog-card__participants small{color:#868096;font-size:10px;font-weight:650}
.ft-experience-card__teams{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.ft-experience-card__teams>div{align-items:center;justify-items:center;padding:9px 10px;border-radius:12px;background:rgba(26,18,50,.38);backdrop-filter:blur(7px)}
.ft-experience-card__teams strong{font-size:11px;white-space:normal;line-height:1.25}
.neypass-event-credit{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0;color:#fff;font-size:12px;font-weight:700}
.neypass-event-credit span+span:before{content:'·';margin-right:10px;opacity:.65}
.ft-ticket-event-credits{display:flex;flex-wrap:wrap;gap:5px 10px;margin:8px 0;color:rgba(255,255,255,.9);font-size:11px;font-weight:800}
.ft-ticket-event-credits span+span:before{content:'·';margin-right:9px;opacity:.7}

.ft-match-report-hero__event-mark{display:flex!important;justify-content:flex-start!important;align-items:center!important;max-width:max-content!important}
.ft-match-report-hero__event-mark span{display:inline-flex;padding:10px 14px;border-radius:14px;color:#fff;background:rgba(255,255,255,.15);font-size:12px;font-weight:850;letter-spacing:.04em}

/* v0.4.0 — NEYPass Liquid restoration: storefront presentation (FUTICKET backend untouched). */
body.neypass-storefront .ft-topbar{background:rgba(255,255,255,.68)!important;backdrop-filter:blur(28px) saturate(175%);border-bottom:1px solid rgba(255,255,255,.83)}
body.neypass-storefront .ft-event-hero{padding:18px 24px!important;gap:15px!important;align-items:center;background:linear-gradient(115deg,rgba(255,255,255,.82),rgba(246,239,255,.70))!important;box-shadow:0 13px 31px rgba(89,49,133,.065)}
body.neypass-storefront .ft-event-hero::after{background:rgba(175,129,241,.09)!important}
body.neypass-storefront .ft-event-title{font-size:clamp(24px,2.8vw,38px)!important;line-height:1.14!important}
body.neypass-storefront .ft-event-meta{margin-top:11px!important;gap:7px!important}
body.neypass-storefront .ft-meta-chip{min-height:30px;padding:6px 10px;font-size:11px;border:1px solid #e9e0f5;background:rgba(255,255,255,.7);color:#655773}
body.neypass-storefront .ft-eyebrow{margin-bottom:8px;font-size:10px;letter-spacing:.12em}
body.neypass-storefront .ft-page{padding-top:18px}
body.neypass-storefront .ft-purchase-grid{grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:15px}
body.neypass-storefront .ft-venue-panel,body.neypass-storefront .ft-ticket-panel{border-radius:21px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.92);box-shadow:0 14px 35px rgba(84,52,123,.07)}
body.neypass-storefront .ft-venue-panel{top:90px;padding:17px}
body.neypass-storefront .ft-venue-visual--event-poster{height:clamp(245px,38dvh,370px);min-height:245px!important;background-color:#e7def6!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;border-color:#e9e1f4}
body.neypass-storefront .ft-venue-visual--event-poster::before{display:none!important}
body.neypass-storefront .ft-ticket-panel{padding:17px}
body.neypass-storefront .ft-section-heading{margin-bottom:12px}
body.neypass-storefront .ft-section-heading h2{font-size:20px}
body.neypass-storefront .ft-section-heading p{font-size:12px;line-height:1.45}
body.neypass-storefront .np-liquid-about{border-top:1px solid #ece3f5;padding:15px 2px 0;margin:15px 0 0;overflow-wrap:anywhere}
body.neypass-storefront .np-liquid-about h3{font-size:17px;margin:0 0 8px;color:#352341;font-weight:850}
body.neypass-storefront .np-liquid-about p,body.neypass-storefront .np-liquid-about li{font-size:12px;color:#766c80;line-height:1.65}
body.neypass-storefront .np-liquid-about p:last-child{margin-bottom:0}
body.neypass-storefront .ft-venue-caption{color:white}
body.neypass-storefront .ft-purchase-button,body.woocommerce-checkout #place_order{background:linear-gradient(112deg,#8e43de,#5969df)!important}
@media(max-width:1100px){body.neypass-storefront .ft-purchase-grid{grid-template-columns:1fr!important}body.neypass-storefront .ft-venue-panel{position:relative!important;top:auto!important}}
@media(max-width:720px){body.neypass-storefront .ft-event-hero{padding:15px 14px!important}body.neypass-storefront .ft-event-title{font-size:26px!important}body.neypass-storefront .ft-event-meta{display:flex;flex-direction:row;flex-wrap:wrap}body.neypass-storefront .ft-meta-chip{width:auto;font-size:10px}body.neypass-storefront .ft-venue-visual--event-poster{height:280px;min-height:250px!important}body.neypass-storefront .ft-page{padding-top:12px!important}}


/* v0.7.3 VISUAL ONLY: NEYPass original CRM 0.9.3 design metrics adapted to FUTICKET markup. */
body.ft-admin-body{font-family:Inter,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:#f7f7fb!important;color:#252137!important}
body.ft-admin-body .ft-admin-shell{grid-template-columns:244px minmax(0,1fr)!important}
body.ft-admin-body .ft-sidebar{background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(250,248,255,.96))!important;border-right:1px solid #eae7f0!important;box-shadow:8px 0 32px rgba(66,40,104,.025)!important;padding:27px 15px 17px 17px}
body.ft-admin-body .ft-sidebar__brand{padding:0 9px 19px;border-bottom:1px solid #efebf5}
body.ft-admin-body .ft-brand-word{font-size:22px;letter-spacing:-.06em;color:#392352;font-weight:900}
body.ft-admin-body .ft-nav-link{min-height:44px;margin:3px 0;padding:10px 13px;border-radius:13px;color:#675e78!important;font-size:12px;font-weight:660;box-shadow:none}
body.ft-admin-body .ft-nav-link:hover{background:#f1ebfb!important;color:#5f43a3!important}
body.ft-admin-body .ft-nav-link.is-active{background:linear-gradient(105deg,#7c4de2,#674ec4)!important;color:#fff!important;box-shadow:0 8px 17px rgba(106,70,192,.16)}
body.ft-admin-body .ft-nav-link.is-active :is(svg,span){color:#fff!important}
body.ft-admin-body .ft-topbar{min-height:77px;background:rgba(255,255,255,.88)!important;border-bottom:1px solid #ebe7f0!important;backdrop-filter:blur(22px)}
body.ft-admin-body .ft-admin-main{padding:clamp(18px,3vw,40px) clamp(18px,3vw,43px);max-width:1500px;width:100%;min-width:0;margin:0 auto}
body.ft-admin-body .ft-page-heading h1{color:#211a36!important;font-size:clamp(24px,3vw,31px)!important;font-weight:850;letter-spacing:-.05em}
body.ft-admin-body :is(.ft-panel-card,.ft-metric-card,.ft-order-result,.ft-panel,.ft-event-card){border:1px solid rgba(225,217,239,.86)!important;border-radius:21px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 11px 30px rgba(57,39,96,.035),inset 0 1px 0 #fff!important;backdrop-filter:blur(14px)}
body.ft-admin-body .ft-button--primary{background:linear-gradient(110deg,#7d4de0,#6753ce)!important;border-color:transparent!important;color:#fff!important;border-radius:12px!important;box-shadow:0 9px 17px rgba(108,75,190,.15)!important}
body.ft-admin-body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #e7e1ee;border-radius:12px;background:#fbfaff;color:#342a48}
body.ft-admin-body :is(input,select,textarea):focus-visible{outline:2px solid #a58add;outline-offset:2px}
body.ft-admin-body :is(.ft-page-heading,.ft-card-heading) p{font-size:12px;color:#888095}
@media(max-width:900px){body.ft-admin-body .ft-admin-shell{display:block!important}body.ft-admin-body .ft-sidebar{padding:20px 14px}body.ft-admin-body .ft-admin-main{padding:18px 13px}}
/* Original NEYPass warm glass wallet palette for customer area; no changes to ticket/QR state. */
body:has(.ft-account-home) .ft-account-home,body:has(.ft-match-card) .ft-match-card{color:#2b213d}
body:has(.ft-account-home) :is(.ft-match-card,.ft-ticket-card,.ft-match-ticket,.ft-inactive-order){border-radius:20px;border-color:#e5dbf5;background:rgba(255,255,255,.87);box-shadow:0 12px 28px rgba(73,49,126,.065)}
body:has(.ft-account-home) :is(.ft-account-buy,.ft-ticket-open){background:linear-gradient(115deg,#8247ea,#6259de);border-radius:12px;color:#fff}
body:has(.ft-account-home) :is(.ft-match-heading,.ft-match-ticket__number){color:#392a59}