:root{
  --oro:#FFC905;
  --negro:#0A0A0A;
  --panel:#141414;
  --fondo:#0B0B0B;
  --linea:rgba(255,255,255,.1);
  --txt-soft:rgba(255,255,255,.72);
  --radio:12px;
}


/**menu**/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&display=swap');

nav a.trigger,
nav .item a,
nav .list a,
nav .menu a {
  font-family: 'Barlow', sans-serif !important;
}

nav li.first-level > a.trigger,
nav ul.menu > li.item > a.trigger {
  font-family: 'Barlow', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em;
}

nav a.trigger:hover,
nav .list a.trigger:hover,
nav li a.trigger:hover,
nav ul.menu > li.item > a.trigger:hover {
  color: #FFD700 !important;
  text-decoration: underline !important;
}

@media (min-width: 980px) {
  #nav .menu > .item > a {
    font-weight: 600;
    padding: 5px 1px 9px;
    font-size: 1.4em;
  }
}
.wrapper.cab_26{ max-width: 1726px;}

.wrapper.logomenu.align-middle{ max-width: 1400px;}
/*****************************************************/


/* ============================================================
   1 · SLIDER PRINCIPAL (home_slider_notas.html)
   ============================================================ */
.hero{position:relative;height:80vh;max-height:760px;min-height:520px;background:#000;overflow:hidden}

.hero-slide{
  position:absolute;inset:0;opacity:0;z-index:1;pointer-events:none;
  transition:opacity .9s ease;
}
.hero-slide.is-active{opacity:1;z-index:2;pointer-events:auto}

.hero__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;background-size:cover;background-position:center;
}
.hero__shade-l{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 30%,rgba(0,0,0,.28) 62%,rgba(0,0,0,0) 100%);}
.hero__shade-b{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 30%);}

