body{
  margin:0;
  font-family:'Montserrat',sans-serif;
  background:#fff;
}

/* HEADER */
.topbar{
  background:#000;
  padding:14px 0;
}
.brand{
  color:#fff;
  font-weight:800;
  letter-spacing:.04em;
  font-size:1.4rem;
}

/* HERO */
.hero{
  position:relative;
  min-height:700px;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}
.hero-inner{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:40px 20px;
}
.hero .volanta{
  font-size:1rem;
  font-weight:600;
  margin-bottom:14px;
}
.hero h1{
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight:900;
  letter-spacing:.04em;
  line-height:.95;
  margin:0 0 16px;
  text-transform:uppercase;
}
.hero .firma{
  font-size:.95rem;
  font-weight:500;
}

/* FLECHAS */
.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:2px solid #fff;
  background:transparent;
  color:#fff;
  font-size:1.6rem;
  z-index:3;
}
.hero-arrow.left{ left:24px; }
.hero-arrow.right{ right:24px; }

@media(max-width:991px){
  .hero-arrow{ display:none; }
}
:root{
  --azul:#004a98;
  --rosa:#e35ca5;
  --violeta:#004aad;
  --gris:#eaeaea;
}

/* CARD NOTICIA */
.noticia{
  background:#fff;
}
.noticia img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.noticia .badge-cat{
  position:absolute;
  top:12px;
  left:12px;
  background:var(--violeta);
  color:#fff;
  font-weight:800;
  font-size:.8rem;
  padding:6px 10px;
  text-transform:uppercase;
}
.noticia h5{
  color:var(--violeta);
  font-weight:800;
  font-size:1rem;
  margin:14px 0 4px;
  text-transform:uppercase;
}
.noticia h4{
  font-weight:900;
  font-size:1.15rem;
  line-height:1.15;
  margin-bottom:10px;
}
.noticia .autor{
  font-size:.9rem;
}
.noticia .autor span{
  color:var(--rosa);
  font-weight:700;
}
.noticia .share{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--violeta);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}
/* BLOQUE NEGRO SLIDER */
.section-dark{
  background:#004c9b;
  color:#fff;
  padding:60px 0;
  position:relative;
}
.section-dark .section-title{
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:3rem;
  text-align:center;
  position:relative;
}
.section-dark .section-title:before,
.section-dark .section-title:after{
  content:"";
  position:absolute;
  top:50%;
  width:35%;
  height:3px;
  background:#fff;
}
.section-dark .section-title:before{ left:0; }
.section-dark .section-title:after{ right:0; }

.card-equipo{
  padding:20px;
  text-align:left;
}
.card-equipo img{
  width:100%;
  height:auto;
}

.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:2px solid #fff;
  background:#000;
  color:#fff;
  font-size:1.6rem;
}
.slider-arrow.left{ left:20px; }
.slider-arrow.right{ right:20px; }

