html{
	scroll-behavior: smooth;
}

p, h2, h3{
	color: #000;
}

.logo-siglo-21-menu{
	min-height: 40px;
}

.dm-sans{
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
}

.font-1{
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 260, "wdth" 50;
}

.font-2{
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 100, "wdth" 100;
	font-feature-settings: "aalt" 4;
}

.font-3{
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 100, "wdth" 80;
	font-feature-settings: "aalt" 4;
}

.font-4{
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 260, "wdth" 50;
	font-feature-settings: "aalt" 4;
}

.font-5{
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 260, "wdth" 50;
	font-feature-settings: "aalt" 1;
}

.navbar{
	background-color: #fff6f5;
	padding: 20px 0;
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 260, "wdth" 50;
}

.cstm-btn-1{
	background-color: #000000;
  padding: 3px 13px;
	color: #ffffff;
	border-radius: 10px;
	font-size: 20px;
}

.cstm-btn-2{
	background-color: #000000;
  padding: 8px 25px;
	color: #ffffff;
	border-radius: 10px;
	font-size: 45px;
	text-decoration: none;
}

.nav-link{
	font-size: 20px;
	color: #000000;
}

.nav-divider {
  border-left: 3px solid #000;
  height: 15px;
  margin: 0 10px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.hero{
	background-image: url('../../imagenes/formas-organicas-1.webp');
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0 200px 0;
	text-align: center;
}

.logo-hero-campus{
	height: 415px;
}

.bajada-hero{
	background-color: #000;
	padding: 20px;
	text-align: center;
}

.bajada-hero p{
	color: #fff;
	font-size: 35px;
}

.bajada-2{
	margin-top: 20px;
	font-size: 40px;
}

.cstm-title-1{
	font-size: 40px;
}

.cstm-title-2{
	font-size: 65px;
}

.max-w-700{
	max-width: 700px;
	margin: 0 auto;
}

.dibujo-1{
	max-height: 170px;
	margin: 30px;
}

.cstm-txt-1{
	font-family: "DM Sans", sans-serif;
	font-size: 20px;
	margin-bottom: 40px;
}

.img-polenta{
	margin: -90px 0;
}

.cstm-txt-2{
	color: #33cc33;
	font-size: 40px;
	margin-top: 35px;
}

.logo-polenta{
	max-height: 100px;
	margin-bottom: 20px	;
}

.cstm-a-1{
	text-align: right;
}

.cstm-txt-3{
	width: 100%;
	background-color: #33cc33;
	padding: 5px 15px;
	font-size: 25px;
	margin-bottom: 35px;
}

.box-1{
	margin: 150px 0;
	background-color: #000;
}

.box-2{
	margin: 150px 0 100px 0;
	background-color: #000;
}

.img-dj{
   margin: -150px 0px -100px -140px;
}

.cstm-txt-4{
	color: #e682c8;
	font-size: 40px;
	margin-top: 35px;
}

.logo-polenta{
	max-height: 100px;
	margin-bottom: 20px	;
}

.cstm-a-1{
	text-align: right;
}

.cstm-txt-5{
	width: 100%;
	background-color: #e682c8;
	padding: 5px 15px;
	font-size: 25px;
	margin-bottom: 35px;
}

.cstm-txt-6{
	font-size: 90px;
	line-height: 0.8;
	color: #fff;
}

.chica-bailando{
  max-height: 290px;
  display: block;
  margin: 0 auto;
  margin-bottom: 35px;
}

.content-3{
	padding: 80px 0;
}

.tarjeta-actividad {
  border: 2px solid #000;
  border-radius: 16px;
  background: #fff;
  padding: 30px;
  min-height: 171px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 10px;
}

.tarjeta-actividad h3 {
	font-family: "organetto-variable", sans-serif;
	font-variation-settings: "wght" 260, "wdth" 50;
  font-size: 25px;
  line-height: 1;
  display: flex;
  align-items: center;
  text-wrap: balance;
  height: 70px; 
  margin: 0;
}

.tarjeta-actividad hr {
  border: none;
  border-top: 2px solid #000;
  margin: 5px 0;
  opacity: 1;
}

.tarjeta-actividad .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  line-height: 1;
}

.tarjeta-actividad .info a {
  color: #f95023;
  text-decoration: none;
  font-weight: 600;
}

.tarjeta-actividad .info a:hover {
  text-decoration: underline;
}

/* ===== SLICK PERSONALIZADO ===== */
.carrusel-actividades .slick-prev,
.carrusel-actividades .slick-next,
.carrusel-actividades-2 .slick-prev,
.carrusel-actividades-2 .slick-next {
  width: 40px;
  height: 40px;
  z-index: 10;
}

.carrusel-actividades .slick-prev::before,
.carrusel-actividades .slick-next::before,
.carrusel-actividades-2 .slick-prev::before,
.carrusel-actividades-2 .slick-next::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../../imagenes/flecha-carrusel.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.slick-next {
    right: -40px;
}

.slick-prev {
    left: -40px;
}

.slick-next::before {
  transform: rotate(180deg);
}

