/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Media Queries */


/* Smaller than standard 960 (devices and browsers) */
   @media only screen and (max-width: 959px) {
   }


/* Tablet Portrait size to standard 960 (devices and browsers) */
   @media only screen and (min-width: 768px) and (max-width: 959px) {

/* layout */
#intro-title {
font-size: 120px;
line-height: 120px;
}

#intro-subtitle {
margin: -100px auto 0 auto;
}

h1 {
font-size: 45px;
padding: 35px 0 0 0;
}

h2 {
font-size: 25px;
}

h3 {
font-size: 20px;
}

.lower-content {
padding: 55px 0 0 0;
}

/* menu */
.menu {
display: none;
visibility: hidden;
}

/* menu mobile */
.menu-mobile {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
width: auto;
top: 23px;
right: 30px;
display: inherit;
visibility: visible;
z-index: 1000;
}

/* social icons */
.social-icons-wrapper {
position: fixed;
width: 175px;
top: 28px;
left: 28px;
}

/* closer */
.fire-closer {
left: 30px;
top: 30px;
}

   }


/* All Mobile Sizes (devices and browser) */
   @media only screen and (max-width: 767px) {
   }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
   @media only screen and (min-width: 480px) and (max-width: 767px) {

/* layout */
#intro-wrapper {
position: relative;
top: 112px;
}

#intro-top-line {
display: none;
visibility: hidden;
}

#intro-top {
font-size: 25px;
line-height: 25px;
text-align: center;
margin: 0;
padding: 0;
}

#intro-bottom-line {
display: none;
visibility: hidden;
}

/* teaser */
#teaser {
text-align: center;
margin: -22px 0 0 0;
}

#intro-title {
font-size: 65px;
line-height: 65px;
}

#intro-subtitle {
display: none;
visibility: hidden;
}

h1 {
font-size: 45px;
padding: 35px 0 0 0;
}

h2 {
font-size: 25px;
}

h3 {
font-size: 20px;
}

.lower-content {
padding: 75px 0 0 0;
}

/* borders */
.borders {
display: none;
visibility: hidden;
}

/* countdown */
#countdown-wrapper {
position: relative;
left: -20px;
margin: 168px auto 0 auto;
width: 260px;
}

#countdown li {
display: inline-block;
width: 100px;
}

/* menu */
.menu {
display: none;
visibility: hidden;
}

/* menu mobile */
.menu-mobile {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
width: auto;
top: 8px;
right: 15px;
display: inherit;
visibility: visible;
z-index: 1000;
}

/* newsletter form */
#subscribe-form {
position: relative;
bottom: 40px;
right: 0;
margin: 71px auto 0 auto;
bottom: 46px;
padding: 0;
}

/* social icons */
.social-icons-wrapper {
position: absolute;
width: 175px;
top: 13px;
left: 13px;
}

/* closer */
.fire-closer {
left: 30px;
top: 15px;
}

/* dividers */
.divider-left-top {
display: none;
visibility: hidden;
}

.divider-right-top {
display: none;
visibility: hidden;
}

.divider-left-bottom {
display: none;
visibility: hidden;
}

.divider-right-bottom {
display: none;
visibility: hidden;
}

   }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
   @media only screen and (max-width: 479px) {

/* layout */
#intro-wrapper {
position: relative;
top: 112px;
}

#intro-top-line {
display: none;
visibility: hidden;
}

#intro-top {
font-size: 25px;
line-height: 25px;
text-align: center;
margin: 0;
padding: 0;
}

#intro-bottom-line {
display: none;
visibility: hidden;
}

/* teaser */
#teaser {
text-align: center;
margin: -22px 0 0 0;
}

#intro-title {
font-size: 65px;
line-height: 65px;
}

#intro-subtitle {
display: none;
visibility: hidden;
}

h1 {
font-size: 45px;
padding: 35px 0 0 0;
}

h2 {
font-size: 25px;
}

h3 {
font-size: 20px;
}

.lower-content {
padding: 75px 0 0 0;
}

/* borders */
.borders {
display: none;
visibility: hidden;
}

/* countdown */
#countdown-wrapper {
position: relative;
left: -20px;
margin: 168px auto 0 auto;
width: 260px;
}

