.prueba-section {
	position: relative;
	background: #fff;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0;
	overflow: hidden;
}




.prueba-card {
	position: relative;
	background: #F1F044;
	border-radius: 40px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	z-index: 2;
	box-shadow: 0 8px 32px rgba(0,0,0,0.10);
	padding: 0 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.prueba-card-body {
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 4px 24px rgba(0,0,0,0.08);
	/*padding: 0 40px 40px 40px;*/
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	position: relative;
	max-width: 900px; /* Ajusta este valor según el ancho de tus tabs */
	box-sizing: border-box;
	margin-bottom: 40px;
}



.prueba-card-header {
	text-align: center;
	margin-bottom: 18px;
}

.prueba-card-header h2 {
		font-family: 'Alexandria', sans-serif;
		font-weight: 600;
		font-size: 45.31px;
		line-height: 100%;
		color: #FE2491;
		letter-spacing: -1px;
	}

.prueba-card-title-main {
	display: block;
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 0.2em;
}

.prueba-card-title-bold {
	font-family: 'Alexandria', sans-serif;
	font-weight: 800;
	font-size: 61.22px;
	line-height: 100%;
	color: #FE2491;
	letter-spacing: -1.43px;
	margin-right: 8px;
}

.prueba-card-title-highlight {
	background: #FE2491;
	font-family: 'Alexandria', sans-serif;
	font-weight: 800;
	font-size: 61.22px;
	line-height: 100%;
	color: white;
	letter-spacing: -1.43px;
	padding: 0 12px;
	display: inline-block;
}

.prueba-card-desc {
	font-family: 'Visby Round CF', Arial, sans-serif;
	font-weight: 500;
	font-size: 15.13px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	color: #0D0030;
	margin-top: 10px;
}

.strong-desc{
	font-family: 'Visby Round CF', Arial, sans-serif;
	font-weight: 500;
	font-size: 13.5px;
	line-height: 100%;
	color: #fff;
	color: #000000fb;
	margin-top: 2px;
}


.prueba-tab {
	font-family: 'Visby Round CF', Arial, sans-serif;
	font-weight: 900;
	font-size: 18.15px;
	line-height: 19.85px;
	letter-spacing: 0px;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	min-width: 200px;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	margin: 0;
	border-right: 1px solid #eee;
	position: relative;
	z-index: 1;
	cursor: pointer;
	white-space: normal;
	width: 150px;
	min-height: 60px;
	box-sizing: border-box;
	background-color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

	.prueba-tab:last-child {
		border-right: none;
	}

	.prueba-tab:first-child {
		border-radius: 24px 0 0 0;
	}

	.prueba-tab:last-child {
		border-radius: 0 24px 0 0;
	}

.prueba-tab-active {
	background: #ff3ba7;
	color: #fff;
	z-index: 2;
}
.prueba-tab-active2 {
	background: #e6d6de;
	color: #ff3ba7;
	z-index: 2;
}
.prueba-tab-yellow {
	background: #fff86a;
	color: #ff3ba7;
}
.prueba-tab-yellow2 {
	background: #e5e5cf;
	color: #bdb300;
}
.prueba-tab-cyan {
	background: #2ed2e6;
	color: #231942;
}
.prueba-tab-cyan2 {
	background: #cae5e9;
	color: #00d4f0;
}
.prueba-tab-purple {
	background: #c1c1df;
	color: #a259e6;
}
.prueba-tab-purple2 {
	background: #d9d9e6;
	color: #7504df;
}


.prueba-tabs {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	border-radius: 24px 24px 0 0;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	z-index: 2;
	box-shadow: none;
	border-bottom: 2px solid #eee;
	max-width: 900px; /* Igual que el body */
	box-sizing: border-box;
	min-width: 200px;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
	border-right: 1px solid #eee;
	position: relative;
	z-index: 1;
}
/*
.prueba-content {
	display: none;
	flex-wrap: wrap;
	max-width: 1000px;
	gap: 20px;
}*/

.prueba-card-content {
	background: #fff;
	border-radius: 0 0 24px 24px;
	box-shadow: none;
	padding: 40px 40px 40px 40px;
	position: relative;
	min-height: 340px;
	max-width: 800px; /* Igual que el body */
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	box-sizing: border-box;
	margin-bottom: 60px;
}



.prueba-card-img {
	flex-shrink: 0;
	width: 260px;
	min-width: 200px;
	margin-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prueba-card-info {
	flex: 1;
	min-width: 260px;
	padding-left: 0;
}

.prueba-bg-pink {
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	z-index: 1;
}

.prueba-nina {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	object-fit: cover;
}

.prueba-card-info {
	flex: 1;
	min-width: 260px;
	padding-left: 10px;
}
/*AQUI PARA CAMBIAR LOS ANUNCIOS DE COLOR SEGGUN LA EDAD QUE LES CORRESPONDA*/
.prueba-card-age-title {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 28.56px;
	line-height: 31.24px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #231942;
	margin-bottom: 20px;
}

.prueba-card-age-title6 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 28.56px;
	line-height: 31.24px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #231942;
	margin-bottom: 20px;
}

.prueba-card-age-title9 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 28.56px;
	line-height: 31.24px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #231942;
	margin-bottom: 20px;
}

.prueba-card-age-title13 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 28.56px;
	line-height: 31.24px;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #231942;
	margin-bottom: 20px;
}
/*FIN SOLO SON CUATRO CONTROLES*/
.prueba-card-age-title span {
		font-family: Visby Round CF;
		font-weight: 900;
		font-size: 36.18px;
		line-height: 39.58px;
		letter-spacing: 0px;
		text-align: center;
		text-transform: uppercase;
		color: #ff3ba7;
		display: block;
}
.prueba-card-age-title6 span {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 36.18px;
	line-height: 39.58px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #FFB43A;
	display: block;
}

