/* ===========================================================
   Re:Cycla — sección «Eventos deportivos» (13 oct 2026)
   Directorio gratis de eventos de todo México.
   =========================================================== */
.ev-main{max-width:1180px;margin:0 auto;padding:calc(var(--nav) + 32px) var(--g) 56px}
.ev-main .tit{margin-top:0}
.ev-main .parr{max-width:720px}

.ev-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ev-chips a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;
  border:1.5px solid #3A3A40;color:var(--blanco);text-decoration:none;font-size:14.5px;font-weight:700}
.ev-chips a span{color:var(--naranja)}
.ev-chips a:hover{border-color:var(--naranja)}

.ev-filtros{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ev-filtros label{display:grid;gap:4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.ev-filtros select{min-height:44px;min-width:170px;padding:0 12px;border-radius:10px;border:1.5px solid #3A3A40;
  background:var(--panel);color:var(--blanco);font:inherit;font-size:15px;text-transform:none;letter-spacing:0}

.ev-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:22px}
.ev-tarjeta[hidden]{display:none}
.ev-tarjeta a{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:var(--panel);
  border:1px solid var(--linea);color:inherit;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s}
.ev-tarjeta a:hover{transform:translateY(-2px);border-color:rgba(248,72,8,.6)}
.ev-foto{display:block;aspect-ratio:4/5;background:#141416;overflow:hidden}
.ev-foto img{width:100%;height:100%;object-fit:cover;display:block}
.ev-sinfoto{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--naranja);
  font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.ev-sinfoto b{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:64px;line-height:1;color:var(--blanco);letter-spacing:0}
.ev-datos{display:grid;gap:3px;padding:12px 14px 16px;font-size:14px;line-height:1.35;color:var(--texto)}
.ev-datos b{font-size:16px;line-height:1.25;color:var(--blanco)}
.ev-dep{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja)}

.ev-vacio{margin-top:20px;color:var(--gris)}
.ev-nota{margin-top:24px;font-size:13.5px;line-height:1.55;color:var(--gris);max-width:820px}
.ev-nota a,.ev-fuente a,.ev-publica a,.ev-migas a{color:var(--naranja)}

.ev-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding:20px 22px;
  border-radius:14px;background:var(--panel);border-left:4px solid var(--naranja)}
.ev-cta div{display:grid;gap:4px;max-width:620px}
.ev-cta b{font-size:18px}
.ev-cta span{font-size:14.5px;line-height:1.5;color:var(--texto)}
.ev-cta .btn-nar{width:auto;text-decoration:none}
.ev-publica{margin-top:14px;font-size:14px;color:var(--texto)}

/* página de un evento */
.ev-migas{font-size:14px;color:var(--gris);margin-bottom:18px}
.ev-paso{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:8px;background:#3A2A10;color:#FFD23F;font-weight:700;font-size:14px}
.ev-cuerpo{display:grid;gap:28px}
.ev-convocatoria img{width:100%;height:auto;border-radius:14px;display:block;background:#141416}
.ev-convocatoria figcaption{margin-top:8px;font-size:13px;color:var(--gris)}
.ev-info h1{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.12;margin:6px 0 8px}
.ev-cuando{font-size:17px;color:var(--blanco);margin-bottom:12px}
.ev-tabla{width:100%;border-collapse:collapse;margin:18px 0 20px;font-size:15px;line-height:1.45}
.ev-tabla th,.ev-tabla td{text-align:left;vertical-align:top;padding:9px 0;border-bottom:1px solid var(--linea)}
.ev-tabla th{width:120px;color:var(--gris);font-weight:500;padding-right:12px}
.ev-tabla td{color:var(--blanco)}
.ev-info .btn-nar{text-decoration:none}
.ev-fuente{margin-top:16px;font-size:14px;color:var(--texto)}
@media (min-width:900px){
  .ev-cuerpo{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
  .ev-convocatoria{position:sticky;top:calc(var(--nav) + 20px)}
}
@media (max-width:599px){
  .ev-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ev-datos{padding:10px 10px 12px;font-size:13px}
  .ev-datos b{font-size:14.5px}
  .ev-filtros select{min-width:0;width:100%}
  .ev-filtros label{flex:1 1 140px}
}
.ev-foto.ancha{display:flex;align-items:center;justify-content:center;padding:10px}
.ev-foto.ancha img{height:auto;max-height:100%;object-fit:contain;border-radius:6px}

/* Newsletter «Re:Cycla Brand Experience» (13 oct) */
.nl{margin-top:36px;padding:26px 22px;border-radius:16px;background:var(--panel);border:1px solid rgba(248,72,8,.45)}
.nl h2{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:clamp(24px,3vw,32px);line-height:1.15;margin:6px 0 8px}
.nl > p{font-size:15.5px;line-height:1.55;color:var(--texto);max-width:720px}
.nl > p b{color:var(--blanco)}
.nl-forma{display:grid;gap:18px;margin-top:18px}
.nl-forma fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.nl-forma legend{font-size:14px;font-weight:700;margin-bottom:8px}
.nl-forma small{font-weight:400;color:var(--gris)}
.nl-campos{display:grid;gap:12px}
.nl-forma label{display:grid;gap:6px;font-size:14px;font-weight:700}
.nl-forma input[type=email],.nl-forma input[type=text],.nl-estado select{min-height:48px;padding:0 14px;border-radius:10px;border:1.5px solid #3A3A40;
  background:var(--fondo);color:var(--blanco);font:inherit;font-size:16px;font-weight:400}
.nl-chips{display:flex;flex-wrap:wrap;gap:8px}
.nl-chip{position:relative;cursor:pointer}
.nl-chip input{position:absolute;opacity:0;width:1px;height:1px}
.nl-chip span{display:flex;align-items:center;min-height:42px;padding:0 15px;border-radius:999px;border:1.5px solid #3A3A40;
  font-size:14.5px;font-weight:700;color:var(--texto);background:var(--fondo)}
.nl-chip input:checked + span{background:var(--naranja);border-color:var(--naranja);color:var(--fondo)}
.nl-chip input:focus-visible + span{outline:2px solid var(--blanco);outline-offset:2px}
.nl-quita{min-height:38px;padding:0 13px;border-radius:999px;border:1.5px solid var(--naranja);background:rgba(248,72,8,.12);
  color:var(--blanco);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.nl-ciudad{margin-top:6px}
.nl-acepto{display:flex !important;align-items:flex-start;gap:10px;font-weight:400 !important;font-size:14px;line-height:1.5;color:var(--texto)}
.nl-acepto input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--naranja)}
.nl-acepto a{color:var(--naranja)}
.nl-forma .btn-nar{max-width:320px}
.nl-msg{min-height:20px;font-size:14.5px;color:var(--blanco)}
.nl-corto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;padding:18px 20px;
  border-radius:14px;background:var(--panel);border:1px solid rgba(248,72,8,.45)}
.nl-corto div{display:grid;gap:3px;max-width:640px}
.nl-corto b{font-size:17px}
.nl-corto span:not(.ev-dep){font-size:14px;color:var(--texto)}
.nl-corto .btn-nar{width:auto;text-decoration:none}
@media (min-width:700px){ .nl-campos{grid-template-columns:1fr 1fr} .nl{padding:30px 32px} }

/* Fotos con presencia (13 oct, Alan: «se vean súper profesionales»): la imagen completa,
   sin recorte, sobre un fondo desenfocado de ella misma */
.ev-foto{position:relative}
.ev-fondo{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(18px) brightness(.55);transform:scale(1.1)}
.ev-foto img{position:relative;object-fit:contain}
.ev-foto.ancha{padding:0}
.ev-foto.ancha img{max-height:none;height:100%;border-radius:0}
.ev-playeras{display:inline-block;margin-top:14px;font-size:15px;font-weight:700;color:var(--naranja);text-decoration:none}
.ev-playeras:hover{text-decoration:underline}

/* Franja de arriba en cada evento (Alan, 13 oct): «Cotiza playeras para tu equipo de corredores» */
.ev-equipo{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 22px;padding:14px 18px;
  border-radius:12px;background:var(--naranja);color:var(--fondo);text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1)}