#countdown li {
display: inline-block;
width: 100px;
}

/* menu */
.menu {
display: none;
visibility: hidden;
}

/* menu mobile */
.menu-mobile {
position: relative;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
width: auto;
top: 8px;
right: 15px;
display: inherit;
visibility: visible;
z-index: 1000;
}

/* newsletter form */
#subscribe-form {
position: relative;
bottom: 40px;
right: 0;
margin: 71px auto 0 auto;
bottom: 46px;
padding: 0;
}

/* social icons */
.social-icons-wrapper {
position: absolute;
width: 205px;
top: 13px;
left: 13px;
}

/* closer */
.fire-closer {
left: 30px;
top: 15px;
}

/* dividers */
.divider-left-top {
display: none;
visibility: hidden;
}

.divider-right-top {
display: none;
visibility: hidden;
}

.divider-left-bottom {
display: none;
visibility: hidden;
}

.divider-right-bottom {
display: none;
visibility: hidden;
}

   }
   
   
   
#newsletter img {
    width: 100%;        /* Hace que la imagen ocupe todo el espacio disponible */
    height: auto;       /* Ajusta la altura automáticamente */
    max-width: 300px;   /* Limita el ancho máximo a 300px */
}



/* Estilos generales para la galería */
.image-gallery {
  display: grid;
  grid-gap: 20px; /* Espacio entre imágenes */
  grid-template-columns: repeat(8, 1fr); /* 4 columnas por defecto */
  margin: 10px;
}

/* Estilo de las imágenes dentro de la galería */
.image-gallery img {
  width: 100%; /* Las imágenes se ajustan al 100% del contenedor de la celda */
  height: auto; /* Mantiene la relación de aspecto de las imágenes */
  border-radius: 8px; /* Bordes redondeados (opcional) */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ligera para un efecto sutil */
}

/* Media query para pantallas de tabletas o móviles (máximo 768px) */
@media (max-width: 768px) {
  .image-gallery {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas pequeñas */
  }
}



/* Estilos generales para la galería */
.image-gallery2 {
  display: grid;
  grid-gap: 20px; /* Espacio entre imágenes */
  grid-template-columns: repeat(6, 1fr); /* 4 columnas por defecto */
  margin: 10px;
}

/* Estilo de las imágenes dentro de la galería */
.image-gallery2 img {
  width: 100%; /* Las imágenes se ajustan al 100% del contenedor de la celda */
  height: auto; /* Mantiene la relación de aspecto de las imágenes */
  border-radius: 8px; /* Bordes redondeados (opcional) */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ligera para un efecto sutil */
}

/* Media query para pantallas de tabletas o móviles (máximo 768px) */
@media (max-width: 768px) {
  .image-gallery2 {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas pequeñas */
  }
}



/* Establecer el tamaño base de la fuente en 11px (para pantallas grandes) */
html {
  font-size: 11px; /* 1rem = 11px para pantallas grandes */
}

/* Estilo base para los párrafos */
p {
  font-size: 1rem; /* 1rem = 11px */
  line-height: 1.5;
  color: #333; /* Color de texto */
}

/* Media Query para pantallas móviles (por ejemplo, smartphones) */
@media (max-width: 599px) {
  html {
    font-size: 14px; /* Cambia el tamaño base a 14px solo en móviles */
  }

  p {
    font-size: 1rem; /* Ahora 1rem será igual a 14px en pantallas móviles */
  }
}

/* Media Query para pantallas medianas (por ejemplo, tabletas) */
@media (min-width: 600px) {
  p {
    font-size: 1.2rem; /* 1.2rem = 13.2px en pantallas medianas */
  }
}

/* Media Query para pantallas grandes (por ejemplo, escritorios) */
@media (min-width: 1024px) {
  p {
    font-size: 1.5rem; /* 1.5rem = 16.5px en pantallas grandes */
  }
}



/* Mantener el contorno visible al hacer clic */
a.submit:focus, button.submit:focus {
  outline: 2px solid #333; /* Cambia el color si lo deseas */
  outline-offset: 4px; /* Opcional, ajusta el espaciado */
}



/* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}