.slick-slide {
  outline: none;
}

.cstm-title-3{
	font-size: 65px;
	text-align: center;
	color: #f95023;
	margin: 80px 0 30px;
}


.cstm-title-4{
	font-size: 65px;
	text-align: center;
	color: #7a61a6;
	margin: 80px 0 30px;
}

.modal-content{
	padding: 50px;
}

.modal-content p{
	font-family: 'Dm-sans' sans-serif;
}

.estrellas{
	max-height: 150px;
	margin: 80px 0;
}

.revivi-txt{
	max-height: 320px;
	margin: 0 auto;
}

.cstm-bdr-1 {
  border-radius: 20px;
  overflow: hidden;
}

.te-esperamos{
	max-width: 900px;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.te-esperamos p{
	color: #ffffff;
	font-size: 65px;
	line-height: 0.9;
}

.box-3 {
  background-image: url('../../imagenes/fondo-azul.webp');
  background-size: cover;
  padding: 35px;
  height: 397px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0; /* 🔸 importante */
}
.cstm-bdr-1 iframe {
  display: block;
  width: 100%;
  height: 397px;
  border: none;
  border-radius: 0; /* no hace falta redondear si el padre tiene overflow hidden */
}

.content-4{
	background-color: #000;
	padding: 30px 0;
}

.forma-organica-3{
	max-height: 50px;
}

.txt-cd25{
	height: 40px;
  width: 100%;
  max-width: none; /* evita que .img-fluid la escale más chica */
  object-fit: cover;
  overflow: hidden;
  margin: 50px 0;
}

.img-sumate{
	max-height: 600px;
}

.sumate-box{
	text-align: center;
}

.btn-sumate{
	margin-top: -200px;
	margin-bottom: 180px;
}

.cstm-btn-3{
	background-color: #000000;
  padding: 8px 25px;
	color: #ffffff;
	border-radius: 10px;
	font-size: 85px;
	text-decoration: none;
}

.box-dni{
	margin-top: 30px;
	padding: 20px 50px;
	border: 2px solid #000;
	border-radius: 20px;
	margin: 0 auto;
	text-align: center;
	max-width: 500px;
	margin-bottom: 80px;
	margin-top: 20px;
}

.box-dni p{
	font-size: 22px;
	font-family: 'Dm-sans' sans-serif;
	text-align: center;
	font-weight: 700;
	color: #7a61a6;
}

.box-dni button{
	margin-left: 10px;
}

input#dni{	
  border: 0;
  border-bottom: 1px solid;
}

footer {
  background-image: url('../../imagenes/formas-organicas-2.webp');
  background-position-x: center;
  background-position-y: -185px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 350px 20px 200px 20px;
  overflow: visible;
  z-index: 15;
  position: relative;
}

.cstm-a-2{
	text-align: right;
}

.logo-rs-footer{
	max-height: 60px;
	margin-right: 5px;
}

.logo-siglo-21-footer{
	max-height: 60px;
}


@media(min-width:768px){
	.hide-desktop{
		display: none !important;
	}
}

@media(max-width:1499px){
}

@media(max-width:1199px){
}

@media(max-width:1199px){
}

@media(max-width:991px){
}

@media(max-width:767px){
	.hide-mobile{
		display: none !important;
	}

	.logo-hero-campus {
	    height: 380px;
	    padding: 20px;
	}

	.img-polenta {
    margin: -90px 0 -50px 0;
    padding: 0 20px;
    max-height: 540px;
}

	.cstm-a-1 {
    text-align: center;
	}

	.cstm-a-3 {
    text-align: center;
    padding: 20px;
	}

	.img-dj {
	    margin: -150px 0 -50px 0;
	}

	.box-2 {
    margin: 150px 0 0 0;
	}	
	
	.te-esperamos p {
    color: #ffffff;
    font-size: 50px;
    text-align: center;
	}

	.tarjeta {
    width: 90% !important;
    margin: 0 auto;
  }

  .cstm-btn-3 {
	    font-size: 55px;
	    display: inline-block;
	}

	footer {
	    background-position-y: unset;
	    padding: 260px 20px 50px 20px;
	    text-align: center;
	}

	.logo-siglo-21-footer {
	    max-height: 55px;
	    margin-bottom: 15px;
	}

	.logo-rs-footer {
	    max-height: 40px;
	}

	.cstm-a-2 {
	    text-align: center;
	}
}

@media(max-width:576px){
	/* --- Flechas centradas debajo del carrusel --- */
	.carrusel-actividades .slick-prev,
	.carrusel-actividades .slick-next,
	.carrusel-actividades-2 .slick-prev,
	.carrusel-actividades-2 .slick-next {
	  position: absolute;
	  bottom: -60px;
	  top: auto;
	  transform: none;
	}

	/* Contenedor para centrar ambas flechas */
	 .slick-prev {
	  left: 40%;
	  transform: translateX(-60px); 
	}

	
	 .slick-next {
	  right: 40%;
	  transform: translateX(60px); 
	}

	.cstm-btn-3 {
	    font-size: 45px;
	}

}

@media(max-width:385px){
}