.cle{--cle-accent:#c1121f;--cle-ink:#16171c;--cle-mut:#62666f;--cle-line:#e4e5e8;--cle-soft:#f4f4f2;--cle-paper:#fff;
  color:var(--cle-ink);line-height:1.6;font-size:16px;max-width:1200px;margin:0 auto;padding:0 16px 48px;box-sizing:border-box}
.cle *,.cle *:before,.cle *:after{box-sizing:border-box}
.cle a{color:inherit}
.cle img{max-width:100%;height:auto}
.cle-ico{flex:none}
.cle-page{width:100%}

/* Hero + cabecera */
.cle-hero{height:clamp(150px,24vw,280px);border-radius:22px;background:#16171c center/cover no-repeat;margin-top:16px}
.cle-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 310px;gap:32px;align-items:start;
  background:var(--cle-paper);border:1px solid var(--cle-line);border-radius:22px;padding:28px;margin:-64px 12px 0;box-shadow:0 10px 30px rgba(20,21,28,.08)}
.cle-head__logo img{display:block;width:168px;height:168px;object-fit:cover;border-radius:16px}
.cle-title{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:10px 0 14px;text-transform:uppercase}
.cle-lead{color:var(--cle-mut);margin:14px 0 0;max-width:60ch}
.cle-chips{display:flex;flex-wrap:wrap;gap:8px}
.cle-chip{display:inline-block;padding:3px 12px;border-radius:99px;background:var(--cle-soft);font-size:.85rem;text-decoration:none;font-weight:600}
.cle-chip:hover{background:var(--cle-ink);color:#fff}

/* Estado */
.cle-status{display:inline-block;padding:3px 12px;border-radius:6px;font-size:.82rem;font-weight:700;background:var(--cle-soft);color:var(--cle-ink)}
.cle-status--abierto,.cle-status--proximo{background:#dcf5e5;color:#0f6a33}
.cle-status--agotado{background:#ffe1e1;color:#9c1518}
.cle-status--en-curso{background:#fff0c2;color:#6f5200}
.cle-status--finalizado{background:#e8e9ec;color:#4b4f57}

/* Dorsal (la fecha, como número de competidor) */
.cle-bib{position:relative;width:86px;padding:12px 8px 8px;margin:0 0 18px;background:#fff;border:2px solid var(--cle-ink);border-radius:8px;text-align:center;line-height:1}
.cle-bib:before,.cle-bib:after{content:"";position:absolute;top:5px;width:7px;height:7px;border-radius:50%;border:2px solid var(--cle-ink);background:var(--cle-soft)}
.cle-bib:before{left:6px}.cle-bib:after{right:6px}
.cle-bib__day{display:block;font-size:2.2rem;font-weight:900;letter-spacing:-.04em;margin-top:6px}
.cle-bib__mon{display:block;margin-top:6px;padding-top:6px;border-top:2px solid var(--cle-accent);font-size:.9rem;font-weight:800;color:var(--cle-accent);text-transform:lowercase}

.cle-facts{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.cle-facts li{display:flex;gap:10px;align-items:flex-start}
.cle-facts .cle-ico{margin-top:4px;color:var(--cle-accent)}
.cle-maplink{display:block;font-size:.85rem;color:var(--cle-accent)}
.cle-facts--sm{gap:6px;margin:8px 0 14px;font-size:.92rem;color:var(--cle-mut)}
.cle-facts--sm .cle-ico{width:16px;height:16px;margin-top:5px}

/* Botones */
.cle-cta{display:grid;gap:10px}
.cle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;border:2px solid transparent;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit;line-height:1.2}
.cle-btn--main{background:var(--cle-accent);color:#fff!important}
.cle-btn--main:hover{background:var(--cle-ink)}
.cle-btn--ghost{border-color:var(--cle-ink);color:var(--cle-ink)!important;background:transparent}
.cle-btn--ghost:hover{background:var(--cle-ink);color:#fff!important}
.cle-btn--dark{background:var(--cle-ink);color:#fff}
.cle-btn--dark:hover{background:var(--cle-accent)}
.cle-btn--off{background:var(--cle-soft);color:var(--cle-mut);cursor:default}
.cle-btn--sm{padding:9px 16px;font-size:.92rem}
.cle a:focus-visible,.cle button:focus-visible,.cle input:focus-visible,.cle select:focus-visible,.cle textarea:focus-visible{outline:3px solid var(--cle-accent);outline-offset:2px}

/* Cuerpo */
.cle-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;margin-top:28px;align-items:start}
.cle-body--solo{grid-template-columns:minmax(0,1fr)}
.cle-tabs{background:var(--cle-paper);border:1px solid var(--cle-line);border-radius:22px;overflow:hidden}
.cle-tabs__nav{display:flex;overflow-x:auto;border-bottom:1px solid var(--cle-line);background:var(--cle-soft);scrollbar-width:thin}
.cle-tabs__nav button{flex:none;appearance:none;border:0;background:transparent;padding:16px 22px;font:inherit;font-weight:700;color:var(--cle-mut);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.cle-tabs__nav button:hover{color:var(--cle-ink)}
.cle-tabs__nav button[aria-selected="true"]{color:var(--cle-ink);background:var(--cle-paper);border-bottom-color:var(--cle-accent)}
.cle-tabs__panel{padding:28px}
.cle-prose{max-width:none}
.cle-prose>*:first-child{margin-top:0}
.cle-prose h2,.cle-prose h3,.cle-prose h4{line-height:1.2;margin:1.6em 0 .6em}
.cle-prose p,.cle-prose ul,.cle-prose ol{max-width:75ch}
.cle-prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.cle-prose th,.cle-prose td{border:1px solid var(--cle-line);padding:8px 12px;text-align:left}
.cle-prose th{background:var(--cle-soft)}
.cle-prose iframe{max-width:100%}

.cle-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;color:var(--cle-mut);font-size:.92rem}
.cle-share a,.cle-share button{appearance:none;border:1px solid var(--cle-line);background:var(--cle-paper);border-radius:99px;padding:5px 14px;font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer;color:var(--cle-ink)}
.cle-share a:hover,.cle-share button:hover{border-color:var(--cle-ink)}

/* Contacto */
.cle-side{position:sticky;top:24px}
.cle-contact{background:var(--cle-ink);color:#fff;border-radius:22px;padding:26px}
.cle-contact h2{margin:0 0 6px;font-size:1.25rem;line-height:1.25;color:#fff}
.cle-contact>p{margin:0 0 18px;color:#c9cbd1;font-size:.93rem}
.cle-form{display:grid;gap:12px}
.cle-form label{display:grid;gap:4px;font-size:.88rem;font-weight:600}
.cle-form input,.cle-form textarea{width:100%;border:1px solid #3a3c45;background:#22242b;color:#fff;border-radius:10px;padding:11px 12px;font:inherit}
.cle-form input:focus,.cle-form textarea:focus{border-color:#fff}
.cle-form .cle-btn--dark{background:var(--cle-accent)}
.cle-form .cle-btn--dark:hover{background:#fff;color:var(--cle-ink)}
.cle-form__msg{margin:0;min-height:1.4em;font-size:.9rem}
.cle-form__msg.is-ok{color:#8ee6ac}.cle-form__msg.is-err{color:#ffabab}
.cle-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Listado */
.cle-archive-head{padding:40px 0 8px}
.cle-archive-head h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 6px;font-weight:800;letter-spacing:-.02em}
.cle-archive-head p{margin:0;color:var(--cle-mut)}
.cle-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 28px}
.cle-seg{display:inline-flex;background:var(--cle-soft);border-radius:12px;padding:4px}
.cle-seg label{cursor:pointer}
.cle-seg input{position:absolute;opacity:0}
.cle-seg span{display:block;padding:8px 16px;border-radius:9px;font-weight:700;font-size:.92rem;color:var(--cle-mut)}
.cle-seg input:checked+span{background:var(--cle-ink);color:#fff}
.cle-seg input:focus-visible+span{outline:3px solid var(--cle-accent)}
.cle-filters input[type=search],.cle-filters select{border:1px solid var(--cle-line);border-radius:10px;padding:10px 12px;font:inherit;background:#fff;min-width:200px}
.cle-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.cle-card{background:var(--cle-paper);border:1px solid var(--cle-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.cle-card__img{position:relative;display:block;aspect-ratio:1/1;background:var(--cle-soft)}
.cle-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.cle-card.is-past .cle-card__img img{filter:grayscale(1);opacity:.75}
.cle-bib--sm{position:absolute;left:14px;top:14px;width:62px;padding:10px 6px 6px;margin:0}
.cle-bib--sm .cle-bib__day{font-size:1.5rem;margin-top:4px}
.cle-bib--sm .cle-bib__mon{font-size:.75rem;margin-top:4px;padding-top:4px}
.cle-bib--sm:before,.cle-bib--sm:after{top:4px;width:5px;height:5px}
.cle-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.cle-card__body h3{margin:10px 0 0;font-size:1.15rem;line-height:1.25;font-weight:800;text-transform:uppercase}
.cle-card__body h3 a{text-decoration:none}
.cle-card__body h3 a:hover{color:var(--cle-accent)}
.cle-card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cle-price{font-weight:800}
.cle-pager ul{list-style:none;display:flex;gap:6px;justify-content:center;padding:0;margin:32px 0 0;flex-wrap:wrap}
.cle-pager a,.cle-pager span{display:block;padding:8px 14px;border:1px solid var(--cle-line);border-radius:10px;text-decoration:none;font-weight:700}
.cle-pager .current{background:var(--cle-ink);color:#fff;border-color:var(--cle-ink)}
.cle-empty{padding:48px 24px;border:2px dashed var(--cle-line);border-radius:20px;text-align:center;display:grid;gap:6px;color:var(--cle-mut)}
.cle-empty strong{color:var(--cle-ink)}

/* Destacados */
.cle-feat{display:grid;gap:20px;padding-bottom:0}
.cle-feat__item{position:relative;display:flex;align-items:flex-end;min-height:clamp(200px,32vw,320px);border-radius:22px;background:#16171c center/cover no-repeat;text-decoration:none;color:#fff!important;overflow:hidden}
.cle-feat__item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 65%)}
.cle-feat__txt{position:relative;padding:24px 28px;display:grid;gap:2px}
.cle-feat__date{font-weight:700;color:#ffb3b8}
.cle-feat__name{font-size:clamp(1.3rem,3vw,2rem);font-weight:800;line-height:1.1;text-transform:uppercase}
.cle-feat__place{opacity:.85}

@media (max-width:1000px){
  .cle-head{grid-template-columns:auto minmax(0,1fr);margin:-48px 0 0}
  .cle-head__side{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:8px 24px;align-items:start}
  .cle-head__side .cle-bib{margin:0}
  .cle-head__side .cle-facts{margin:0}
  .cle-head__side .cle-cta{grid-column:1/-1}
  .cle-body{grid-template-columns:1fr}
  .cle-side{position:static}
}
@media (max-width:600px){
  .cle-head{grid-template-columns:1fr;padding:20px;gap:20px}
  .cle-head__logo img{width:120px;height:120px}
  .cle-head__side{grid-template-columns:1fr}
  .cle-tabs__panel{padding:20px}
}
@media (prefers-reduced-motion:reduce){.cle *{transition:none!important}}