/*
CTC Separate Stylesheet
Updated: 2025-10-27 15:37:52
Theme Name: East Mallorca Cup
Theme URI: https://www.activions.com
Template: hello-elementor
Author: Activions
Author URI: https://www.activions.com
Description: Child theme from Hello Elementor
Version: 3.4.4.1761575872
*/

.customhrefs a {
    color: #000 !important;
    text-decoration: underline !important;
}
.customhrefs a:hover {
    color: #f4d905 !important;
}


/****LLISTAT EQUIPS*****/
.EscutPetit {width:100px}
/* ===== Grid responsive ===== */
.emc-equipos-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 600px) {
  .emc-equipos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 992px) {
  .emc-equipos-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .emc-equipos-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* ===== Card ===== */
.emc-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 28px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  padding: 28px;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.emc-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.emc-card:focus {
  outline: 2px solid #8a63d2;
  outline-offset: 2px;
}

.emc-card-inner {
  text-align: center;
  max-width: 90%;
}

/* ===== Logo ===== */
.emc-logo-wrap {
  width: 140px;
  max-width: 70%;
  margin: 0 auto 14px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emc-logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.emc-logo--placeholder {
  background: #f1f1f1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

/* ===== Nombre equipo ===== */
.emc-name {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.02em;
  margin: 6px 0 0;
  text-transform: uppercase;
  color:#000;
}
.emc-card:hover .emc-name {
	color:#f4d905;
}

/* ===== Dark mode opcional ===== */
@media (prefers-color-scheme: dark) {
  .emc-card {
    background: #111;
    border-color: #222;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
  }
  .emc-name { color: #fafafa; }
}

/* === Carousel wrapper === */
.emc-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Track y slides */
.emc-carousel__track {
  display: flex;
  transition: transform 320ms ease;
  will-change: transform;
}
.emc-carousel__slide {
  flex: 0 0 100%;
  padding: 12px 8px;
}

/* Grid interno de logos en cada slide */
.emc-logos {
  display: grid;
  gap: 20px 28px;
  grid-template-columns: repeat(3, minmax(0,1fr)); /* 8 logos = 4x2 por slide */
  align-items: center;
  justify-items: center;
}
.emc-logos__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
}
.emc-logos__item img {
  max-width: 150px;
  max-height: 100px;
  object-fit: contain;
  display: block;
  filter: saturate(1) contrast(1);
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}
.emc-logos__item img:hover { transform: scale(1.05); }

/* Puntos (dots) */
.emc-carousel__dots {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
	
}
button.emc-carousel__dot {
  width: 3px; height: 3px;
  border-radius: 999px;
  background: #c7c7c7;
  border: 0;
  cursor: pointer;
	padding:6px !important;
	background: #000000; 
}
button.emc-carousel__dot.is-active { 
	background: #F4D905 !important; 
padding:7px !important;
margin-top:-1px;}

/* Flechas */
.emc-carousel__nav {
	display:none;
	position: absolute;
  top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 0;
  background: rgba(0,0,0,.08);
  color: #111;
  font-size: 22px; line-height: 36px;
  cursor: pointer;
}
.emc-carousel__nav--prev { left: 6px; }
.emc-carousel__nav--next { right: 6px; }
.emc-carousel__nav:hover { background: rgba(0,0,0,.14); }

/* Responsive: ajusta la cuadrícula de logos dentro de cada slide */
@media (max-width: 1024px){
  .emc-logos { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 768px){
  .emc-logos { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .emc-logos__item img { max-width: 110px; }
}

@media (max-width: 480px){
  .emc-logos { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
 /* .emc-logos__item img { max-width: 90px; max-height: 56px; }*/
}







/* ============================
   Paleta y tokens
   ============================ */
:root{
  --emc-yellow: #ffd400;   /* amarillo marca */
  --emc-blue:   #2b6a8d;   /* azul balón */
  --emc-black:  #111111;
  --emc-white:  #ffffff;
  --emc-grey:   #eeeeee;   /* gris de filas */
  --emc-muted:  #6b7280;
}

/* ============================
   Título
   ============================ */
.emc-team__title{
  margin: 0 0 .75rem 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  color: var(--emc-yellow);
  font-size: clamp(1.2rem, 1vw + 1rem, 1.8rem);
}

/* Wrapper con scroll en móvil */
.emc-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding: .15rem 0;
}



/* ============================
   Tabla estilo “mockup”
   ============================ */
.emc-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px;              /* separación blanca entre filas */
  background:transparent;
}

/* Cabecera */
.emc-table thead th{
  padding: 8px 16px 12px;
  font-size:.85rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color: var(--emc-yellow);           /* coincide con imagen */
  border:0;
  background:transparent;
  text-align:left;
  white-space:nowrap;
}
.emc-table thead .emc-col--red,
.emc-table thead .emc-col--yellow,
.emc-table thead .emc-col--goal,
.emc-table thead .emc-col--dorsal{
	text-align:center;
}

/* Iconos cabecera (tarjeta roja, amarilla y balón) */
.emc-col--stat{ text-align:center; }
.emc-col--red::before,
.emc-col--yellow::before,
.emc-col--goal::before{
  content:"";
  display:inline-block;
  vertical-align:middle;
  margin-top:2px;
}
.emc-col--red::before{
  width:18px; height:24px; background:#ef2b2b;
  transform:rotate(-18deg);
  border-radius:3px;
}
.emc-col--yellow::before{
  width:18px; height:24px; background:var(--emc-yellow);
  transform:rotate(-18deg);
  border-radius:3px;
}
.emc-col--goal::before{
    content: ''; 
    width: 22px;
    height: 22px;
    border-radius: 50%; 
    background-color: var(--emc-white, white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C!-- Hexágono base blanco (o el color de fondo) --%3E%3Cpolygon points='50,0 93.3,25 93.3,75 50,100 6.7,75 6.7,25' fill='white' stroke='gray' stroke-width='0.5'/%3E%3C!-- Pentágono negro central --%3E%3Cpolygon points='50,18 73,34 64,59 36,59 27,34' fill='black' stroke='white' stroke-width='1'/%3E%3C!-- Pequeños triángulos negros en los vértices de los hexágonos para conectarlos visualmente a otros pentágonos --%3E%3Cpolygon points='50,0 60,10 40,10' fill='black'/%3E%3Cpolygon points='93.3,25 83.3,35 93.3,45' fill='black'/%3E%3Cpolygon points='93.3,75 83.3,65 93.3,55' fill='black'/%3E%3Cpolygon points='50,100 60,90 40,90' fill='black'/%3E%3Cpolygon points='6.7,75 16.7,65 6.7,55' fill='black'/%3E%3Cpolygon points='6.7,25 16.7,35 6.7,45' fill='black'/%3E%3C/svg%3E");
    background-size: 100% 100%; /* Ajusta el tamaño para que el patrón cubra el círculo */
    background-repeat: no-repeat; /* No queremos que se repita, sino que se centre */
    background-position: center center; /* Centrar el patrón */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}

/* ============================
   Filas
   ============================ */
.emc-table tbody tr{
  transition:background .2s ease,color .2s ease;
}
.emc-table tbody td{
  background: var(--emc-grey);        /* gris como en imagen */
  border:0;
  padding: 0px 10px;
  vertical-align:middle;
}

/* Bordes redondeados por fila */
.emc-table tbody tr td:first-child{ border-top-left-radius:0px; border-bottom-left-radius:0px; }
.emc-table tbody tr td:last-child { border-top-right-radius:0px; border-bottom-right-radius:0px; }

/* Dorsal = caja negra con número blanco */
.emc-td--dorsal{
  width:72px; text-align:center; padding:0;
}
.emc-td--dorsal .emc-chip--num{
  display:block;
  background: var(--emc-black);
  color: var(--emc-white);
  font-weight:900;
  font-size:1rem;
  padding: 12px 0;
	margin-left:-8px;
  border-radius:0;        /* se integra visualmente a la izquierda */
}

/* Nombre del jugador */
.emc-td--name{
  font-weight:900;
  color: var(--emc-black);
  text-transform:uppercase;
  letter-spacing:.01em;
}

/* Stats centradas y en negro */
.emc-td--stat{
  text-align:center;
  font-weight:800;
  color: var(--emc-black);
  min-width:70px;
}

/* ============================
   Hover (como fila 3 del ejemplo)
   - dorsal pasa a amarillo
   - nombre se vuelve amarillo
   ============================ */
.emc-table tbody tr:hover td{ background: var(--emc-grey); } /* mantenemos gris de base */
.emc-table tbody tr:hover .emc-td--name{ color: var(--emc-yellow); }
.emc-table tbody tr:hover .emc-chip--num{
  background: var(--emc-yellow);
  color: var(--emc-black);
}

/* ============================
   Responsive
   ============================ */
@media (max-width:640px){
  .emc-td--dorsal{ width:44px; }
  .emc-col--stat, 
	.emc-td--stat{ min-width:64px; }
}

/* Pills de categorías (U11, U13…) */
.emc-cats{
  display:flex; flex-wrap:wrap; gap:12px;
  margin: 10px 0 18p




x;
}
.emc-cat{
  appearance:none; border:0; cursor:pointer;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
  background: #ffd400;      /* pill negro por defecto */
  color: #000;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.emc-cat:hover {
	background: #000; 
  color: #FFF;
  box-shadow: 0 6px 18px;
}
.emc-cat.is-active{
  background: #000; 
  color: #FFF;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* Grid interno de cada slide con 2 cards por defecto */
.emc-carousel--players .emc-players{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 28px 36px;
  align-items: start;
  justify-items: center;
}

/* Card del jugador */
.emc-player{
  text-align:center;
 /* max-width: 280px;*/
  margin: 0 auto;
}

/* Avatar circular */
.emc-player__avatar{
  width: 240px; height: 240px;
  border-radius: 999px;
  overflow: hidden;
  margin: 0 auto 12px;
  box-shadow: 0 6px 26px rgba(0,0,0,.12);
}
.emc-player__avatar img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.emc-player__avatar--placeholder{
  display:block; width:100%; height:100%;
  background: #e9ecef;
}

/* Tipografías */
.emc-player__name{
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin: 8px 0 4px;
  color: #e3c600;           /* amarillo similar al ejemplo */
  font-size: 1rem;
}
.emc-player__team{
  font-weight: 700;
  color: #111;             
	/* negro */
  margin-bottom: 2px;
}

.emc-player__metric{
  color: #111;
  font-weight: 600;
  opacity: .9;
}

/* Responsive: 1 por slide en móviles estrechos */

@media (max-width: 600px){
  .emc-carousel--players .emc-players{
    grid-template-columns: 1fr;
    gap: 22px;
  }
}


/* Carrusel sponsors: 1 línea de logos dentro de cada slide */
.emc-carousel--sponsors .emc-logos--sponsors{
  display: grid;
  grid-template-columns: repeat(var(--emc-cols, 6), minmax(0,1fr));
  gap: 22px 32px;
  align-items: center;
  justify-items: center;
}

/* Tamaño de logos */
.emc-carousel--sponsors .emc-logos__item img{
  max-height: 64px;
  max-width: 180px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  filter: saturate(1) contrast(1);
  transition: transform .18s ease, filter .18s ease, opacity .18s ease;
}
.emc-carousel--sponsors .emc-logos__item a:hover img{
  transform: scale(1.05);
}

/* Responsive – menos columnas en pantallas estrechas */
@media (max-width: 1024px){
  .emc-carousel--sponsors .emc-logos--sponsors{ --emc-cols: 4; }
}
@media (max-width: 640px){
  .emc-carousel--sponsors .emc-logos--sponsors{ --emc-cols: 2; }
}

/*****ESTILS EQUIPACIONS****/
/* Disposición del bloque */
.bas-equipacion {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  flex-wrap: wrap;
}

/* Tamaño de las piezas: ajusta el ancho a tu gusto */
.bas-equipacion__img {
  width: 90px;   /* <-- cambia este valor para controlar el ancho */
  height: auto;
  display: block;
}

/* Opcional: responsive */
@media (max-width: 768px) {
  .bas-equipacion__img {
    width: 120px;
  }
}
@media (max-width: 480px) {
  .bas-equipacion__img {
    width: 90px;
  }
}
#pf-header.pf-bar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:0 0 10px 0;
}



/**** PARTIDOS ****/

.matchs-title {
	display:none;
}

.matchs-info {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #1d1d1f;
    margin: 0 0 30px 0;
}

.match-box {
	position: relative;
    display: flex;
	  flex-direction: column;
    align-items: stretch;
    padding: 10px 0px 10px;
	  border-bottom: 1px solid #000;
	   font-family: "Schibsted Grotesk", sans-serif;
}

.match-box > div:first-child {
    display: flex;
	  flex-direction: row;
    justify-content:space-between;
	  padding: 0 20px
}

.match-teams-box {
	  display:flex;
    justify-content:space-between;
    background: #D9D9D980;
	  align-items:center;
	  padding: 5px 20px;
}

.match-team-local,
.match-team-away {
   	display:flex;
	  align-items:center;

	   gap:10px;
}

.match-team-away {
	flex-direction: row-reverse;
}

.match-team-local-image {
	width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.match-team-local-image img {
	width: 100%;
  height: 100%;
  object-fit: contain;
	padding:5px;
}

.match-results {
	display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mathch-result-local,
.mathch-result-away {
	width: 50px;
    height: 50px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 25px;
    color: #fff;
    background: #000;
    border: 2px solid #111;
}
.match-date {
	font-weight:700;
	font-size:15px;
	padding-right:10px
}

.match-time,
.match-place {
		font-size:15px;
	 font-weight:400;
	 padding-right: 32px;
}
.match-place a,
.match-team-local-title a {
	color:#000;
}

.match-place a:hover,
.match-team-local-title a:hover
 {
	color:#f4d905;
}


.match-place a::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 4px;
  width: 25px;
  height: 25px;
  background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 25 28' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' d='M18.1,18.4c-.2,0-1.4-.2-1.4-.3l3-4.7c2.9-4.8.4-11.3-4.9-13C7.2-1.9.7,6,4.2,13l3.2,5.1c0,0,0,0-.1,0-.6.2-1.5.3-2.2.5-2.2.6-6.5,2.3-4.7,5.3,1.6,2.6,7.6,3.4,10.3,3.5.8,0,1.7,0,2.5,0h0c2.7-.1,8.9-.9,10.4-3.5,1.9-3.3-3.3-5-5.6-5.5ZM7,8c0-2.8,2.3-5,5-5s5,2.3,5,5-2.3,5-5,5-5-2.3-5-5ZM20.4,24.4c-4.3,1.9-13,1.9-17.1-.2-.6-.3-1.7-1-1.6-1.8.2-1.2,3.2-2.1,4.2-2.4,0,0,0,0,0,0,.6-.2,1.7-.4,2.3-.4,0,0,.1,0,.1,0l3,4.6c.3.4,1,.5,1.3,0l3-4.7c1.7.3,3.5.6,5.1,1.3.6.3,1.8,1,1.7,1.8-.1.7-1.5,1.4-2.1,1.7Z'/></svg>") no-repeat center/contain;
}

.match-team-local-title {
	font-size:22px;
	font-weight:700;
}

/* Contenedor y enlace */

.match-statistics {
    display: flex;
    justify-content: end;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.match-statistics-link a {
    display: inline-flex;       
    align-items: center;        
    gap: 8px;                   
    padding: 10px 24px;        
    background-color: #000;     
    color: #fff;               
    border-radius: 9999px;      
    text-transform: uppercase;  
    text-decoration: none;      
    font-weight: 600;           
    font-size: 14px;            
    font-family: "Schibsted Grotesk", sans-serif;    
}

.match-statistics-link a:hover {
	background-color: #F4D905;
}

/* Icono: tres barras verticales */
.match-statistics-link a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<rect x="2" y="10" width="4" height="12" fill="white"/>\
<rect x="9" y="6" width="4" height="16" fill="white"/>\
<rect x="16" y="2" width="4" height="20" fill="white"/>\
</svg>');
    background-size: contain;
    background-repeat: no-repeat;
}


@media (max-width: 900px) {
	.match-team-local,
	.match-team-away {
		align-items: center;
    gap: 10px;
    flex-direction: column;
	}
.match-team-local-title {
    font-size: 16px;
    font-weight: 700;
}
.mathch-result-local, .mathch-result-away {
    width: 40px;
    height: 40px;
    font-size: 18px;
}

.match-time, .match-place {
    font-size: 12px;
}
.match-place {
	text-align:right;
}
.match-statistics {
    display: flex;
    justify-content: start; 
    padding-bottom: 20px;
    position: relative;
}
}


/***** NORMATIVA*****/


.normativa-box a {
    position: relative;
    padding-left: 40px; 
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color:#000;
	margin-bottom:25px;
}

.normativa-box a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background-image: url('/wp-content/uploads/2025/10/button-circle-right.svg');
    background-size: contain;
    background-repeat: no-repeat;

    /* Para permitir cambiar color por CSS */
    filter: brightness(0); /* negro */
    transition: filter 0.25s ease;
}

.normativa-box a:hover::before {
/*filter: invert(83%) sepia(96%) saturate(2329%) hue-rotate(352deg) brightness(100%) contrast(102%);*/
	transform: translateY(-50%) rotate(90deg);
}

/*****Jugadores Grid ****/

.emc-grid__inner {
	display:grid;
}

.emc-grid__inner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
	gap:40px;
}

@media (max-width: 1150px) {
    .emc-grid__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
		gap:40px;
    }
}

@media (max-width: 890px) {
    .emc-grid__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:30px;
    }
}

@media (max-width: 510px) {
	.emc-grid__inner {
    	grid-template-columns: repeat(1, minmax(0, 1fr));
		gap:30px;
    }
}

/************* PALMARES Y DETALLE EDICIONES *******/
#palmares,
#edicion {
	font-family: "Schibsted Grotesk", sans-serif;
}


.palmares-main-title {
    display: inline-block;
    background: #f6dd4a;    
    border-radius: 999px;
    padding: 12px 30px;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 30px;
}

.palmares-year-box {
    display: flex;
	flex-direction:column;
    column-gap: 40px;
    row-gap: 20px;
    margin-bottom: 55px;
}

.palmares-year,
.edicion-fase-title {
    font-size: 30px;
    font-weight: 700;
    color: #000; 
    margin-bottom: 10px;
	padding:5px 20px;
	background-color:#f4d905;
	border-radius:50px;
	width:fit-content;
}

.edicion-fase-title {
	width: auto;
	text-align:center;
	margin-top: 85px;
}

.palmares-category-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
    column-gap: 60px;
}