.hero__content{
  position:absolute;left:90px;top:0;bottom:0;
  display:flex;flex-direction:column;justify-content:center;
  max-width:680px;padding-bottom:96px;z-index:3;
}
.hero__kicker{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.hero__kicker .bar{width:40px;height:3px;background:var(--oro)}
.hero__kicker span{
  font-family:'Barlow',sans-serif;font-weight:700;font-size:16px;
  letter-spacing:.26em;text-transform:uppercase;color:var(--oro);
}
.hero__title{
  font-family:'Anton',sans-serif;font-weight:400;
  font-size:clamp(42px,5vw,74px);line-height:.98;letter-spacing:.005em;
  text-transform:uppercase;margin:0;color:#fff;
}
.hero__title a{color:#fff;text-decoration:none}
.hero__lead{
  font-family:'Barlow',sans-serif;font-weight:400;font-size:19px;line-height:1.5;
  color:rgba(255,255,255,.82);margin:26px 0 0;max-width:520px;
}
.hero__cta{display:flex;gap:16px;margin-top:36px}

.btn{
  font-family:'Barlow',sans-serif;font-weight:700;font-size:15px;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;
  display:inline-flex;align-items:center;gap:10px;border-radius:10px;
  padding:17px 38px;transition:background .2s ease,color .2s ease;
}
.btn--primary{background:var(--oro);color:#000}
.btn--primary:hover{background:#fff}
.btn .arrow-ico{display:block;width:18px;height:18px}

.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:11;
  display:flex;align-items:center;justify-content:center;width:50px;height:50px;
  border-radius:50%;cursor:pointer;color:#fff;
  border:1.5px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.hero-arrow:hover{background:rgba(255,201,5,.92);border-color:#FFC905;color:#000}
.hero-arrow--prev{left:24px}
.hero-arrow--next{right:24px}

.hero__controls{
  position:absolute;left:56px;right:56px;bottom:32px;
  display:flex;align-items:center;justify-content:flex-start;z-index:10;
}
.dots{display:flex;gap:10px}
.dots .dot{
  width:24px;height:4px;border:none;cursor:pointer;padding:0;
  background:rgba(255,255,255,.28);
  transition:width .35s ease,background .35s ease;
}
.dots .dot.is-active{width:52px;background:var(--oro)}




@media (max-width:920px){
  .hero{height:auto;min-height:560px}
  .hero__content{left:24px;right:24px;padding-bottom:130px; top:175px; max-width:none}
  .hero__controls{left:24px;right:24px}
}
@media (max-width:520px){
  .hero__title{font-size:46px}
.hero__title { font-size: 30px;}
}

@media (max-width:450px){
  .hero__kicker {
	  display: none !important;}
}
/* ===========================================================
   Barra de accesos
   =========================================================== */
.quick{background:var(--fondo);padding:28px 48px 10px}
.quick-bar{
  display:flex;background:var(--panel);border:1px solid var(--linea);
  border-radius:var(--radio);overflow:hidden;
}
.quick-item{
  flex:1;display:flex;align-items:center;justify-content:center;gap:18px;
  color:#fff;text-decoration:none;padding:0 32px;height:116px;transition:background .2s ease;
}
.quick-item:hover{background:rgba(255,255,255,.04)}
.quick-item + .quick-item{border-left:1px solid rgba(255,255,255,.12)}
.quick-item--wide{flex:1.5;padding:0 36px;justify-content:center}
.quick-item__main{display:flex;align-items:center;gap:20px}
.quick-item--wide .quick-item__main{gap:22px}
.quick-item__label{font-family:'Anton';font-weight:400;font-size:25px;line-height:1;text-transform:uppercase}
.quick-item__arrow{font-size:24px;font-weight:700;color:var(--oro)}
.quick-item__arrow .arrow-ico{  display: inline-block; max-width: 100%; padding-top: 5px; width: 26px;}
.match{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.05;width:100%}
.match__eyebrow{font-family:'Barlow';font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--oro);margin-bottom:9px}
.match__teams{display:flex;align-items:center;gap:12px}
.match__crest{height:34px;width:auto;display:block}
.match__title{font-family:'Anton';font-weight:400;font-size:30px;text-transform:uppercase}
.match__meta{font-family:'Barlow';font-weight:600;font-size:13.5px;letter-spacing:.05em;color:rgba(255,255,255,.6);margin-top:7px}

/* ===========================================================
   Accesos destacados (slider amarillo)
   =========================================================== */
.iconbar{background:var(--negro);padding:0 48px 56px;display:flex;align-items:center;gap:12px}
.iconbar__arrow{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;cursor:pointer;
  border:none;background:var(--oro);color:#0A0A0A;
  transition:background .2s ease,transform .2s ease;
}
.iconbar__arrow:hover{background:#ffd633;transform:scale(1.06)}
.iconbar__viewport{flex:1;overflow:hidden}
.iconbar__track{
  display:flex;gap:10px;width:100%;
  transition:transform .4s cubic-bezier(.22,.61,.36,1);
}
.iconbtn{
  flex:0 0 calc((100% - 3 * 10px) / 4);
  display:flex;align-items:center;justify-content:center;gap:14px;
  background:var(--oro);color:#0A0A0A;text-decoration:none;
  height:66px;padding:0 20px;border-radius:8px;
  font-family:'Anton',sans-serif;font-weight:400;font-size:21px;
  letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;
  transition:background .2s ease;
}
.iconbtn:hover{background:#ffd633}
.iconbtn__ico{display:flex;flex:none}
.iconbtn__ico svg{width:34px;height:34px}

.iconbar__track sc-for { display: contents !important; }
.iconbar__viewport { overflow: hidden !important; }
.iconbar__track { transition: transform 0.35s ease !important; will-change: transform; }

/* El propio iconbar se vuelve "contenedor" para que los breakpoints
   respondan a su ancho real disponible, no al ancho de toda la ventana */
.iconbar { container-type: inline-size; container-name: iconbar; }

/* Clave del fix: incluir el padding dentro del ancho calculado */
.iconbtn { box-sizing: border-box !important; }

/* Pantallas grandes: 4 ítems completos */
@container iconbar (min-width: 1200px) {
  .iconbtn { flex: 0 0 calc(25% - 7.5px) !important; }
  .iconbtn__ico img { width: 64px !important; height: auto !important; }
  .iconbtn span:not(.iconbtn__ico) { font-size: 16px !important; }
}
/* Pantallas medianas: 3 ítems completos */
@container iconbar (min-width: 900px) and (max-width: 1199.98px) {
  .iconbtn { flex: 0 0 calc(33.3333% - 6.6667px) !important; }
  .iconbtn__ico img { width: 52px !important; height: auto !important; }
  .iconbtn span:not(.iconbtn__ico) { font-size: 16px !important; }
}
/* Tablet: 2 ítems completos */
@container iconbar (min-width: 600px) and (max-width: 899.98px) {
  .iconbtn { flex: 0 0 calc(50% - 5px) !important; }
  .iconbtn__ico img { width: 44px !important; height: auto !important; }
  .iconbtn span:not(.iconbtn__ico) { font-size: 16px !important; }
}
/* Mobile: 1 ítem completo */
@container iconbar (max-width: 599.98px) {
  .iconbtn { flex: 0 0 100% !important; }
  .iconbtn__ico img { width: 38px !important; height: auto !important; }
  .iconbtn span:not(.iconbtn__ico) { font-size: 14px !important; }
}


/* ===========================================================
   Notas / noticias
   =========================================================== */
.notes{background:var(--fondo);padding:40px 48px 80px}
.notes__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px}
.notes__head h2{font-family:'Anton';font-weight:400;font-size:34px;line-height:1;text-transform:uppercase;margin:0;color:#fff}
.see-all{
  font-family:'Barlow';font-weight:700;font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--oro);text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;transition:gap .2s ease;
}
.see-all:hover{gap:12px}

.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.note{
  position:relative;display:block;height:480px;border-radius:var(--radio);overflow:hidden;
  text-decoration:none;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease;
}
.note:hover{transform:translateY(-5px)}
.note__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.note__shade{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.98) 22%,rgba(0,0,0,.75) 42%,rgba(0,0,0,0) 78%);}
.note__body{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 26px;display:flex;flex-direction:column;gap:9px;z-index:2}
.note__kicker{font-family:'Barlow';font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--oro)}
.note h3{font-family:'Barlow';font-weight:700;font-size:20px;line-height:1.2;color:#fff;margin:0}
.note p{font-family:'Barlow';font-weight:400;font-size:14px;line-height:1.5;color:var(--txt-soft);margin:0}
@media (max-width: 920px) {
  .notes-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
  .notes-grid { grid-template-columns: 1fr; }
}
@media(min-width:920px){.note{height:580px;}}


/* ===========================================================
   Plantel de Primera
   =========================================================== */
.squad{background:var(--negro);padding:0 48px 80px}
.squad__title{
  display:block;text-align:center;text-decoration:none;
  font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(30px,3.6vw,46px);
  letter-spacing:.01em;text-transform:uppercase;color:var(--oro);margin-bottom:44px;
}
.squad__row{display:flex;align-items:center;gap:14px}
.squad__arrow{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,201,5,.4);background:transparent;color:var(--oro);
  transition:background .2s ease,border-color .2s ease;
}
.squad__arrow:hover{background:rgba(255,201,5,.12);border-color:var(--oro)}
.squad__track{
  flex:1;display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;
  padding:10px 3px;
}
.squad__track::-webkit-scrollbar{display:none}
.player{
  flex:0 0 calc((100% - 5 * 8px) / 6);
  display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;
}
.player__photo{    border: 0px solid #0a0a0a !important;
  display:block;width:148px;height:148px;border-radius:50%;overflow:hidden;
  background:#1c1c1c center/cover no-repeat;border:1px solid rgba(255,255,255,.08);
  filter:grayscale(1) contrast(1.05);transition:filter .3s ease,transform .3s ease;
}
.player:hover .player__photo{filter:grayscale(0);transform:scale(1.04)}
.player__name{
  font-family:'Barlow';font-weight:700;font-size:15px;text-align:center;
  color:#fff;margin-top:16px;line-height:1.2;
}
.player__more{
  display:flex;align-items:center;justify-content:center;width:28px;height:28px;
  margin-top:12px;border:1px solid rgba(255,255,255,.25);border-radius:5px;
  font-family:'Barlow';font-weight:700;font-size:18px;color:#fff;text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.player__more:hover{background:var(--oro);border-color:var(--oro);color:#000}


/* ===========================================================
   Galería + 2 notas
   =========================================================== */
.gallery-sec{background:var(--fondo);padding:0 48px 80px}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.gallery{display:flex;flex-direction:column}
.gallery-stage{
  position:relative;flex:1;width:100%;aspect-ratio:4/5;
  border-radius:var(--radio);overflow:hidden;background:#000;
  border:1px solid rgba(255,255,255,.08);
}
.gallery-slide{
  position:absolute;inset:0;background:#111 center/cover no-repeat;
  opacity:0;transition:opacity .7s ease;
}
.gallery-slide.is-active{opacity:1}
.gallery-shade{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.85) 4%,rgba(0,0,0,0) 46%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 18%);}
.gallery-label{
  position:absolute;top:18px;left:0;right:0;z-index:3;text-align:center;
  font-family:'Anton',sans-serif;font-weight:400;font-size:26px;letter-spacing:.16em;
  text-transform:uppercase;color:#fff;opacity:.6;
}
.gallery-caption{position:absolute;left:24px;bottom:46px;right:24px;z-index:2}
.gallery-caption__tag{
  font-family:'Barlow';font-weight:700;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--oro);
}
.gallery-caption h3{
  font-family:'Barlow';font-weight:700;font-size:22px;line-height:1.2;
  color:#fff;margin:8px 0 0;
}
.gallery-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:50%;cursor:pointer;border:none;background:rgba(0,0,0,.45);
  transition:background .2s ease;
}
.gallery-arrow:hover{background:rgba(255,201,5,.9)}
.gallery-arrow:hover svg{stroke:#000}
.gallery-arrow--prev{left:16px}
.gallery-arrow--next{right:16px}
.gallery-dots{
  position:absolute;left:0;right:0;bottom:18px;z-index:3;
  display:flex;justify-content:center;gap:8px;
}

.gallery-notes{display:flex;flex-direction:column;gap:22px}
.note-h{
  position:relative;flex:1;min-height:170px;display:block;
  border-radius:var(--radio);overflow:hidden;text-decoration:none;
  border:1px solid rgba(255,255,255,.08);transition:transform .25s ease;
}
.note-h:hover{transform:translateY(-4px)}
.note-h__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.note-h__shade{position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 14%,rgba(0,0,0,.4) 50%,rgba(0,0,0,0) 80%);}
.note-h__body{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 24px;z-index:2}
.note-h__body h3{font-family:'Barlow';font-weight:700;font-size:20px;line-height:1.2;color:#fff;margin:8px 0 0}

/* ===========================================================
   Video + Banners
   =========================================================== */
.media{background:var(--fondo);padding:0 48px 80px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.media__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.media-video{display:flex;flex-direction:column}
.video-frame{
  position:relative;flex:1;width:100%;border-radius:var(--radio);overflow:hidden;
  border:1px solid rgba(255,255,255,.08);background:#000;aspect-ratio:16/9;
}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}
.eyebrow {
    font-family: 'Barlow';
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--oro);
}
.see-all .arrow-ico {
    width: 15px;
    height: 15px;
}
.media-banners{
  display:grid;grid-template-columns:repeat(2,1fr);gap:18px;
  align-content:start;padding-top:42px;
}
.banner{
  position:relative;display:block;
  border-radius:var(--radio);overflow:hidden;text-decoration:none;
  border:1px solid rgba(255,255,255,.08);
  aspect-ratio:365/157;transition:transform .25s ease,border-color .25s ease;
}
.banner:hover{transform:translateY(-4px);border-color:rgba(255,201,5,.4)}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}


