@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Figtree:ital,wght@0,300..900;1,300..900&family=Gilda+Display&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pinyon+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tomorrow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html{
    scroll-behavior: smooth;
    cursor: url(../assets/img/cursor.png), auto;
    scroll-padding-top: 10vh;
}
body{
    cursor: url(../assets/img/cursor.png), auto;
    background-color: #FDFBEA !important;
    color: #474747;
    overflow-x: hidden;
}
main{
    background-color: #FDFBEA !important;
}
a{
    cursor: pointer;
}
.links{
  display: flex; flex-direction: row;
  align-items: center;
  gap: 2vh;
  color: #474747;
  font-size: 1.2rem;
}

/*---------------------------GENERALES---------------------------------------------*/
.separadorLados{
  padding-right: 10vh; padding-left: 10vh;
}
.separadorTop{
  margin-top: 8vh;
}
@media (max-width: 500px) {
  .separadorLados{
  padding-right: 2vh; padding-left: 2vh;
}
}
h2{
  font-weight: bold;
  font-size: 2rem;
}
p{
  font-size: 1rem;
}

/*------------------------------------------------ HEADER -----------------------------------------------------------------*/
header{
  padding-left: 10vh; padding-right: 10vh; padding-top: 3vh; padding-bottom: 3vh;
  background-color: #FDFBEA ;
}
@media (max-width: 800px) {
  header{
  padding-left: 4vh; padding-right: 4vh; padding-top: 3vh; padding-bottom: 3vh;
}
}
.activo {
  background-color: #FFB371; 
  border-radius: 5px;
}
.nav-link{
   color: #474747;
   font-weight: 400;
   cursor: pointer;
}
.deseleccionado:hover{
  color: #FFB371;
  font-weight: 600;
}
.navbar-nav{
  display: flex;
  gap: 1rem;
}

