body {
    font-family: 'Futura Std', 'Mulish', 'Poppins', sans-serif;
}


.rregular{
	font-family: 'Futura Std', 'Mulish', 'Poppins', sans-serif;
}
.rmedium{
	font-family: 'Futura Medium', 'Mulish', 'Poppins', sans-serif;
}
.rlight{
	font-family: 'Futura Light', 'Mulish', 'Poppins', sans-serif;
}
.rbold{
	font-family: 'Futura Bold', 'Mulish', 'Poppins', sans-serif;
}
.avenir{
    font-family: 'Futura Std', 'Mulish', 'Poppins', sans-serif;
}

.flex {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
}

.video-externo{
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.video-externo iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
	overflow-y:hidden;
	overflow-x:hidden;
}

.contacto-cabecera a{
  color: #828282;
  text-decoration: none;
  font-size: 15px;
}

.home-cuadros{
  aspect-ratio: 1 / 1;
  min-width: 175px;
  max-width: 200px;
}

.home-cuadros {
  text-decoration: none; /* quitar subrayado */
  color: white; /* color del texto */
  transition: transform 0.3s, box-shadow 0.3s, filter 0.3s; /* animación suave */
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* sombra ligera */
  font-weight:bold;
  margin: 10px; /* <-- más espacio entre cuadrados */
  padding: 15px;
}

.home-cuadros:hover {
  transform: scale(1.05); /* ligeramente más grande */
  box-shadow: 0 8px 12px rgba(0,0,0,0.2); /* sombra más intensa */
}

.titulo-seccion-principal{
   font-family: 'Futura Bold', 'Mulish', 'Poppins', sans-serif;
   font-size: 40px;
   color: #000;
}
.titulo-seccion h2 {
  color: #000000;
  font-weight: 600 !important;
  font-size: 32px !important;
  letter-spacing: 1px !important;
  line-height: 1.4em !important;
  text-transform: uppercase !important;
  font-family: 'Futura Std', 'Mulish', 'Poppins', sans-serif;    
}

.subseccion-seccion h3 {
  color: #93933f;
  font-weight: 600 !important;
  font-size: 25px !important;
  letter-spacing: 1px !important;
  line-height: 1.2em !important;
  text-transform: uppercase !important;
  font-family: 'Futura Std', 'Mulish', 'Poppins', sans-serif;
  margin: 30px 0px 25px 0px !important;
}

.background-header{
    background-color: #E9513E;
    position: relative !important;
}
.fondo-cabecera {
  position: absolute;
  background-color: #E9513E;
  opacity: 0.75;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

.texto-descripcion{
  font-size: 16px;
  column-count: 2; /* Número de columnas */
  column-gap: 2rem; /* Espacio entre columnas */
}

#toolbar, .modal-general .modal-header{
  background-color: #000 !important;
  border:0;
}
.modal-general .modal-body{
  padding: 0;
}
/* 🎨 Color fijo del botón de cerrar */
.modal .btn-close {
  filter: invert(39%) sepia(83%) saturate(6581%) hue-rotate(340deg) brightness(94%) contrast(99%);
  /* El filtro de arriba da un tono rojo */
  transition: filter 0.2s ease;
}
/* 🔥 Cambiar color al pasar el mouse */
.modal .btn-close:hover {
  filter: invert(70%) sepia(90%) saturate(2500%) hue-rotate(180deg) brightness(100%) contrast(95%);
}


@media (max-width: 480px) {
    /* Logo */
  .logo-mobile{
    position: absolute;
    top:0;left:25px;
    max-height: 125px;
    z-index: 9999;
  }
  .home-cuadros{
    width: 100%;
    margin:0;
    margin-bottom: 20px;
  }
  .titulo-seccion-principal{
    font-size: 30px;
  }
  .titulo-seccion h2 {
    font-size: 20px !important;
  }
  .texto-descripcion{
    font-size: 17px;
    column-count: 1; /* Número de columnas */
    column-gap: 2rem; /* Espacio entre columnas */
  }
  .titulo-seccion-cuadro {
    width: 170px !important;
  }
}