/*IMPORTACIONES*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); /*BOOTSTRAP ICONOS*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap'); /*GOOGLE FONTS (BEBAS NEUE, Mulish)*/

/*MOBILE FIRST*/
:root {
	--texto: "Mulish", sans-serif;
	--titulos: "Bebas Neue", sans-serif;
	--colorSecundario: #2a1f26;
	--goldenColor: rgba(219, 177, 99);
	--fondoColor: #f19fca;
	--gradientSecundario: linear-gradient(to bottom, #02d5cd, #005550);
	--gradientPrincipal: linear-gradient(to bottom, #c51766, #ff79a5);
}
/*GENERAL*/
* {
	margin: 0;
	padding: 0;
  box-sizing: border-box;	
	list-style: none;
	text-decoration: none !important;
	font-family: var(--titulos);
	color: #2a1f26;
	scrollbar-color: 
		#ca71c5
		var(--colorSecundario) 
	; /*Firefox*/
	scrollbar-width: thin;/*Firefox*/
}

/* Compatibilidad de scrollbar para Chrome y Safari */
::-webkit-scrollbar {
	width: 8px; /* Ancho del scrollbar */
}
::-webkit-scrollbar-thumb {
	background-color: #ca71c5; /* Color del thumb */
	border-radius: 10px; /* Bordes redondeados */
}

html, body {
	width: 100%;
	height: 100%;
	background: var(--fondoColor);
}

html {
	scroll-behavior: smooth;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

.secciones {
	padding-top: 5vh;
	padding-bottom: 5vh;
	max-width: 100vw;
	min-height: 100vh;
	height: auto;
	background-color: transparent;
}

.espaciador {
	height: 20vh;
	margin: auto;
}

.titulo {
	font-family: var(--titulos);
	font-size: 2.5rem;
	font-weight: 500;
	text-align: center;
}

.btn-velada {
	margin: 10px 5px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	border-color: #fa2188;
	border-radius: 5px;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	background: var(--gradientPrincipal);
    transition: all .15s ease;
	&:hover {
		color: #fff;
		font-weight: 600;
		font-size: 1.4rem;
		border-color: #fff;
		background: var(--gradientSecundario);
	}
}
.btn-velada-outline {
	margin: 10px 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
	border: 3px solid #005550;
	border-radius: 5px;
	color: #000;
	font-size: 1.3rem;
	text-align: center;
    transition: all .15s ease;
	&:hover {
		color: #000;
		font-weight: 600;
		font-size: 1.4rem;
		border-color: #c51766;
	}
}
.cinta {
  width: auto;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
	background: linear-gradient(to bottom,
    #7c3b8a, 
    #c24fb1, 
    #02d5cd, 
    #005550, 
    #c51766,
    #aa1552); /* Loop cerrado */
	background-size: 100% 1000%;
	animation: fluidoGradiente 15s linear infinite;
}

.cinta-contenido {
  display: flex;
  gap: 50px; /* Espacio entre elementos */
	width: max-content;
	animation: mover 7s linear infinite;
}

.item {
  margin: 45px 15px;
  width: 100px; /* Ajusta el tamaño según necesites */
  height: 150px;

  & img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  }
}

@keyframes mover {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
@keyframes fluidoGradiente {
	0% { background-position: 0% 0%; }
	50% { background-position: 0% 100%; }
	100% { background-position: 0% 0%; }
}
.item-sociales {
	margin: 10px auto;
	text-align: center;
}
.icono-social {
	margin: auto 5px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 1.3rem;
	background: var(--gradientSecundario);
	border-radius: 100%;
	transition: all 1s ease;
	& i {
		color: white;
	}
	&:hover {
		background: var(--gradientPrincipal);
	}
}

.btn-close-modal {
	width: 1em;
	height: 1em;
	border: 0;
	border-radius: .5rem;
	background: transparent;
	& i {
		color: white;
	}
}

.icon-kick { width: 20px; margin-bottom: 4px; }
/*-------------------------------------------------------------------*/

/*MOVIL*/
/*=======================================================*/
/*SECCION HERO*/
#hero {
	background-image: url('../assets/img/banner-hero.webp');
	background-size: cover;
	background-attachment: scroll;
	background-position: bottom;
}
.hero-body {
	position: absolute;
	left: 50%;
	bottom: -15%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hero-item-enlace svg {
	width: 50px;
	transition: .5s ease-out;
	&:hover, &:hover g {
		width: 60px;
		fill: #aa1552;
	}
}
/*======================================================*/
/*SECCION VELADA AÑO*/
.velada-anho-body {
	justify-content: space-between;
	gap: 40px;
}
/*-----------------------------------------------------*/
.velada-quinta-edicion {
	width: 180px;
	height: 210px;

	& img {
		width: 100%;
		height: 100%;
	}
}
/*-----------------------------------------------------*/
.velada-item-banner {
	text-align: center;
	
	& img {
		width: 100%;
		height: 450px;
		object-fit: cover;
	}
}

.velada-item-banner:last-child {
	margin-top: 10px;
}

.velada-item-banner p {
	& i:first-child { color: #005550; }
	&:last-child { color: #c24fb1; }
}

.texto-banner:first-child {
		font-size: 1.3rem;
}

.texto-banner {
	margin: 0;
	font-size: 1.5rem;
	font-style: oblique;
}
/*=======================================================*/
/*SECCION PRESENTACION*/
.container-fluid {
	padding: 0;
}
#presentacion {
	background: linear-gradient(to bottom, transparent, #fc7ba2);
}
.espaciador-presentacion { background: #fc7ba2 }
.presentacion-item, .ediciones-item {
	width: 100%;
}
/*------------------------------------------*/
.presentacion-body {
	gap: 150px;
}

.presentacion-item-imagen {
	margin: 0 auto;
	width: 300px;
	height: 350px;
	object-fit: cover;

	& img {
		width: 100%;
		height: 100%;
	}
}

.presentacion-item-texto .texto-presentacion {
	font-size: 1.5rem;
	font-style: oblique;
	font-weight: bolder;
	text-align: center;
	color: #000;
	&:nth-child(1) {
		margin-bottom: 5px;
	}
	
}
/*=======================================================*/


/*SECCION COMBATES*/
/*A CONTINUACION...*/


/*=======================================================*/
/*SECCION EDICION*/
.veladas-ediciones {
	display: flex;
  overflow-x: auto;
  gap: 50px;
  align-items: ;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 99%;
  max-width: 100vw;
  perspective: 1000px;
  scroll-snap-type: x mandatory;
}


.velada-tarjeta {
  flex: 0 0 auto;
  scroll-snap-align: center;
  width: 80%; /* <- Esto evita que se rompa en pantallas pequeñas */
  min-width: 280px;
  width: 300px;
  min-height: 430px;
  position: relative;
  transform-style: preserve-3d;
}

.tarjeta-inner {
  width: 100%;
  height: 100%;
  border: 0;
  background-image: url('../assets/img/estilo-velada-v.avif');
	background-size: cover;
	background-position: center;
  border-radius: 20px;
  position: relative;
  transition: transform 0.8s ease-in-out;
  transform-style: preserve-3d;
}

.velada-tarjeta:hover .tarjeta-inner {
	cursor: pointer;
  transform: rotateY(180deg);
}

.tarjeta-front, 
.tarjeta-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  background-image: url('../assets/img/estilo-velada-v.avif');
	background-size: cover;
	background-position: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tarjeta-front {
  z-index: 2; 
}

.tarjeta-front img {
  width: 80%;
  object-fit: contain;
}

.velada-tarjeta:hover .tarjeta-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #222;
}

.tarjeta-back {
  padding: 2rem;
	color: #2a1f26;
	text-align: center;
}

.tarjeta-back .tarjeta-titulo {
	font-size: 3rem;
}

.tarjeta-back .tarjeta-texto {
  margin: 10px 0;
	color: #2a1f26;
	font-family: var(--texto);
  font-size: 1.1rem;
	font-weight: 800;
}

.tarjeta-back .tarjeta-extra {
	font-size: 2rem;
}
/*------------------------------------------------------*/
.ediciones-body {
	gap: 200px;
}

.ediciones-item-cinta .cinta-contenido {
	animation: mover 15s linear infinite;
}

.item-cinta-ediciones svg {
  margin: 45px 15px;
	height: 40px;
}

.item-cinta-ediciones path {
	width: 100%;
}

/*======================================================*/
/*SECCION PELEADORES*/
.peleadores-body {
	display: grid;
	grid: repeat(2, 1fr) / auto-flow;
	justify-content: space-evenly;
	padding-top: 15px;
	height: 100%;
	overflow-x: auto; /* Permite el desplazamiento vertical */
  scroll-snap-type: x mandatory;
}

.peleadores-item {
	width: auto;
	height: auto;
	margin: 0 50px 40px;
}

.modal-content,
div .peleadores-modal {
	border: 0;
	border-radius: 20px;
}

.tarjeta-peleadores, 
.peleadores-imagen-tarjeta {
	border-radius: 10px;
}

.peleadores-modal-body {
	border-radius: 15px;
}

[class*="tarjeta-peleadores-velada-"] { 
	background-position: center;
	background-size: cover; 
	& .peleador-datos-item h5 { font-size: 1.2rem } 

	& .peleador-datos-item h6 { font-size: 1rem }
}

.tarjeta-peleadores-velada-i {
	background-image: url('../assets/img/estilos-peleadores-velada/estilo-velada-i.avif');
	& .peleadores-nombre-tarjeta,
	& h4,
	& .peleador-datos-item h5,
	& .peleador-datos-item h6 {
		color: #f9ac09;
		backdrop-filter: blur(25px);
	}
	.peleadores-imagen-tarjeta, .imagen-datos-peleador {
		filter: drop-shadow(1px 1px 13px #d66b02);
	}
}
.tarjeta-peleadores-velada-ii {
	background-image: url('../assets/img/estilos-peleadores-velada/estilo-velada-ii.avif');
	& .peleadores-nombre-tarjeta,
	& h4,
	& .peleador-datos-item h5,
	& .peleador-datos-item h6 {
		color: #fcd182;
		backdrop-filter: blur(15px);
	}
	.peleadores-imagen-tarjeta, .imagen-datos-peleador {
		filter: drop-shadow(1px 1px 13px #fcd182);
	}
}
.tarjeta-peleadores-velada-iii {
	background-image: url('../assets/img/estilos-peleadores-velada/estilo-velada-iii.avif');
	& .peleadores-nombre-tarjeta,
	& h4,
	& .peleador-datos-item h5,
	& .peleador-datos-item h6 {
		color: #d8d9de;
	}
	.peleadores-imagen-tarjeta, .imagen-datos-peleador {
		filter: drop-shadow(1px 1px 13px #d8d9de);
	}
}
.tarjeta-peleadores-velada-iv {
	background-image: url('../assets/img/estilos-peleadores-velada/estilo-velada-iv.avif');
	& .peleadores-nombre-tarjeta,
	& h4,
	& .peleador-datos-item h5,
	& .peleador-datos-item h6 {
		color: #baf623;
	}
	.peleadores-imagen-tarjeta, .imagen-datos-peleador {
		filter: drop-shadow(1px 1px 13px #baf623);
	}
}
.tarjeta-peleadores-velada-v {
	background-image: url('../assets/img/estilos-peleadores-velada/estilo-velada-v.avif');
	& .peleadores-nombre-tarjeta {
		color: white;
	}
	& .modal-item { 
		& h4,
		& .peleador-datos-item h5,
		& .peleador-datos-item h6 {
			color: white;
			backdrop-filter: blur(5px);
		}
	}
	.peleadores-imagen-tarjeta, .imagen-datos-peleador {
		filter: drop-shadow(1px 1px 13px #02d5cd);
	}
}

.tarjeta-peleadores {
  overflow: hidden;
	width: 275px;
	height: 400px;
	border: 0;
	box-shadow: 0/*efecto en X*/ 15px/*efecto en Y*/ 25px/*efecto borroso*/ /*radio de extención/alcance*/ rgba(0, 0, 0, 0.6)/*color del sombreado*/;
	transition: transform 0.2s ease-in-out;

	&:hover {
		transform: scale(1.03);
		transition: transform 0.3s ease;
	}
}

.tarjeta-peleadores:hover .peleadores-imagen-tarjeta {
  transform: scale(1.1);
}

.peleadores-imagen-tarjeta {
	width: 100%;
	height: 100%;
	background: transparent;
	object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.peleadores-nombre-tarjeta {
	position: absolute;
	bottom: 0;
	margin-bottom: 25px;
	width: 100%;
	height: auto;
	font-family: var(--texto);
	font-size: 1.5rem;
	text-align: center;
}
.peleadores-nombre-tarjeta,
.modal-item h4,
.peleador-datos-item h5,
.peleador-datos-item h6 {
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 1);
}

.modal-item h4 {
/*	padding-top: 15px;*/
	height: 90px;
	font-size: 1.7rem;
	line-height: 90px;
}

.peleador-datos {
	padding-top: 15px;
}

.peleador-datos .lista-datos-peleador {
	padding: 0;	
	margin: 0;
	text-align: center;
}

.lista-datos-peleador .peleador-datos-item {
	margin-bottom: 20px;
	& h5 { 
		font-size: 1.1rem; 
		font-weight: 700; 
		margin-bottom: 5px;
	}
	& h6 { 
		margin: 0;
		font-size: 1rem;
	}
	& .item-bandera-peleador {
		width: 80px;
		height: 50px;
	}
}

.peleador-datos .imagen-datos-peleador {
	width: 100%;
	height: 350px;
	object-fit: cover;
	background: transparent;
}

.modal-item.item-sociales {
	margin: 25px auto;
}

.modal-cinturon-velada {
	display: flex;
	column-gap: 10px;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-bottom: 20px;
}

.cinturon-item {
	width: 180px; 
	height: 150px;
	& .cinturon {
		width: 100%;
		height: 100%;
	}
}

/*=======================================================*/
/*SECCION ENFRENTAMIENTOS*/
.enfrentamientos {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	background: var(--colorSecundario);
	border-radius: 15px;
}

.enfrentamientos-body {
	margin: 0;
	padding-bottom: 25px;
	background-image: url('../assets/img/footer-enfrentamientos.webp');
  background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}

.enfrentamientos-item.tabs {
	display: flex;
	justify-content: center;
	background-color: var(--fondoColor);
}

.tabs .tab-item {
	display: flex;
	justify-content: center;
	flex-grow: 1;
	margin-bottom: 0;
	padding: 10px 0;
	height: 110px;
	background: #fa5395;
	cursor: pointer;
	@media screen and (max-width: 355px) { height: 80px; }
	@media (min-width: 356px) and (max-width: 385px) { height: 90px; }
	@media (min-width: 386px) and (max-width: 480px) { height: 100px; }

	&:first-child {
		border-radius: 10px 0 0 0;
	}

	&:last-child {
		border-radius: 0 10px 0 0;
	}
}

.enfrentamientos-item.tab-content {
	
	border-radius: 0 0 10px 10px;

	& .tab-content-item {
		display: none;
	}
	& .enfrentamiento-active {
		display: block;
	}
}

.tabs .enfrentamiento-active {
	color: var(--fondoColor);
	background: var(--colorSecundario);

	&:first-child {
		border-radius: 10px 0 0 0;
	}

	&:last-child {
		border-radius: 0 10px 0 0;
	}
}

.enfrentamiento-principal {
	margin: 40px auto 55px;
}

.enfrentamiento-content {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 30px;
	justify-content: space-evenly;

	padding: 40px 0;
	border-top: 1px solid white;
}

.enfrentamiento-tarjetas {
  width: 280px;
  height: 430px;
  position: relative;
  transform-style: preserve-3d;
}


.enfrentamiento-tarjeta-inner {
  width: 100%;
  height: 100%;
  border: 0;
  background-image: url('../assets/img/enfrentamientos.avif');
	background-size: cover;
	background-position: center;
  border-radius: 20px;
  position: relative;
  transition: transform 0.8s ease-in-out;
  transform-style: preserve-3d;
}

.enfrentamiento-tarjetas:hover .enfrentamiento-tarjeta-inner {
	cursor: pointer;
  transform: rotateY(180deg);
}

.enfrentamiento-tarjeta-front, 
.enfrentamiento-tarjeta-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  background-image: url('../assets/img/enfrentamientos.avif');
	background-size: cover;
	background-position: center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.enfrentamiento-tarjeta-front {
  z-index: 2; 
}

.enfrentamiento-tarjetas-imagen {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.enfrentamiento-tarjetas:hover .enfrentamiento-tarjeta-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #222;
}

.enfrentamiento-tarjeta-back {
  padding: 2rem;
	color: #2a1f26;
	text-align: center;
}

.enfrentamiento-rey-pista {
	min-width: 60%;
  min-height: auto;
}

/*=======================================================*/
/*SECCION CAMPEONES*/
.campeones {
	padding: 25px 0;
	background-attachment: fixed;
	background-image: url('../assets/img/estilo-velada-v.avif');
	background-size: cover;
	background-position: center;
}

.campeones-header {
	margin: 30px 0 50px;
	text-align: center;
}

.campeones-body {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1px;
	margin: 20px 0;
}

.campeon-item {
	min-width: auto;
	width: 320px;
	min-height: auto;
	height: 380px;
}

.item-campeon-imagen {
	width: 100%;
	height: 100%;
	backdrop-filter: blur(15px);
}

.campeones-footer { margin: 5px auto; }

.campeones-hidden { display: none; }
/*=======================================================================*/
/*SECCION ARTISTAS*/
.artistas {
	margin: 2% 0;
	row-gap: 50px;
	width: auto;
	height: auto;
}

.artistas-header {
	margin: 25px auto;
}

.artistas-body {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.artistas-galeria {
	margin: 0 auto;
	width: 6250px;
	height: 450px;
}

.artista-item {
	width: 0;
	flex-grow: 1;

	&:hover {
		width: 300px;
	}
}

.galeria-artista-imagen {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .8;
	transition: .8s ease;

	&:hover {
		cursor: crosshair;
		opacity: 1;
		filter: contrast(120%);
	}
}

.artistas-footer { margin-top: 15px; }
/*========================================================*/
/*SPONSORS*/
.sponsors {
	margin-bottom: 50px;
	width: auto;
}

.sponsor-content {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	column-gap: 50px;
	justify-content: center;
}

.sponsor-item {
	margin-bottom: 20px;
	height: auto;
}

.h-14, .h-24 {
	width: 100%;
	height: calc(.25rem * 24);
}

/*=========================================================*/
/*FOOTER*/
.footer {
	width: 100%;
	height: 100%;
	background-image: url('../assets/img/footer-enfrentamientos.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}

.footer-content-item {
	text-align: center;
	& i {
		font-size: 2rem;
	}
	& h4 {
		font-size: 1.2rem;
	}
}

.mis-redes {
	gap: 20px;
	margin-bottom: 25px;
}

/*=========================================================*/
/*BREAKPOINTS*/
@media screen and (min-width: 767px) { /*TABLETS*/
	/*SECCION MEJORES MOMENTOS*/
	.momentos-titulo h3 {
		padding-top: 30px;
		font-size: 2.3rem;
	}
	.momentos-item {
		margin-top: 20px;
	}
	.slide-momentos-item {
		width: 500px;
	}
	.slide-momentos-contenido {
		height: 350px;
	}
	[class="carousel-control-prev"] { margin-left: -80px; }
	[class="carousel-control-next"] { margin-right: -80px; }
	/*SECCION PELEADORES*/
	.peleadores-item {
		margin: 0 35px 40px;
	}
	/*SECCION ENFRENTAMIENTO*/
	.tabs .tab-item {
		height: 150px;	
	}
}
/*==========================================================*/
@media screen and (min-width: 1023px) { /*LAPTOPS*/
	.btn-velada { 
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 16px;
		padding-right: 16px;
	}
	/*SECCION MEJORES MOMENTOS*/

	/*SECCION ENFRENTAMIENTOS*/
	@media screen and (min-width: 1000px) { .enfrentamientos-item.tab-content { padding: 0 40px; } }

	.artistas-footer { margin-top: 30px; }
}
/*===========================================================*/
@media screen and (min-width: 1299px) { /*DESKTOP*/
	.btn-velada { padding: 21px; }
	.btn-velada, .btn-velada-outline, .hero-item-enlace { font-size: 1.5rem; }

	/*SECCION HERO*/
	.hero-body { 
		gap: 10rem;
		bottom: 0%;
	}
	.hero-item-enlace svg {
		width: 75px;
	}
	/*SECCUIB VELADA AÑO*/
	.velada-anho-body {
		gap: 100px;
	}

	/*SECCION PRESENTACIONES*/
	.presentacion-body { gap: 300px; }
	.cinta-contenido {
		gap: 150px;
	}
	.item {
		margin: 20px auto;
		width: 150px; /* Ajusta el tamaño según necesites */
		height: 120px;
	}
	/*SECCION EDICIONES*/
	.veladas-ediciones {
    overflow-x: unset; /* Quitamos el scroll */
    justify-content: center; /* Centra las tarjetas si sobran */
    scroll-snap-type: none;
  }	
	/*SECCION ENFRENTAMIENTO*/
	.tab-item { height: 180px }
	.enfrentamiento-content { gap: 75px 170px; }
	/*SECCION CAMPEONES*/
	.campeones { padding: 35px 0; }
	.campeones-header { margin-bottom: 70px; }
	.campeones-titulo { font-size: 3rem; }
	.campeones-body { margin: 40px 0; }

}

/*===============================================================================*/
/*BREAKPOINTS EXTRAS*/
@media screen and (min-width: 2000px) { /*DESKTOP > 2560PX*/
	.espaciador-presentacion {
		display: none;
	}
	.btn-velada { padding: 38px; }
	.btn-velada, .btn-velada-outline, .hero-item-enlace { font-size: 2.5rem; }
	/*SECCION HERO*/
	.hero-body { gap: 17rem; }
	/*SECCION PRESENTACIONES*/
	.presentacion {
		margin: 5vh auto !important;
	}
	.presentacion-body {
		gap: 15vh;
	}
	/*------------------------------------------------------------------*/
	.presentacion-item-sociales {
		margin: 25px auto;
	}
	.icono-social {
		margin: auto 15px;
		width: 70px;
		height: 70px;
		font-size: 2.2rem;
		line-height: 65px;
	}
	/*------------------------------------------------------------------*/
	.presentacion-item-texto .texto-presentacion {
		font-size: 1.9rem;
	}
	/*------------------------------------------------------------------*/
	.cinta-contenido {
		gap: 200px;
	}

	.item {
/*		margin: 28px auto;*/
		width: 200px; /* Ajusta el tamaño según necesites */
		height: 150px;
	}
	.veladas-ediciones {
	  gap: 80px;
	}
	.velada-tarjeta {
		width: 450px;
		height: 750px;
	}
	.tarjeta-back .tarjeta-titulo { font-size: 3rem; }
	.tarjeta-back .tarjeta-texto { 
		margin: 20px auto;
		font-size: 2rem; 
	}
	.tarjeta-back .tarjeta-extra { font-size: 2.3rem; }
	.peleadores-body {
		grid: repeat(3, 1fr) / auto-flow;
	}
	/*SECCION ENFRENTAMIENTO*/
	.tabs .tab-item { height: 210px; }
}