/*MENU HAMBURGUESA HEADER*/
.navbar-toggler {
  border: none; /* Opcional: quita el borde */
  padding: 0.5rem;
}
.navbar-toggler:focus {
  box-shadow: none; /* Quita el resaltado al hacer foco */
}
.navbar-toggler-icon {
  background-image: url(../assets/img/menuHamburguesa.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991.98px) {
  .navbar-nav{
    margin-top: 5vh;
  }
  .navbar-nav .nav-link {
    padding: 0.75rem 1rem;
    font-size: 1.2rem;
  }
}
/*---------------------------------------------FOOTER----------------------------------------------------------*/
footer{
  background-color: #D7E7FF;
  padding: 4.5vh;
  text-align: center;
  p{
    margin: 0 auto;
  }
}
/*--------------------------------------INDEX--------------------------------------------------------------*/

/*INICIO------*/
.InicioHome{
  margin-top: 5vh;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5vh;
  h1{
    font-weight: 700;
    font-size: 5rem;
  }
  h2{
    font-size: 2.5rem;
  }
} 
@media (max-width: 500px) {
  .InicioHome{
  h1{
    font-weight: 700;
    font-size: 3rem;
  }
  h2{
    font-size: 1.5rem;
  }
} 
}

/*QUE ES DOMUS------*/
.queEs{
  background-color: #D7E7FF;
  display: flex;
  align-items: center;
}
/*Swiper*/
.swiper {
  width: 600px;
  height: 300px;
}
.mySwiper {
  width: 50vw;
  height: auto;
}
@media (max-width: 800px) {
  .queEs{
    flex-wrap: wrap;
    row-gap: 8vh;
    padding-bottom: 5vh;
  }
  .mySwiper {
  width: 100vw;
  height: auto;
}
}

/*PROMOVEMOS--------*/
.promovemos{
  background-color: #FFFFF8;
  padding: 8vh;
  width: fit-content;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  ul{
    list-style-type: none;
    margin-top: 4vh; padding-left: 0;
    display: flex;
    flex-wrap: wrap; 
    gap: 3vh;
    justify-content: flex-start;
    li{
      border: 1px solid #5E7B93;
      width: fit-content;
      padding-left: 2vh; padding-right: 2vh; padding-top: 1vh; padding-bottom: 1vh;
      border-radius: 50px;
    }
  }
}
/*MISION-----*/
.mision{
  background-color: #FFFFF8;
  padding: 8vh;
  width: fit-content;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  p{
    margin-top: 3vh;
  }
}
/*PROMOVEMOS Y MISION-------*/
.promovemosYmision{
  display: flex;
  gap: 5vh;
}
@media (max-width: 1015px) {
  .promovemosYmision{
    flex-wrap: wrap;
    row-gap: 8vh;
    padding-bottom: 5vh;
  }
}
.contenedorPromoymision{
  display: flex; flex-direction: column;
  align-items: center;
  gap: 8vh;
}
@media (max-width: 800px) {
  .promovemos, .mision{
  padding-left: 4vh; padding-right: 4vh;
}
}

/*DETRÁS DE DOMUS---------*/
.jaz{
  background-color: #FFEE6F;
  padding-top: 8vh; padding-bottom: 8vh;
}
.fotoYtextoJaz{
  display: flex;
  align-items: center;
}
.fotoYtextoJaz img{
  max-width: 350px;
  height: auto;
  border-radius: 10px;
}
.listaJaz{
  ul{
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 3vh;
    li{
      display: flex;
      align-items: center;
      gap: 3vh;
    }
  }
}
@media (max-width: 900px) {
  .fotoYtextoJaz{
    flex-wrap: wrap;
    row-gap: 8vh;
    padding-bottom: 5vh;
    justify-content: center;
  }
}
@media (max-width: 560px) {
  .listaJaz{
    ul{
      padding: 0;
      li{
        flex-direction: column;
        justify-content: flex-start; align-items: flex-start;
      }
    }
  }
}

/*CAPACITACIONES-----------------------------*/
.capacitacionesHome{
  padding-left: 10vh;
  display: flex;
  align-items: center; justify-content: center;
  gap: 5vh;
  height: auto; 
}
.mySwiper2{
  width: 50vw;
  height: fit-content;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.contenedorswiper{
  overflow: hidden;
}
.textoCapacitaciones{
  width: 50%;
}
@media (max-width: 1020px) {
  .capacitacionesHome{
    flex-wrap: wrap;
  }
  .mySwiper2{
  width: 100vw;
  height: fit-content;
  }
  .textoCapacitaciones{
    margin-right: 10vh;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .textoCapacitaciones{
    margin-right: 2vh;
    p{
      margin-top: 2vh;
    }
  }
  .capacitacionesHome{
  padding-left: 2vh;
  }
}

/*FORMULARIO-------------------*/
.form_container{
    display: flex;
  flex-direction: column;
  row-gap: 3vh;
}
form{
  label{
    font-size: 1rem;
  }
  input.nombreYmail {
  padding: 0.7rem;
  border: 2px solid #FFB371;
  background-color: transparent;
  border-radius: 7px;
  font-size: 0.95rem;
}
input.derivado {
  padding: 0.7rem;
  border: 2px solid #FFB371;
  background-color: transparent;
  border-radius: 7px;
  font-size: 0.95rem;
}
/* Select */
#Motivo_De_Consulta {
  padding: 0.7rem;
  border: 2px solid #FFB371;
  border-radius: 7px;
  background-color: transparent;
  font-size: 0.95rem;
  cursor: pointer;
}
.form_input--message {
  padding: 1rem;
  border: 2px solid #FFB371;
  background-color: transparent;
  border-radius: 7px;
  font-size: 0.95rem;
  resize: vertical; 
}
.form_cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.9rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  background-color: #FFB371;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s;
  color: #474747;
  width: 100%;
}
.form_cta:hover{
  background-color: #FFE62F;
}
}

/*CONTACTO--------------------------*/
.contacto{
  .imagenabajo{display: none;}
  margin-top: 10vh;
  h2{text-align: center;}
  h3{font-size: 1.2rem; font-weight: bold;}
  form{width: 50%;}
  .conimagen{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    img{width: 40%; display: block;}
  }
  .textos{display: flex; flex-direction: column; gap: 5vh;}
  .textoYform{
    display: flex;
    justify-content: space-around;
  }
}
@media (max-width: 1050px) {
  .conimagen{
    display: flex;
    flex-direction: row !important;
    align-items: center;
    img{width: 70% !important;}
  }
  .textoYform{
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .contacto form {
    width: 100% !important;
  }
  .form_container {
    margin-top: 5vh;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .conimagen{
    img{display: none !important;}
  }
  .contacto{
    .imagenabajo{display: block; width: 40%; margin-top: 10vh;}
  }
}

/*-------------------------------------------------ACOMPAÑAMIENTO-----------------------------------------------------------------------*/
/*botones*/
.botones{
  ul{
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    a{
      text-decoration: none;
      color: #474747;
    }
    li{
      div{
        background-color: #FFB371;
        width: 250px;
        padding: 5vh 2vh 5vh 2vh;
        height: 250px;
        border-radius: 5%;
        display: flex;
        flex-direction: column; align-items: center; gap: 1vh;
        align-items: center; justify-content: center;
        text-align: center;
      }
    }
  }
}
.botones ul li div:hover {
  border: 5px solid #936740;
}
@media (max-width: 1200px) {
  .botones{
  ul{
    flex-wrap: wrap;
    row-gap: 3vh; align-items: center;
  }
}
}
@media (max-width: 500px) {
  .botones ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem; /* espacio entre los cuadrados */
    padding: 0;
    margin: 0;
  }

  .botones ul li {
    display: flex;
    justify-content: center;
  }

  .botones ul li div {
    width: 100%;
    height: 150px;
    background-color: #FFB371;
    border-radius: 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5vh 2vh;
  }

  .botones ul li img {
    width: 8vh;
  }

  .botones ul li div h4{
    font-size: .8rem;
  }

}


/*CONTENDEDOR ACOMPAÑAMIENTO*/
.contenedorAcompa{
  border-radius: 30px;
  margin: 0 auto;
  padding: 6vh 8vh 6vh 8vh;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFF8;
  height: fit-content; width: 80%;
  .domus{
    width: 30%;
    height: auto; /* mantiene la proporción */
  }
  .super{
    width: 30%;
    height: auto; /* mantiene la proporción */
  }
  display: flex;
  flex-direction: column; gap: 3vh; 
}
.contenedorGrupales{
  display: flex !important; flex-direction: row;
  align-items: center;
}

/*SWIPER EN ACOMPAÑAMIENTOS*/
.swiperAcompa, .swiperColab{
  height: auto;       
  width: auto;
  padding-bottom: 5vh;
}
.swiperAcompa .swiper-slide {
  height: auto !important;         
  display: flex;             
  justify-content: center;
  align-items: center;
}
.swiperAcompa .swiper-pagination-bullet {
  width: 40px;               /* Rectangular */
  height: 6px;
  border-radius: 3px;        /* Bordes redondeados suaves, sacáselo si querés recto */
  background: #FFB371;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.swiperAcompa .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFB371;
}
.swiperAcompa {
  --swiper-navigation-color: #FFB371;
}
.swiper-button-next{
  font-weight: 700;
  display: block;
}
.swiper-button-prev{
  font-weight: 700;
  display: block;
}

/*ACORDEON ACOMPAÑAMIENTOS*/
.acordeonAcompa{
  display: none;
}
.contenedorAcordeon{
  display: flex; flex-direction: column; gap: 5vh;
  .domus{
    width: 60%; height: auto;
  }
}
@media (max-width: 600px) {
  .swiperAcompa{
    display: none;
  }
  .acordeonAcompa{
  display: block;
}
.contenedorGrupales{
  display: flex !important; flex-direction: row;
  align-items: center; flex-wrap: wrap;
}

.contenedorAcompa{
  border-radius: 30px;
  margin: 0 auto;
  padding: 3vh 3vh 3vh 3vh;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFFFF8;
  height: fit-content; width: 100%;
  .domus{
    width: 30%;
    height: auto; /* mantiene la proporción */
  }
  .super{
    width: 100% ;
    height: auto; /* mantiene la proporción */
    border-radius: 10px;
  }
  display: flex;
  flex-direction: column; gap: 3vh; 
}
}

/*PERSONALIZACIÓN DE ACORDEON----------*/
/* Cambiar color del título cerrado */
.accordion-button {
  background-color: #FFFFF8;
  color: #474747;
  border-radius: 15px !important;
  transition: all 0.3s ease;
}

/* Hover del título */
.accordion-button:hover {
  background-color: #e6e6e6;
  color: #474747;
}

/* Estado abierto */
.accordion-button:not(.collapsed) {
  background-color: #FFB371;
  color: #474747;
  box-shadow: inset 0 -1px 0 rgba(224, 210, 210, 0.125);
}

/* Cuerpo del acordeón */
.accordion-body {
  background-color: #fafafa;
  border-radius: 0 0 15px 15px;
}

/* Borde general del acordeón */
.accordion-item {
  border: 1px solid #FFB371;
  border-radius: 10px;
  margin-bottom: 10px;
}

.accordion-button:focus {
  border-color: #FFB371; /* tu color */
  box-shadow: 0 0 0 0.25rem #FFB371; /* sombra suave */
}

/*BOTON DE CONTACTO EN ACOMPAÑAMIENTO------*/
.botonContacto {
  display: inline-flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.9rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  background-color: #FFB371;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.3s;
  color: #474747;
  width: 100%;
  text-decoration: none;
}
.botonContacto:hover{
  background-color: #FFEE6F;
}
.btAcompa{
  width: 60%;
  display: flex;
  align-items: center; justify-content: center;
  .botonContacto{
    width: 100%;
  }
}
@media (min-width: 600px) {
  .botonContacto {
    width: auto;        /* mantener auto en pantallas grandes también */
    margin: 0;          /* sin centrado */
  }
  .btAcompa{
  width: 100%;
}
}

/*---------------------------------------------COLABORACIONES---------------------------------------------------------------------*/
/*Inicio seccion colaboraciones*/
.iniciocolab{
  display: flex;
  align-items: center;
  .textoColab{
    width: 50%;
  }
}
.contenedorImgColab{
    background-color: #D7E7FF !important;
    width: fit-content; height: fit-content;
    padding: 8vh 8vh 8vh 15vh;
}
@media (max-width: 750px) {
.iniciocolab{
  flex-wrap: wrap-reverse;
  align-items: center; justify-content: center;
  margin-top: 8vh;
  .textoColab{
    width: 100%;
    display: flex; flex-direction: column; gap: 3vh;
    h1{
      text-align: center;
    }
  }
}
.contenedorImgColab{
    padding: 5vh;
    margin-top: 5vh;
}
}

/*SECCION DE OBJETIVOS DE CLABORACIONES COMPARTIDA CON SECCION DE DIRIGIDO A DE CAPACITACIONES*/
.objetivosColab-dirigidasCapa{
  .flex{
    display: flex;
    justify-content: space-between;
    gap: 8vh;
  }
}
@media (max-width: 750px) {
.objetivosColab-dirigidasCapa{
  .flex{
    flex-wrap: wrap;
  }
}
}

/*SWIPER EN COLABORACIONES*/
.swiperColab{
  .swiper-button-next {
  background: url('../assets/img/colaboraciones/flechaSiguiente.svg') no-repeat center;
  background-size: contain;
}
.swiper-button-prev {
  background: url('../assets/img/colaboraciones/flechaAtras.svg') no-repeat center;
  background-size: contain;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: '';
}
}
.swiperColab .swiper-pagination-bullet {
  width: 40px;               /* Rectangular */
  height: 6px;
  border-radius: 3px;        /* Bordes redondeados suaves, sacáselo si querés recto */
  background: #FFB371;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.swiperColab .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFB371;
}
.swiperColab .swiper-slide {
  height: auto !important;         
  display: flex;             
  justify-content: center;
  align-items: center;
}

.contenedorSwiperColab{
  margin-left: 10vh; margin-right: 10vh;
  display: flex;
  gap: 8vh;
  align-items: center; justify-content: center;
  img{
    max-width: 40%;
  }
}
@media (max-width: 900px) {
.contenedorSwiperColab{
  margin-left: 8vh; margin-right: 8vh;
  display: flex; flex-wrap: wrap-reverse;
  gap: 3vh;
  align-items: center; justify-content: center;
  img{
    min-width: 100%;
  }
}
}

/*SECCION FINAL DE CAPACITACION Y COLABORACIONES*/
.finalColabCapa{
  display: flex;
  justify-content: space-between;
  gap: 10vh; align-items: center;
  .cita{
    width: 80%;
  }
  .botonContacto{
    width: 60%;
  }
}
@media (max-width: 700px) {
.finalColabCapa{
  flex-wrap: wrap; justify-content: center;
  .botonContacto{
    width: 100%;
  }
}
}

/*-----------------------------------NOVEDADES--------------------------------------------------*/
/*MARQUEE DE INICIO*/
.marquee-container {
    overflow: hidden;
    padding: 10px 0;
  }

  .marquee-content {
    display: flex;            /* usa flex para que los spans estén en línea */
    width: max-content;       /* ancho del contenido real */
    animation: marquee 40s linear infinite;
  }

  .marquee-content span {
    margin-right: 50px;       /* espacio entre repeticiones */
    white-space: nowrap;
  }

  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  /*SWIPER PORTADA NOTICIAS*/
.swiperPortadaNoticias, .swiperColab{
  height: auto;       
  width: auto;
  padding-bottom: 5vh;
}
.swiperPortadaNoticias .swiper-slide {
  height: auto !important;         
  display: flex;             
  justify-content: center;
  align-items: center;
}
.swiperPortadaNoticias .swiper-pagination-bullet {
  width: 40px;               /* Rectangular */
  height: 6px;
  border-radius: 3px;        /* Bordes redondeados suaves, sacáselo si querés recto */
  background: #FFB371;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.swiperPortadaNoticias .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFB371;
}
.swiperPortadaNoticias {
  --swiper-navigation-color: #FFB371;
}

  /*PORTADA NOTICIAS*/
  .fondoPortadaNoticias{
    background-color: #D7E7FF;
  }
  .portadaNoticias{
    display: flex; justify-content: space-between; align-items: center;
    gap: 10vh;
    padding: 5vh 10vh 5vh 10vh;
    .botonContacto{
      width: 60%;
    }
    img{
      border-radius: 10px;
      max-width: 25vw;
    }
  }
  .tituloNoticias{
    display: flex; flex-direction: column;
    gap: 3vh;
  }
@media (max-width: 700px) {
/* Centrar imagen y texto */
  .portadaNoticias {
    flex-direction: column;
    align-items: center;
    gap: 5vh; /* Más espacio entre elementos */
  }

  /* Aumentar separación entre flechas y texto */
  .swiper-button-next,
  .swiper-button-prev {
    transform: translateY(0);
  }

  .swiper-button-prev {
    left: 5%;
  }

  .swiper-button-next {
    right: 5%;
  }

  .swiperPortadaNoticias {
    padding-bottom: 5vh;
  }

  .tituloNoticias{
    display: flex; flex-direction: column; align-items: center;
    gap: 3vh;
    a{
      .botonContacto{
        width: 100%;
      }
      width: 100%;
    }
  }
}

.swiperPortadaNoticias {
  transition: height 0.4s ease;
}
  /*CONTAINER NOTICIAS*/
.containerNoticias a {
  display: flex;
  flex-direction: column;
  justify-content: space-between  ;
  align-items: flex-start; 
  gap: 4vh; 
  text-decoration: none;
  color: #474747;
  .botonContacto{
      width: 50%;          
      margin: 0;            
      align-self: flex-start; 
  }
}
 
.contenedorImgNoticias{
    width: 100%;    
    height: 60vh;   
    overflow: hidden;
    border-radius: 10px;
  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); 
  }
  }

