@charset "utf-8";
@font-face{
	font-family:Sansation_Regular;
	src:url(../fonts/Sansation_Regular.ttf);
}

@font-face{
	font-family:Sansation-Light;
	src:url(../fonts/Sansation-Light.ttf);
}

@font-face{
	font-family:RobotoCondensed-Regular;
	src:url(../fonts/RobotoCondensed-Regular.ttf);
}

@font-face{
	font-family:Rubik-Regular;
	src:url(../fonts/Rubik-Regular.ttf);
}

@font-face{
	font-family:breulgroteskb_light;
	src:url(../fonts/breulgroteskb_light.otf);
}

body {
	font-family: Rubik-Regular;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.tablaConFondo {
    width: 100%;
    height: 600px;
    background-size: cover; /* Ajusta la imagen para cubrir toda la tabla */
    border: 0;
    margin: 0 auto;
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat;
    position: relative; /* Necesario para posicionar el contenido */
}

.tableBorderTopColor{
	border-top: 10px solid #879672; /* Aumenta el borde superior a 10px */
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.shadowTableBottomTop{
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5), /* Sombra superior */
                0 10px 10px -10px rgba(0, 0, 0, 0.5);  /* Sombra inferior */
}
 
tr{
	font-family: Rubik-Regular;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

td {
	font-family: Rubik-Regular;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

th {
	font-family: Rubik-Regular;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

label{
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

form {
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
	height: auto;
	width: 100%;
	border: thin none #000;
	box-sizing:border-box;
	display:inline-block;
}

input, textarea, select {
	font-family: RobotoCondensed-Regular;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	padding: 10px;
	height: auto;
	width: 100%;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin solid #879772;
	box-sizing: border-box;
	display: block;
	border-radius: 5px;
}

input:focus, textarea:focus, select:focus{
	outline: none;
	/*box-shadow: 0 0 10px #1D73AB;*/
	background-color: #F0F0F0;
	-webkit-transition: all 400ms ease-in 0ms;
	-moz-transition: all 400ms ease-in 0ms;
	-ms-transition: all 400ms ease-in 0ms;
	-o-transition: all 400ms ease-in 0ms;
	transition: all 400ms ease-in 0ms;
	border-top-color: #879772;
	border-right-color: #879772;
	border-bottom-color: #879772;
	border-left-color: #879772;
}

.button1{
	font-family: breulgroteskb_light;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background-color: #879772;
	text-align: center;
	padding: 13px;
	height: auto;
	width: 100%;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin solid #879772;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
}

.button2{
	font-family: Rubik-Regular;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #879772;
	text-align: center;
	padding: 15px;
	height: auto;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin solid #879772;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

.button2:hover{
	font-family: breulgroteskb_light;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #879772;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	padding: 15px;
	height: auto;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: thin solid #879772;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

ul {
    font-family: breulgroteskb_light; /* Asegúrate de tener una fuente de respaldo */
    font-size: 18px;
    list-style: none; /* Elimina el estilo de la lista predeterminado */
    padding-left: 20px; /* Añade un poco de espacio a la izquierda */
}

li {
    font-family: breulgroteskb_light; /* Asegúrate de tener una fuente de respaldo */
    font-size: 18px;
    position: relative; /* Necesario para el pseudo-elemento */
    padding-left: 25px; /* Ajusta según el tamaño del icono */
}

li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 14px; /* Ajusta el ancho de la imagen */
    height: 14px; /* Ajusta la altura de la imagen */
    background-image: url(../images/square_250px.png);
    background-size: cover; /* Asegúrate de que la imagen se ajuste al contenedor */
    background-repeat: no-repeat;
}

h1{
	font-family: breulgroteskb_light;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
}

h2{
	font-family: Rubik-Regular;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

h3{
	font-family: Rubik-Regular;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
}

h4{
	font-family: breulgroteskb_light;
	font-size: 70px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	display:inline;
}

h5{
	font-family: breulgroteskb_light;
	font-size: 35px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #879772;
	text-decoration: none;
	padding: 0px;
	box-sizing: border-box;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h6{
	font-family: breulgroteskb_light;
	font-size: 45px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6E6D6E;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.span1{
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;	
}

.span2{
	font-family: Rubik-Regular;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;	
}

.span3{
	font-family: breulgroteskb_light;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

.span3:hover{
	color: #879772;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

.span4{
	font-family: breulgroteskb_light;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	text-align: justify;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a:link {
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

a:visited {
	font-family:breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

a:hover {
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #879772;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

a:active {
	font-family: breulgroteskb_light;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in 0ms;
	-moz-transition: all 300ms ease-in 0ms;
	-ms-transition: all 300ms ease-in 0ms;
	-o-transition: all 300ms ease-in 0ms;
	transition: all 300ms ease-in 0ms;
}

#messageGreen{
	font-family: breulgroteskb_light;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006600;
	text-decoration: none;
	background-color: #D4EDDA;
	padding: 10px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin none #D4EDDA;
	box-sizing:border-box;
}

#messageGreen #buttonGreen{
	font-family: breulgroteskb_light;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background-color: #28A745;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #28A745;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 0px;
}

#messageRed{
	font-family: breulgroteskb_light;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #900;
	text-decoration: none;
	background-color: #F8D7DA;
	padding: 10px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin none #F8D7DA;
	box-sizing:border-box;
}

#messageRed #buttonRed{
	font-family: breulgroteskb_light;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background-color: #DC3545;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #DC3545;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 0px;
}

#messageYellow{
	font-family: breulgroteskb_light;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #856404;
	text-decoration: none;
	background-color: #FFF3CD;
	padding: 10px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin none #FFF3CD;
	box-sizing:border-box;
}

#messageYellow #buttonYellow{
	font-family: breulgroteskb_light;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: none;
	background-color: #FFC107;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: thin solid #FFC107;
	cursor: pointer;
	box-sizing: border-box;
	display: block;
	border-radius: 0px;
}

.iframe-container {
	position: relative;
	width: 100%;
	height: 600px; /* Relación de aspecto 16:9 */
	margin: 0px;
	padding: 0px;
	border: thin none #000;
	box-sizing:border-box;
	display:block;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	box-sizing:border-box;
	display:block;
}

/*PARA FIJAR LA TABLA AL REALIZAR SCROLL CON SOMBRA*/
.fixed-table-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000; /* Para asegurar que esté por encima de otros elementos */
	background-color: #FFF; /* Para que el fondo sea del mismo color */
	transition: box-shadow 0.3s ease-in-out; /* Transición suave para la sombra */
}
		
.fixed-table-container.shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Sombra cuando se hace scroll */
}
/*PARA FIJAR LA TABLA AL REALIZAR SCROLL CON SOMBRA*/

.imageBorderRadiusCircle {
    border-radius: 50%; /* Convierte la imagen en un círculo */
    object-fit: cover; /* Escala y recorta la imagen para que ocupe todo el contenedor */
    box-sizing: border-box;
    border: 10px solid transparent; /* Ajusta el grosor del borde */
    background: linear-gradient(90deg, #879772 50%, #878786 50%); /* Gradiente lineal, 50% un color, 50% el otro */
    padding: 10px; /* Espacio entre la imagen y el borde */
    background-origin: border-box;
    background-clip: padding-box, border-box; /* Aplica el gradiente al borde */
}

/*MODAL, SE VE CUANDO PROCESA EL ENVIO DEL MENSAJE POR EL FORM DE CONTACTO*/
#loadingCharge {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: none;
}
/*MODAL, SE VE CUANDO PROCESA EL ENVIO DEL MENSAJE POR EL FORM DE CONTACTO*/

.avisoPrivacidad {
	background-color: #f0f0f0; /* Fondo gris claro */
	padding: 20px;
	box-shadow: 1px 1px 20px rgba(52, 58, 64, 0.9); /* Sombra suave */
	border-collapse: collapse; /* Para un borde más limpio */
	border-radius: 10px; /* Esquinas redondeadas */
	overflow: hidden; /* Permite que el redondeo se aplique bien */
}

 /* Opcional: estilos para celdas */
.avisoPrivacidad td, .avisoPrivacidad th {
	padding: 20px;
}