.edicion-partidos-container {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
    column-gap: 60px;
}


.palmares-category-title,
.edicion-fecha {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 12px;
	color:#f6dd4a;;
}


.palmares-result-box
 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    background: #f2f2f2;
    border-radius: 0;        
    overflow: hidden;         
}

.edicion-local-box,
.edicion-visitante-box {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    background: #f2f2f2;
    border-radius: 0;        
    overflow: hidden;         
}


.palmares-result-number,
.edicion-local-goles,
.edicion-visitante-goles {
    min-width: 60px;
    padding: 12px 0;
    background: #000;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.palmares-result-image,
.edicion-local-logo,
.edicion-visitante-logo {
    width: 45px;
    height: 45px;
	margin-left:10px;
    background-color: white;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.palmares-result-image img,
.edicion-local-logo img,
.edicion-visitante-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2px;
}

.palmares-result-team,
.edicion-local-equipo,
.edicion-visitante-equipo {
    flex: 1;
    padding: 12px 18px;
    font-size: 18px;
    font-weight: 700;
	text-transform:uppercase;
}


.palmares-year-link a::after {
    content: "";
    position: absolute;
	right:0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2025/10/button-circle-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0);
    transition: filter 0.25s ease;
}

.palmares-year-link a {
    position: relative;
		text-transform:uppercase;
	  padding-right:25px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #000;
	 font-size:15px
}
.palmares-year-link a:hover{
	color: #F4D905;
} 