@media(max-width:991px){
  .slider-arrow{ display:none; }
}
.footer-anf{
  background:#004aad;
  color:#fff;
  padding:26px 0;
}
.footer-anf .social{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:14px;
}
.footer-anf .social a{
  width:34px;height:34px;
  border-radius:50%;
  background:#e950a0;  
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.footer-anf .social svg{ width:18px;height:18px; fill:#111; }

.footer-anf .links{
  font-weight:800;
  line-height:1.9;
}
.footer-anf .links a{
  color:#fff;
  text-decoration:none;
}
.footer-anf .links a:hover{ text-decoration:underline; }

.footer-anf .center{
  font-weight:600;
  opacity:.9;
  line-height:1.6;
}

.footer-anf .logos{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
}
.footer-anf .logos .brand{
  font-weight:900;
  font-size:2.2rem;
  letter-spacing:.02em;
}
.footer-anf .logos .sep{
  width:2px;height:46px;background:#f2b8b8;opacity:.9;
}
.footer-anf .logos .mini{
  font-weight:800;
  font-size:.9rem;
  opacity:.95;
}
.footer-anf .logos .cronos{
  font-weight:900;
  font-size:2rem;
  letter-spacing:.06em;
}
.footer-anf .logos .sub{
  font-size:.7rem;
  font-weight:700;
  opacity:.8;
  letter-spacing:.06em;
  text-transform:uppercase;
}

@media(max-width:991px){
  .footer-anf .logos{ justify-content:flex-start; margin-top:16px; }
}
.creditos-web{
  background:#004c9b;
  color:#cfcfcf;
  font-family:'Montserrat',sans-serif;
  font-size:.75rem;
  text-align:center;
  padding:6px 10px;
  letter-spacing:.05em;
}
.creditos-web .reg{
  font-size:.6rem;
  vertical-align:super;
  margin-left:2px;
}
.creditos-web a{
  color:inherit;
  text-decoration:none;
}
.creditos-web a:hover{
  text-decoration:underline;
}
.topbar{
  background:#004c9b;
  position:relative;
  z-index:1000;
}

.nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 15px; 
}

.brand{
  color:#fff;
  font-weight:700;
  font-size:20px;
}

.nav a{
  color:#fff !important;
  margin-left:10px;
  text-decoration:none;
}
.nav{
  display:flex;
  align-items:center;
  gap:24px;
}

.nav-toggle{
  display:none;
  background:none;
  border:0;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}

@media (max-width:768px){
  .nav{
    display:none;
    flex-direction:column;
    background:#000;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1001;
  }

  .nav a{
    padding:15px;
    border-top:1px solid #222;
    margin:0;
  }

  .nav-toggle{
    display:block;
  }

  .nav.open{
    display:flex;
  }
}
.nota-header{max-width:820px;margin:0px auto 20px}
.nota-volanta{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0a58ca}
.nota-titulo{font-weight:900;font-size:clamp(28px,5vw,52px);line-height:1.05;margin:10px 0}
.nota-bajada{font-size:1.1rem;color:#333;margin:12px 0}
.nota-meta{color:#666;font-size:.9rem}
.nota-hero img{width:100%;height:auto;display:block;margin:20px 0}
.nota-cuerpo{max-width:720px;margin:0 auto 60px;font-size:1.05rem;line-height:1.8}
.nota-cuerpo p{margin-bottom:22px}
.nota-cuerpo h3{font-weight:800;margin:40px 0 10px}
.nota-cuerpo figure{margin:30px 0}
.nota-cuerpo figcaption{font-size:.85rem;color:#666;margin-top:6px}
blockquote{border-left:4px solid #111;padding-left:16px;font-weight:700;margin:30px 0}
.nota-share{
  display:flex;
  align-items:center;
  gap:10px;
  margin:30px 0;
}

.nota-share .label{
  border:2px solid #004895;
  color:#111;
  font-weight:800;
  padding:6px 12px;
  font-size:.85rem;
  letter-spacing:.04em;
}

.nota-share .ico{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#004895;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  text-decoration:none;
  font-size:.9rem;
}
/* LINKS SIN SUBRAYADO NI CAMBIO DE COLOR */
a,
a:hover,
a:focus,
a:visited{
  text-decoration:none;
  color:inherit;
}

/* BLOQUE AUTOR */
.nota-autor{
  display:flex;
  align-items:center;
  gap:20px;
  max-width:820px;
  margin:50px auto;
}

/* FOTO */
.nota-autor img{
  width:90px;
  height:90px;
  border-radius:50%;
  object-fit:cover;
  flex:0 0 90px;
}

/* INFO */
.nota-autor .autor-info{
  display:flex;
  flex-direction:column;
  flex:1;
}

.nota-autor .por{
  font-size:.85rem;
  font-weight:700;
  color:#004aad;
}

.nota-autor .nombre{
  font-size:1.6rem;
  font-weight:900;
  line-height:1.1;
}

.nota-autor .mas{
  margin-top:6px;
  font-weight:700;
  text-decoration:none;
  color:inherit;
}

.nota-autor .mas:hover{
  text-decoration:underline;
}

/* MOBILE: sigue lado a lado */
@media (max-width:576px){
  .nota-autor{
    gap:14px;
  }

  .nota-autor img{
    width:70px;
    height:70px;
    flex:0 0 70px;
  }

  .nota-autor .nombre{
    font-size:1.3rem;
  }
}

/* HERO CATEGORÍA */
.cat-hero{
  position:relative;
  min-height:160px;              /* mitad de alto */
  background:var(--violeta);     /* color de la web */
}

/* sacamos overlay oscuro */
.cat-hero::after{
  display:none;
}

.cat-hero-inner{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:20px;
}

.cat-volanta{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.9;
}

.cat-titulo{
  font-weight:900;
  font-size:clamp(1.8rem,5vw,3rem);
  margin:6px 0;
}

.cat-bajada{
  max-width:720px;
  opacity:.95;
}

/* HERO AUTOR */
.autor-hero{
  background:#fff;
  padding:60px 20px 40px;
}

.autor-hero-inner{
  max-width:820px;
  margin:0 auto;
  text-align:center;
}

.autor-foto{
  width:120px;
  height:120px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:20px;
}

.autor-nombre{
  font-weight:900;
  font-size:2.2rem;
  margin-bottom:14px;
}

.autor-bio{
  font-size:1rem;
  line-height:1.7;
  max-width:640px;
  margin:0 auto 20px;
  color:#333;
}

.autor-redes{
  display:flex;
  justify-content:center;
  gap:10px;
}

.autor-redes a{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--violeta);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
}
.hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 80vh; /* O el alto que prefieras */
    display: flex;
    align-items: center;
}
.autor-avatar-circle {
    width: 90px;
    height: 90px;
    background: #004aad; /* Color violeta de tu web */
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 900;
    flex: 0 0 90px;
}
.nota-meta a:hover {
    color: #ff0000; /* O el color principal de Rugbeat */
    text-decoration: underline;
}
/* Ajuste para el contenedor de Swiper */
.swiper-equipos {
  overflow: hidden;
  padding: 10px;
}

/* Estilo para las flechas que ya tenías pero vinculadas al slider */
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0, 74, 173, 0.8); 
  border: none;
  color: white;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}

.slider-arrow:hover {
  background: #004aad;
  scale: 1.1;
}

.slider-arrow.left { left: 20px; }
.slider-arrow.right { right: 20px; }

/* Ocultar flechas en celulares si molestan */
@media (max-width: 768px) {
  .slider-arrow { display: none; }
}
/* Efecto para las imágenes de los jugadores */
.player-card .transition-img {
    transition: transform 0.5s ease;
}

.player-card:hover .transition-img {
    transform: scale(1.1);
}

.player-card {
    transition: all 0.3s ease;
}

/* Opcional: un borde rosa al pasar el mouse */
.player-card:hover h4 {
    color: #e950a0 !important;
}
.hover-rosa:hover {
    color: #e950a0 !important;
    transition: 0.3s;
}

.card-equipo img {
    transition: transform 0.3s ease;
}

.card-equipo:hover img {
    transform: scale(1.03);
}
.texto-nota *{
    max-width: 100% !important;
    margin-left: 0 !important;
}

.texto-nota ul,
.texto-nota ol{
    margin-left: 20px !important;
    padding-left: 20px !important;
}
/* TOPBAR blanca con letras azules */
.topbar{
  background:#fff !important;
}

.brand,
.nav a,
.nav-toggle{
  color:#004aad !important;
}

/* menú mobile desplegable */
@media (max-width:768px){
  .nav{
    background:#fff;
  }
  .nav a{
    color:#004aad !important;
    border-top:1px solid #eaeaea;
  }
}
.nav a{
  font-weight: 700;
}
/* CONTENEDOR ITEM CON SUBMENU */
.nav-item{
  position:relative;
  display:inline-block;
}

/* BOTÓN PRINCIPAL */
.nav-item > a{
  cursor:pointer;
}

/* SUBMENU */
.submenu{
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  min-width:260px;
  display:none;
  flex-direction:column;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  z-index:9999;
}

/* LINKS DEL SUBMENU */
.submenu a{
  display:block;
  padding:12px 18px;
  color:#004aad !important;
  font-weight:700;
  white-space:nowrap;
}

/* HOVER DESKTOP */
.nav-item:hover .submenu{
  display:flex;
}
.nav-item{
  position:relative;
  display:inline-block;
}

.submenu-fixed{
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  min-width:260px;
  display:none;
  flex-direction:column;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
  z-index:9999;
}

.submenu-fixed a{
  display:block;
  padding:12px 18px;
  color:#004aad;
  font-weight:700;
  white-space:nowrap;
}

.nav-item.open .submenu-fixed{
  display:flex;
}
.hero-swiper,
.hero-swiper .swiper-wrapper,
.hero-swiper .swiper-slide {
  height: 100vh;
}

.hero-swiper .swiper-slide {
  display: flex;
}

.hero {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .hero-inner > div {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
  }
}
.submenu,
.submenu-fixed{
  left: 0;
  min-width: unset;
  width: max-content;
  padding: 10px 0;
  box-sizing: border-box;
}

.submenu a,
.submenu-fixed a{
  padding: 14px 30px;
  text-align: left;
}
.texto-nota a {
    color: #004aad;
    font-weight: 700;
    text-decoration: underline;
}

.texto-nota a:hover {
    color: #002f6c;
}