/* ===========================================================
   Historia aurinegra (8 notas)
   =========================================================== */
.history{background:var(--negro);padding:0 48px 84px}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hcard{
  display:flex;gap:20px;background:var(--panel);text-decoration:none;
  border:1px solid rgba(255,255,255,.08);border-radius:var(--radio);overflow:hidden;
  transition:transform .25s ease,border-color .25s ease;
}
.hcard:hover{transform:translateY(-4px);border-color:rgba(255,201,5,.4)}
.hcard__img{
  flex:0 0 38%;align-self:stretch;min-height:170px;
  background:#1c1c1c center/cover no-repeat;
}
.hcard__body{padding:20px 22px 20px 0;display:flex;flex-direction:column;gap:10px}
.hcard__title{font-family:'Barlow';font-weight:700;font-size:19px;line-height:1.2;color:#fff;margin:0}
.hcard__text{font-family:'Barlow';font-weight:400;font-size:14px;line-height:1.55;color:var(--txt-soft);margin:0}

/* ===========================================================
   Sponsors + footer
   =========================================================== */
.sponsors{background: #000000;
    padding: 45px 48px;}
.sponsors__grid{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:30px 44px;max-width:1180px;margin:0 auto;
}
.sponsor{display:flex;align-items:center;justify-content:center}
.sponsor img{
  height:52px;width:auto;max-width:140px;object-fit:contain;display:block;
  opacity:.85;transition:opacity .25s ease,transform .25s ease;
}
.sponsor:hover img{opacity:1;transform:scale(1.05)}

.foot{background:var(--oro);border-top:3px solid #0A0A0A;padding:54px 48px 46px}
.foot__inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.foot__mark{width:100%;max-width:420px;height:auto;display:block;margin-bottom:30px}
.foot__social{display:flex;align-items:center;gap:22px;color:#0A0A0A;margin-bottom:30px}
.foot__social a{display:flex;color:#0A0A0A;transition:opacity .2s ease}
.foot__social a:hover{opacity:.55}
.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-bottom:24px}
.foot__links a{
  font-family:'Barlow';font-weight:700;font-size:13.5px;letter-spacing:.04em;
  color:#0A0A0A;text-decoration:underline;transition:opacity .2s ease;
}
.foot__links a:hover{opacity:.6}
.foot__legal{
  font-family:'Barlow';font-weight:500;font-size:13px;line-height:1.6;
  color:rgba(10,10,10,.72);margin:0;max-width:620px;
}

/* ===========================================================
   Responsive
   =========================================================== */
@media (max-width:1080px){
  .nav{gap:18px}
  .nav a{font-size:12px;letter-spacing:.09em}
}
@media (max-width:920px){
  .nav{display:none}
  .nav-toggle{display:flex}
  .header{padding:14px 22px}
  .hero__content{left:24px;right:24px;padding-bottom:130px;max-width:none}
  .hero__controls{left:24px;right:24px}
  .quick{padding:22px 22px 24px}
  .quick-bar{flex-direction:column}
  .quick-item + .quick-item{border-left:none;border-top:1px solid rgba(255,255,255,.12)}
  .quick-item,.quick-item--wide{height:auto;padding:22px 24px}
  .quick-item__label,
  .match__title{font-size:23px}
  .match__meta{font-size:13px}
  .hero{height:auto;min-height:560px}
  .topbar{padding:0 22px}
  .notes{padding:36px 22px 64px}
  .notes-grid{grid-template-columns:repeat(2,1fr)}
  .media{padding:0 22px 64px}
  .media-grid{grid-template-columns:1fr}
  .media-banners{padding-top:0}
  .gallery-sec{padding:0 22px 64px}
  .gallery-grid{grid-template-columns:1fr}
  .history{padding:0 22px 64px}
  .history-grid{grid-template-columns:1fr}
  .iconbar{padding:0 22px 48px;gap:8px}
  .iconbtn{flex:0 0 calc((100% - 10px) / 2);font-size:17px;height:58px;gap:10px}
  .squad{padding:0 22px 56px}
  .sponsors{padding:32px 22px;gap:24px 32px}
  .sponsors__grid{gap:24px 32px}
  .sponsor img{height:42px;max-width:110px}
  .foot{padding:44px 22px 40px}
  .player{flex:0 0 42%}
  .player__photo{width:130px;height:130px}
}
@media (max-width:520px){
  .hero__title{font-size:33px}
  .hero__cta{flex-wrap:wrap}
  .topbar__handle{display:none}
  .notes-grid{grid-template-columns:1fr}
}

@media (max-width: 500px) {
  .player {
    flex: 0 0 100%;
  }
	 .hero-arrow { display: none; }
}



/**************detalles extras*****************/

@media (min-width: 1200px) {
    #header #search-holder #search-form .close-btn {
        right: -56px;
    }
}