.ev-equipo:hover{transform:translateY(-1px)}
.ev-equipo span{font-size:14px;line-height:1.4}
.ev-equipo b{display:block;font-size:17px;line-height:1.25}
.ev-equipo-ir{flex:none;font-weight:700;font-size:15px !important;white-space:nowrap}
@media (max-width:599px){ .ev-equipo{padding:12px 14px} .ev-equipo b{font-size:16px} }

/* Directorio por páginas (Alan, 13 oct noche: «que no se abra todo de jalón… no reventar el sistema») */
.ev-bienvenida{display:grid;gap:10px;margin-top:4px}
.ev-bienvenida b{color:var(--blanco)}
.ev-cifras{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px;font-size:14px;color:var(--texto)}
.ev-cifras b{display:block;font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:34px;line-height:1;color:var(--naranja)}
.ev-h2{font-family:'Excon','Satoshi',system-ui,sans-serif;font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:38px 0 4px}
.ev-puertas{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:14px}
.ev-puerta{display:grid;gap:4px;padding:18px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--linea);
  color:var(--blanco);text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s}
.ev-puerta:hover{transform:translateY(-2px);border-color:rgba(248,72,8,.6)}
.ev-puerta b{font-size:19px}
.ev-puerta span{font-size:13.5px;color:var(--naranja);font-weight:700}
.ev-estados a{min-height:36px;font-size:14px}
.ev-chips a[aria-current="page"]{background:var(--naranja);border-color:var(--naranja);color:var(--fondo)}
.ev-chips a[aria-current="page"] span{color:var(--fondo)}
.ev-cuenta{margin-top:18px;font-size:14px;color:var(--gris)}
.ev-mes{grid-column:1/-1;margin-top:8px;padding-top:10px;border-top:1px solid var(--linea);font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.ev-mes:first-child{margin-top:0;border-top:0;padding-top:0}
.ev-mas{display:block;width:100%;max-width:360px;min-height:50px;margin:24px auto 0;border-radius:999px;border:1.5px solid var(--naranja);
  background:transparent;color:var(--blanco);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.ev-mas:hover{background:rgba(248,72,8,.12)}
.ev-mas[disabled]{opacity:.6;cursor:wait}
.ev-paginas{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;font-size:14.5px;color:var(--gris)}
.ev-paginas a{color:var(--naranja);font-weight:700;text-decoration:none}
.ev-paginas a:last-child{text-align:right}
.ev-vertodos{margin-top:24px;text-align:center}
.ev-vertodos .btn-nar{width:auto;display:inline-flex;text-decoration:none}
.ev-migas span{color:var(--texto)}
/* Menú «Estado: Todo México» (Alan, 13 oct 20:56) */
.ev-menu{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.ev-menu label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.ev-menu select{appearance:none;-webkit-appearance:none;min-height:44px;min-width:240px;max-width:100%;padding:0 44px 0 16px;
  border-radius:999px;border:1px solid rgba(255,255,255,.18);background-color:transparent;color:inherit;font:inherit;font-size:16px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23F84808' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 18px center}
.ev-menu select:hover,.ev-menu select:focus{border-color:var(--naranja);outline:none}
.ev-menu select option{color:#111;background:#fff}
@media (max-width:480px){.ev-menu select{flex:1;min-width:0}}
