/* Definición de variables de color */
:root {
  --azul-rey: #013473;
  /* Color predominante */
  --verde: #218341;
  /* Color para botones */
  --rojo: #E83417;
  /* Color resaltante */
  --hueso: #F9F9F9;
  /* Color de fondo */
  --blanco: #FFFFFF;
  /* Color de letras */
  --morado: #EE82EE;
  /* Color para áreas específicas */
  --negro: #000000;
  /* Color para texto */
  --gris: #808080;
}

.video-golf {
  width: 100%;
  /* Ocupa todo el ancho del contenedor */
  height: 100%;
}

/* Estilos generales para las secciones */
#membresias,
#membresias-2026,
#clases-golf,
#caddies {
  display: flex;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
}

#greenfees {
  display: flex;
  justify-content: center;
  /* Alinea el contenido al centro */
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
  /* Centra el contenedor */
}


.tittle-paquets {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Centrar todos los elementos en el contenedor general */
.paquete-membresias {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 0.5rem solid var(--azul-rey);
  position: relative;
  box-sizing: border-box;
}

.paquete-membresias h3 {
  color: var(--azul-rey);
  text-align: center;
}

.lista-restricciones {
  color: var(--gris);
}



/* Elementos de membresías, greenfees, clases y caddies */
#membresia-mensual-familiar-golf,
#membresia-mensual-con-restriccion-golf,
#membresia-mensual-sin-restriccion-golf,
#greenfees-lunes,
#greenfees-martes,
#greenfees-miercoles,
#greenfees-jueves,
#greenfees-weekend,
#greenfees-viernes,
#clases-golf-entresemana,
#clases-golf-weekend,
#caddies-bronce,
#caddies-plata,
#caddies-oro {
  width: 30%;
  display: flex;
  height: 48rem;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 5rem;
  padding: 1rem;
}

.lista-paquete {
  font-weight: bold;
}

.lista-paquete li::marker {
  color: var(--verde);
}

.rectangulo-verde-paquete {
  position: relative;
  width: 100%;
  background-color: var(--verde);
  margin-top: 1rem;
  height: 2rem;
}

/* Estilos para los horarios */
/* Se jalan de styles.css */



/* Media Queries para diferentes resoluciones */

/* Pantallas grandes */
@media (min-width: 1920px) {
  :root {
    --membresias-width: 85%;
    --membresias-height: 48rem;
    --membresias-li-font-size: 1.5rem;
    --membresias-h3-font-size: 3rem;
  }

  .video-golf {
    height: 45rem;
    margin-bottom: 5rem;
  }

  #membresias,
  #membresias-2026,
  #clases-golf,
  #caddies {
    width: var(--membresias-width);
    height: var(--membresias-height);
    margin-bottom: 1rem;
  }

  .paquete-membresias h3 {
    font-size: var(--membresias-h3-font-size);
  }

  #greenfees {
    width: var(--membresias-width);
    height: 100rem;
    margin-bottom: 5rem;
  }


  .paquete-membresias li {
    font-size: var(--membresias-li-font-size);
  }



}

/* Pantallas de 1200px a 1919px */
@media (min-width: 1200px) and (max-width: 1919px) {
  :root {
    --video-golf-height: 35rem;
    --membresias-width: 100%;
    --membresias-h3-font-size: 2.5rem;
  }

  .video-golf {}

  .paquete-membresias h3 {
    font-size: var(--membresias-h3-font-size);
  }

  #membresia-mensual-familiar-golf,
  #membresia-mensual-con-restriccion-golf,
  #membresia-mensual-sin-restriccion-golf,
  #greenfees-lunes,
  #greenfees-martes,
  #greenfees-miercoles,
  #greenfees-jueves,
  #greenfees-weekend,
  #greenfees-viernes,
  #clases-golf-entresemana,
  #clases-golf-weekend,
  #caddies-bronce,
  #caddies-plata,
  #caddies-oro {
    width: 30%;
    display: flex;
    height: 48rem;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem;
  }




}

/* Tablets de 900px a 1199px */
@media (min-width: 900px) and (max-width: 1199px) {
  :root {
    --video-golf-height: 45rem;
    --membresias-h3-font-size: 2rem;
  }

  .video-golf {}

  .paquete-membresias h3 {
    font-size: var(--membresias-h3-font-size);
  }


  #membresia-mensual-familiar-golf,
  #membresia-mensual-con-restriccion-golf,
  #membresia-mensual-sin-restriccion-golf,
  #greenfees-lunes,
  #greenfees-martes,
  #greenfees-miercoles,
  #greenfees-jueves,
  #greenfees-weekend,
  #greenfees-viernes,
  #clases-golf-entresemana,
  #clases-golf-weekend,
  #caddies-bronce,
  #caddies-plata,
  #caddies-oro {
    width: 35%;
    display: flex;
    height: 50rem;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem;
  }






}

/* Dispositivos móviles de 600px a 899px */
@media (min-width: 600px) and (max-width: 899px) {
  :root {
    --video-golf-height: 45rem;
    --membresias-h3-font-size: 1.5rem;
  }

  .video-golf {}

  .paquete-membresias h3 {
    font-size: var(--membresias-h3-font-size);
  }

  #membresias,
  #membresias-2026,
  #greenfees,
  #clases-golf,
  #caddies {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  #membresia-mensual-familiar-golf,
  #membresia-mensual-con-restriccion-golf,
  #membresia-mensual-sin-restriccion-golf,
  #greenfees-lunes,
  #greenfees-martes,
  #greenfees-miercoles,
  #greenfees-jueves,
  #greenfees-weekend,
  #greenfees-viernes,
  #clases-golf-entresemana,
  #clases-golf-weekend,
  #caddies-bronce,
  #caddies-plata,
  #caddies-oro {
    width: 60%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem;
  }


}


/* Dispositivos móviles de 320px a 599px */
@media (min-width: 320px) and (max-width: 599px) {
  :root {
    --video-golf-height: 45rem;
    --membresias-h3-font-size: 1.5rem;
  }

  .video-golf {}

  .paquete-membresias h3 {
    font-size: var(--membresias-h3-font-size);
  }

  #membresias,
  #membresias-2026,
  #greenfees,
  #clases-golf,
  #caddies {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  #membresia-mensual-familiar-golf,
  #membresia-mensual-con-restriccion-golf,
  #membresia-mensual-sin-restriccion-golf,
  #greenfees-lunes,
  #greenfees-martes,
  #greenfees-miercoles,
  #greenfees-jueves,
  #greenfees-weekend,
  #greenfees-viernes,
  #clases-golf-entresemana,
  #clases-golf-weekend,
  #caddies-bronce,
  #caddies-plata,
  #caddies-oro {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1rem;
    padding: 1rem;
  }

}