.prueba-card-age-title9 span {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 36.18px;
	line-height: 39.58px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #47D5DF;
	display: block;
}

.prueba-card-age-title13 span {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 36.18px;
	line-height: 39.58px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #9F447D;
	display: block;
}
.prueba-card-age-subtitle {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 14.31px;
	line-height: 15.65px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #231942;
	margin-bottom:20px;
}

.prueba-card-age-desc {
	font-family: Visby Round CF;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0px;
	color: #231942;
}

.prueba-btn-agenda {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 24.62px;
	line-height: 26.93px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	background: #ff3ba7;
	color: #fff;
	align-content: center;
	align-items: center;
	border-radius: 30px;
	padding: 14px 38px;
	text-decoration: none;
	display: block; /* Cambia de inline-block a block */
	margin: 0.5em auto 1em auto; /* Centra horizontalmente y mantiene los márgenes */
	transition: background 0.2s;
}

	.prueba-btn-agenda:hover {
		background: #e6007e;
	}

.prueba-btn-agenda6 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 24.62px;
	line-height: 26.93px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	background: #FFB43A;
	color: #fff;
	align-content: center;
	align-items: center;
	border-radius: 30px;
	padding: 14px 38px;
	text-decoration: none;
	display: block; /* Cambia de inline-block a block */
	margin: 0.5em auto 1em auto; /* Centra horizontalmente y mantiene los márgenes */
	transition: background 0.2s;
}

	.prueba-btn-agenda6:hover {
		background: #c7800d;
	}

.prueba-btn-agenda9 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 24.62px;
	line-height: 26.93px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	background: #47D5DF;
	color: #fff;
	align-content: center;
	align-items: center;
	border-radius: 30px;
	padding: 14px 38px;
	text-decoration: none;
	display: block; /* Cambia de inline-block a block */
	margin: 0.5em auto 1em auto; /* Centra horizontalmente y mantiene los márgenes */
	transition: background 0.2s;
}

	.prueba-btn-agenda9:hover {
		background: #0b9ca7;
	}

.prueba-btn-agenda13 {
	font-family: Visby Round CF;
	font-weight: 900;
	font-size: 24.62px;
	line-height: 26.93px;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
	background: #9F447D;
	color: #fff;
	align-content: center;
	align-items: center;
	border-radius: 30px;
	padding: 14px 38px;
	text-decoration: none;
	display: block; /* Cambia de inline-block a block */
	margin: 0.5em auto 1em auto; /* Centra horizontalmente y mantiene los márgenes */
	transition: background 0.2s;
}

	.prueba-btn-agenda13:hover {
		background: #8b2164;
	}