.containerNoticias:hover {
  cursor: pointer;
  .contenedorImgNoticias{
    img{
      transform: scale(1.15) 
    }
}
}
.organizacionNoticias{
  display: grid;
    grid-template-columns: 1fr 2px 1fr;
    gap: 5vh; 
}
.divisor{
  width: 2px;
  background-color: #ccc;
  align-self: stretch; 
}
@media (max-width: 700px) {
 .organizacionNoticias{
  display: flex; flex-direction: column;
  flex-wrap: wrap;
}
.contenedorImgNoticias{
    height: 40vh;
  }
.divisor{
  display: none;
}
.containerNoticias a {
  .botonContacto{
      width: 100%;          
  }
}
}

/*--------------------------------------VER NOTICIAS----------------------------------------------------------*/
.contenedorVerNoticia{
  width: 100%;
  display: flex; flex-direction: column; 
  align-items: center; gap: 5vh;
  h1{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }
  p{
    width: 80%;
  }
}
.contenedorVerNoticia iframe{
    width: 60vw;
    height: 70vh;
    display: flex; align-items: center;
}
.contenedorImgDetalle {
  width: 100%;
  display: flex;
  gap: 2vh;
  justify-content: center;
  align-items: center;
}
.contenedorImgDetalle img {
  width: auto;      
  height: auto;      
  max-width: 100%;   
  max-height: 60vh;  
  border-radius: 10px;
}
@media (max-width: 500px) {
 .contenedorVerNoticia{
  h1{
    text-align: left;
  }
  p{
    width: 100%;
  }
}
.contenedorVerNoticia iframe{
    width: 100vw;
    height: 50vh;
    display: flex; align-items: center;
}
.contenedorImgDetalle{
  flex-wrap: wrap;
}
}
@media (max-width: 700px) {

.contenedorImgDetalle{
  flex-wrap: wrap;
  min-height: 40vh;
}
}