.palmares-year-link  a:hover::after {
    filter: invert(83%) sepia(96%) saturate(2329%) hue-rotate(352deg) brightness(100%) contrast(102%) !important;
}

.edition-winner {
    background-image: url('/wp-content/uploads/2025/12/winner.png');
    background-repeat: no-repeat;
    background-size: 45px auto; 
    background-position: left center; 
	width: 45px;
	height: 45px;
	margin-right: 20px;
}

/* Responsive*/
@media (max-width: 1300px) {
	
	.palmares-category-container {
	 grid-template-columns: repeat(2, 1fr);
			row-gap: 30px;
			column-gap: 60px;
	}
}
@media (max-width: 900px) {
	.palmares-category-container,
	.edicion-partidos-container {
	grid-template-columns: repeat(1, 1fr);
	row-gap: 30px;
	column-gap: 60px;
	}
}



/*****Ediciones anteriores***/
#ediciones-anteriores { 
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}   

.edition-box {
	display: flex;
	flex-direction: column;
    align-items: center;
	background: #fff;
    border: 1px solid #eee;
    border-radius: 28px;
    padding: 28px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    min-height: 220px;
	justify-content: center;
   
}
.edition-box a{
	box-shadow: none;
    text-decoration: none;
	color: #000;
}
.edition-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	background-color:#f4d905; 
}
.edition-data {
	text-align: center;
    max-width: 90%;
}
.edition-title{
	font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin: 6px 0 0;
    text-transform: uppercase;
    color: #000;
}
.edition-year {
	font-size:35px;
	line-height:35px;
	color:#f4d905;
}
.edition-box:hover .edition-year {
	color: #FFF;
}

@media all and (max-width:767px) {
	#ediciones-anteriores {grid-template-columns: repeat(1, minmax(0, 1fr));}
	.edition-box {min-height: 130px;}
}


#paises {
	display:grid;
	gap: 40px 10px;
}
.pais-box {
	display:flex;
	align-items:center;
	align-content:center;
	flex-direction:column;
}

.pais-flag {
	width:200px;
	height:130px;
	border-radius:30px;
	border: 1px solid #CCC;
}

.pais-label {
	font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin: 6px 0 0;
    text-transform: uppercase;
    color: #000;
}



/* 4 columnas: pantallas grandes */
@media (min-width: 1280px) {
    #paises {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* 3 columnas: pantallas medianas */
@media (min-width: 1025px) and (max-width: 1279px) {
    #paises {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 2 columnas: tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    #paises {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* 1 columna: móviles */
@media (max-width: 767px) {
    #paises {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}