/* v1.13.2.1 · Identidad tipográfica global Entrada en Línea
   Rubik para interfaz y lectura; Poppins ExtraBold para nombres de eventos.
   Las fuentes se sirven localmente desde /fonts/ del dominio. */
@font-face{
  font-family:'EEL Poppins';
  src:url('/fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-style:normal;
  font-weight:800;
  font-display:swap;
}
@font-face{
  font-family:'EEL Rubik';
  src:url('/fonts/Rubik-VariableFont_wght.ttf') format('truetype');
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
}
@font-face{
  font-family:'EEL Rubik';
  src:url('/fonts/Rubik-Italic-VariableFont_wght.ttf') format('truetype');
  font-style:italic;
  font-weight:300 900;
  font-display:swap;
}

/* Entrada en Línea — UI base v1.12.0 */
:root{
  --eel-navy:#0b153f;
  --eel-navy-2:#172250;
  --eel-gold:#efa900;
  --eel-gold-dark:#b97900;
  --eel-green:#17a34a;
  --eel-green-soft:#ebf9ef;
  --eel-amber:#f6ad17;
  --eel-amber-soft:#fff6df;
  --eel-red:#d92d20;
  --eel-red-soft:#fff1f0;
  --eel-blue:#2563eb;
  --eel-bg:#f7f8fb;
  --eel-card:#fff;
  --eel-text:#111827;
  --eel-muted:#667085;
  --eel-border:#e6e9ef;
  --eel-shadow:0 10px 30px rgba(13,24,61,.07);
  --eel-shadow-soft:0 3px 12px rgba(13,24,61,.05);
  --eel-radius:20px;
}

.eel-staff-portal,
.eel-login-wrap,
.eel-productora-portal,
.eel-productora-login{
  font-family:'EEL Rubik',Arial,sans-serif !important;
  color:var(--eel-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.eel-staff-portal *,
.eel-login-wrap *,
.eel-productora-portal *,
.eel-productora-login *{box-sizing:border-box}

.eel-staff-portal h1,.eel-staff-portal h2,.eel-staff-portal h3,
.eel-productora-portal h1,.eel-productora-portal h2,.eel-productora-portal h3,
.eel-login-wrap h1,.eel-login-wrap h2,
.eel-productora-login h1,.eel-productora-login h2{
  font-family:inherit !important;
  letter-spacing:-.025em;
  color:inherit;
}

.eel-success,.eel-error,.eel-event-closed{
  border-radius:16px !important;
  box-shadow:var(--eel-shadow-soft);
}

.eel-success{background:#effbf3 !important;border:1px solid #b7e7c4 !important;color:#147238 !important}
.eel-error{background:var(--eel-red-soft) !important;border:1px solid #f4c4c0 !important;color:#9b2920 !important}

.eel-login-wrap,
.eel-productora-login{
  width:min(100% - 28px,480px) !important;
  margin:56px auto !important;
  padding:0 !important;
}

.eel-login-card,
.eel-productora-login{
  background:#fff !important;
  border:1px solid var(--eel-border) !important;
  border-radius:24px !important;
  box-shadow:0 18px 48px rgba(13,24,61,.10) !important;
}

.eel-productora-login{padding:30px !important}
.eel-login-card{padding:30px !important}

.eel-login-title,
.eel-productora-login h2{
  margin:0 0 7px !important;
  font-size:30px !important;
  color:var(--eel-navy) !important;
}

.eel-login-sub,.eel-productora-login>p{color:var(--eel-muted) !important}

.eel-field label,.eel-productora-login label{font-weight:700;color:#344054}
.eel-field select,.eel-field input,
.eel-productora-login input[type=text],.eel-productora-login input[type=password],
.eel-productora-login select{
  min-height:52px !important;
  width:100% !important;
  border:1px solid #d8dde7 !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:12px 14px !important;
  font-family:inherit !important;
  font-size:16px !important;
  outline:none;
  transition:.18s ease;
}
.eel-field select:focus,.eel-field input:focus,
.eel-productora-login input:focus,.eel-productora-login select:focus{
  border-color:#9ea8c3 !important;
  box-shadow:0 0 0 4px rgba(11,21,63,.07) !important;
}

.eel-login-button,.eel-productora-login button[type=submit]{
  width:100% !important;
  min-height:52px !important;
  padding:13px 18px !important;
  border:0 !important;
  border-radius:14px !important;
  background:var(--eel-navy) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-weight:700 !important;
  font-size:16px !important;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(11,21,63,.16);
}
.eel-login-button:hover,.eel-productora-login button[type=submit]:hover{transform:translateY(-1px)}

button,a,input,select{font-family:inherit}

@media(max-width:600px){
  .eel-login-wrap,.eel-productora-login{margin:28px auto !important}
  .eel-login-card,.eel-productora-login{border-radius:20px !important;padding:23px !important}
}

/* v1.13.1.4 · Iconografía lineal unificada con Core y Core Control */
.eel-ui-icon{
  display:inline-block;
  flex:0 0 auto;
  vertical-align:-.18em;
  color:currentColor;
}
.eel-icon-button,
.eel-icon-button-inner,
.eel-icon-title,
.eel-icon-heading,
.eel-icon-status,
.eel-icon-inline,
.eel-icon-notice{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.eel-icon-button-inner{justify-content:center;width:100%}
.eel-icon-title{gap:9px}
.eel-icon-heading{display:flex!important;align-items:center;gap:9px}
.eel-icon-heading-center{justify-content:center}
.eel-icon-status{gap:6px;white-space:nowrap}
.eel-icon-inline{gap:5px}
.eel-icon-notice{display:flex!important;align-items:flex-start;gap:9px}
.eel-icon-notice .eel-ui-icon{margin-top:1px}


/* v1.13.2.1 · Poppins queda reservada para el nombre del evento. */
.eel-staff-portal .eel-staff-title,
.eel-productora-portal .eel-prod-title{
  font-family:'EEL Poppins',Arial,sans-serif !important;
  font-weight:800 !important;
}