/*---------------------------------CAPACITACIONES-------------------------------------------------------------------------*/

/*FORMULARIO CAPACITACIONES*/
/* Contenedor del radio */
.radio-container {
  display: inline-block;
  position: relative;
  padding-left: 40px; /* espacio para el cuadro */
  margin-right: 20px;
  cursor: pointer;
  font-size: 18px;
  user-select: none;
}

/* Ocultar el radio original */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Cuadro cuadrado */
.checkmark {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border: 2px solid #FFB371;
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* Tick que aparece al seleccionar */
.radio-container input:checked ~ .checkmark::after {
  display: block;
}

/* Diseño del tick */
.radio-container .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 30%;
  height: 60%;
  border: solid green;
  border-width: 0 0.15em 0.15em 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* Hover efecto opcional */
.radio-container:hover .checkmark {
  background-color: #f9f9f9;
}

/* Responsive: cuadros más grandes en móvil */
@media screen and (max-width: 768px) {
  .radio-container {
    padding-left: 50px;
    font-size: 20px;
  }

  .checkmark {
    height: 40px;
    width: 40px;
    border-width: 3px;
  }

  .radio-container .checkmark::after {
    width: 35%;
    height: 65%;
    border-width: 0 0.2em 0.2em 0;
  }
}


.si-no{
  margin-top: 2vh;
}



/* CURSO DOMUS */
.cursoDomus {
  background-color: #D2D9E3;
  padding: 2rem 5%;
  position: relative;
  margin-top: 25vh;
  padding-top: 12vh; padding-bottom: 12vh;
}

.cursoDomus .contenido {
  display: flex;
  justify-content: space-between; /* texto a la izquierda, imagen a la derecha */
  align-items: center; /* centra verticalmente */
  flex-wrap: wrap; /* para que se acomode en pantallas pequeñas */
}

.cursoDomus h3 {
  font-size: 4rem;
  line-height: 1.1;
  margin: 0;
}

.cursoDomus p {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.cursoDomus .imagen img {
  max-width: 300px; /* ajusta según necesites */
  width: 100%;
  height: auto;
  position: absolute;
  right: 20vw;
  top: -15vh;
}

@media (max-width: 1000px) {
  .cursoDomus {
  margin-top: 5vh;
  padding-top: 8vh; padding-bottom: 8vh;
}
.cursoDomus .contenido {
  flex-direction: column;
  gap: 2vh;
}
.cursoDomus .imagen img {
  max-width: 250px; /* ajusta según necesites */
  width: 100%;
  height: auto;
  position: static;
}
}

/*GALERÍA DOMUS*/
.galeria{
  h2{
    margin-top: 8%;
    text-align: center;
  }
}
.fotoGaleria{
  display: flex; flex-direction: column; width: 25vw; gap: 3vh; align-items: center; 
}
.galeriaDomus{
  display: flex; align-items: baseline; justify-content: space-around;
  flex-wrap: wrap;
  img{
    max-width: 20vw;
  }
}

/*-------------------SECCIÓN PRINCIPIOS Y REGLAS DE CONVIVENCIA-----------------------------------*/
.descargaPrincipios{
  background-color: #FCF5C2;
  padding: 5vh;
}
.descargaPrincipiosContenedor{
    padding: 8vh;
    border-radius: 20px;
    display: flex;
    background-color: #FFFFF8;
    justify-content: space-around;
    align-items: center;
    h2{
      width: 30vw;
    }
    .botones{
      display: flex;
      flex-direction: column;
      gap: 5vh;
      a{
        button{
          width: 30vw;
        }
      }
    }
}

@media (max-width: 700px) {
.descargaPrincipios{
  padding: 5vh;
}
.descargaPrincipiosContenedor{
    padding: 8vh, 5vh, 8vh, 5vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6vh;
    h3{
      width: 100%;
    }
    .botones{
      gap: 6vh;
      width: 100%;
      a{
        button{
          width: 100%;
        }
      }
    }
}
}