@charset "UTF-8";
/* Body */


body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color: #FFFFFF;
	margin: 0;
}

/* Contenedor principal centrado con un ancho máximo de 960px */
.container {
    display: flex;
    max-width: 960px;
    margin: 0 auto; /* Centra el contenedor en la página */
    height: 100vh;
}

/* Sección izquierda flexible */
.section-left {
    flex-grow: 1;
}

/* Sección derecha fija */
.section-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 150px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh; /* Altura completa de la ventana */
}

/* Contenedores de logotipos */
.header-left {
    display: flex;
    align-items: center;
}

.header-right {
    position: absolute;
    top: 20px; /* Ajusta el espacio superior */
    right: 100px;
}

.header-logos {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 20px; /* Espacio debajo de los logotipos */
}

/* Galería de imágenes */
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    width: 100%;
    margin-top: 20px;
}
.gallery2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    width: 100%;
    margin-top: 0px;
}

/* Contenedor principal para cada conjunto de imagen y texto */
.thumbnail-container {
    width: 100%; /* Ancho de cada contenedor en la galería */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Contenedor de fondo para la imagen */
.image-container {
    background-color: #FFFFFF;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    width: 100%;
}

/* Estilo de la imagen */
.image-container img {
    max-width: 100%;
    max-height: 100%;
}

/* Estilo de la imagen */
.section-right img {
    width: 150px; /* Ajusta el tamaño de la imagen */
    height: auto;
    object-fit: cover; /* Esto asegura que la imagen no se deforme */
}
/* Contenedor de texto con fondo de color */
.text-container {
    background-color: #A51D39;
    color: #FFFFFF;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    width: 50%;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
	margin-bottom: 20px;
}

/* Media query para disposición en columna en pantallas pequeñas */
@media (max-width: 960px) {
    .gallery {
        flex-direction: column;
        align-items: center;
    }
.thumbnail-container {
        width: 300px;
    }
}
a:link {
    text-decoration: none;
    color: #FFFFFF;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}

/* Container */
.container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    text-align: center;
}
/* Header */

.titulo{
    font-family: "Montserrat SemiBold";
    font-size: 36px;
	text-align: center;
}

/* About Section */
.text_column {
	width: 90%;
	font-family: "Montserrat SemiBold";
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 23%;
	height: 150px;
	float: left;
	margin-top: 0px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	border-bottom: 0px;


}
.thumbnail2 {
	width: 23%;
	height: 100px;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #A51D39;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	
}

.text_column {
	width: 100%;
	height: 100px;
	padding: 0;
	vertical-align: middle;

}


/* More info */



/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}
}

.mainContent .externalResourcesNav .externalResources {
	background-color: #A51D39;
	display: inline-block;
	text-align: center;
	margin-top: 0px;
	padding-top: 3%;
	cursor: pointer;
}
.mainContent .externalResourcesNav .externalResources:hover {
	background-color: #A51D39;
}
.externalResourcesNav .externalResources a {
    font-family: Montserrat, sans-serif;
    color: rgba(255,255,255,1.00);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
}
.mainContent .externalResourcesNav {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding-top: 0px;
	clear: both;
}
.mainContent .externalResourcesNav .externalResources {
	width: 250px;
	height: 60px;
}
/* Sección derecha fija */
.section-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 150px;
    background-color: #FFFFFF; 
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh; /* Altura completa de la ventana */
}

  /* CSS para alinear imágenes en la misma línea */
  .productRow {
    display: flex;
    gap: 10px; /* Espacio entre imágenes */
    flex-wrap: wrap; /* Permite que las imágenes se ajusten en pantallas pequeñas */
	  width: 700px;
  }
  
  .productInfo img {
    width: 200px;
    max-width: 70%; /* Asegura que la imagen se mantenga responsiva */
    height: auto;
  }

  /* Nueva clase para la sección de imágenes */
  .mainContentImages {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%; /* Ajusta el ancho para igualar la sección derecha */
    margin: auto; /* Centra la sección */
  }

  .section-right {
    width: 150px; /* Asegura que ambas secciones tengan el mismo ancho */
    margin: auto;
  }	

.recuadro {
    width: 800px;
    height: 315px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 18px;
    padding: 12px 20px 10px 20px;
    background-color: #EBE8E3;
    color: black;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
    text-align: left;
        }
.recuadro2 {
    width: 800px;
    height: 350px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 18px;
    padding: 12px 20px 10px 20px;
    background-color: #EBE8E3;
    color: black;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
    text-align: left;
        }

.marco-imagen img {
    border: 1px solid #000;
}