.prueba-card-contacto {
	font-family: Visby Round CF;
	font-weight: 500;
	font-size: 13.82px;
	line-height: 100%;
	letter-spacing: 0px;
	color: #231942;
}

.prueba-btn-clic {
	background: #2ed2e6;
	color: #fff;
	border-radius: 8px;
	padding: 2px 10px;
	font-weight: 700;
	text-decoration: none;
	margin: 0 4px;
	transition: background 0.2s;
}

	.prueba-btn-clic:hover {
		background: #1bb3c9;
	}

.prueba-star {
	color: #2ed2e6;
	font-size: 2.2rem;
	font-family: inherit;
	font-weight: bold;
	position: absolute;
	right: 30px;
	top: 30px;
	animation: star-bounce 2.5s infinite alternate;
}

/* ===================== MEDIA QUERIES ===================== */

/* 🔹 max-width: 1440px (desktop más pequeños) */
@media (max-width: 1440px) {
  .prueba-card {
    max-width: 95%;
  }

  .prueba-card-content {
    padding: 30px;
  }
}

/* 🔹 1024px - Tablets landscape */
@media  (min-width: 913px) and (max-width: 1024px) and (orientation: landscape) {
  .prueba-tabs {
    
  }

   .prueba-tab {
    width: 100%;
    font-size: 16px;
    padding: 12px;
  }

  .prueba-card-content {
    flex-direction: column;
    text-align: center;
  }

 .prueba-card-img,
  .prueba-card-info {
    
    margin: 0 auto 20px auto;
    text-align: center;
  }
}

/* 🔹 1024px - Tablets portrait */
@media (min-width: 913px) and (max-width: 1024px) and (orientation: portrait) {
 

  .prueba-tab {
    width: 100%;
    font-size: 16px;
    padding: 12px;
  }

  .prueba-card-content {
    flex-direction: column;
    padding: 20px;
  }

  .prueba-card-img,
  .prueba-card-info {
    
    margin: 0 auto 20px auto;
    text-align: center;
  }
}

/* 🔹 912px (Surface Duo, tablets medianas) */
@media (min-width: 769px) and (max-width: 912px) {
  .prueba-tab {
    font-size: 15px;
    padding: 10px;
	min-width: 190px;
  }

  .prueba-card-title-main {
    font-size: 2.2rem;
  }

  .prueba-card-title-bold,
  .prueba-card-title-highlight {
    font-size: 40px;
  }
  .prueba-card-content{
	max-width: 760px;
  }
}

/* 🔹 768px (iPad vertical y tablets pequeñas) */
@media (min-width: 481px) and (max-width: 768px) {
  .prueba-tabs {
    flex-direction: column;
  }

  .prueba-tab {
    width: 100%;
    font-size: 14px;
    padding: 10px;
  }

  .prueba-card-title-bold,
  .prueba-card-title-highlight {
    font-size: 36px;
  }

  .prueba-card-img {
    max-width: 220px;
    margin: 0 auto;
  }

  .prueba-tab:last-child{
	border-radius: 0%;
  }
}

/* 🔹 480px (Teléfonos) */
@media (max-width: 480px) {
  

  .prueba-tabs {
    flex-wrap: wrap;
  }

  .prueba-card-title-bold,
  .prueba-card-title-highlight {
    font-size: 28px;
    padding: 0 8px;
  }

  .prueba-card-title-main {
    font-size: 1.6rem;
  }

  .prueba-card-img {
    max-width: 180px;
  }

  .prueba-card-age-title,
  .prueba-card-age-title6,
  .prueba-card-age-title9,
  .prueba-card-age-title13 {
    font-size: 20px;
  }

  .prueba-card-age-title span {
    font-size: 24px;
  }

  .prueba-card-info {
    padding-left: 0;
  }

  .prueba-card-content {
    flex-direction: column;
    padding: 10px;
  }

  .prueba-tab {
    font-size: 13px;
    padding: 8px;
  }

  .prueba-card-img{
    display: none;
  }
  .prueba-tab:last-child {
    border-radius: 0;
}
}

/* 🔹 Extra: Forzar scroll si se desborda horizontalmente */
@media(min-width: 481px) and (max-width: 768px) {
  .prueba-section {
    overflow-x: hidden;
  }
}