/* CSS Document */

:root {
  	--color-1: #18529d;
  	--color-2: #009e50;
  	--color-3: #e4813b;
  	--color-4: #ffb169;
  	--color-5: #ffe498;
	--color-6: #f19410;
	--color-7: #bb2d01;
	--color-8: #4c827f;
	--color-9: #c2e7e5;
	--color-10: #3b3534;
	--color-11: #80B4B2;
	--color-12: #770d01;
	
	/* Fondos */
	--bg-main: #F2ECE4;        /* Arena clara */
	--bg-secondary: #E6DED3;   /* Piedra suave */
	--bg-card: #FFFFFF;
	
	/* Texto */
	--text-primary: #3F3326;   /* Marrón profundo */
	--text-secondary: #6B6258; /* Gris cálido */
	--text-muted: #8A8178;
	
	/* Encabezados */
	--heading-primary: #5A3B2E; /* Marrón arqueológico */
	--heading-accent: #9C4A2F; /* Terracota sobria */
	
	/* Acentos */
	--accent-primary: #6E7F3A; /* Verde oliva */
	--accent-secondary: #B58B4C; /* Ocre apagado */
	
	/* UI */
	--border-subtle: #CFC6BA;
	--divider: #D9D2C8;
	--shadow-soft: rgba(0, 0, 0, 0.06);
	
	/* Estados */
	--link: #6E7F3A;
	--link-hover: #55642D;
	--focus: #9C4A2F;
}

body {
	background-color: var(--bg-main);
	color: var(--text-primary);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segou UI", sans-serif;
	line-height: 1.65;
}

h1, h2 {
	color: var(--heading-primary);
}

#nombreCongreso, .bordeInferior {
	border-bottom: 3px solid var(--accent-secondary);
}

h2 {
	border-bottom-color: var(--accent-secondary);
}

a {
	text-decoration: none;
	color: var(--link);
}

a:hover, a:focus {
	text-decoration: underline;
	color: var(--link-hover);
}

header {
	background-color: var(--bg-secondary);
	padding: 18px 15px;
}

footer {
	background-color: var(--bg-secondary);
	padding: 18px 15px;
}

#divCarrusel {
	max-width: 1280px;
	max-height: 720px;
}

.fondo1 {
	background-color: var(--bg-main);
}

.fondo2 {
	background-color: var(--bg-secondary);
}

.fondoap {
	background-color: var(--accent-primary);
}

.fondoas {
	background-color: var(--accent-secondary);
}

.fondohp {
	background-color: var(--heading-primary);
}

.fondoha {
	background-color: var(--heading-accent);
}

.fondot3 {
	background-color: var(--text-muted);
}
.fondoCost{
	--bs-body-bg: none;
	background-image: url("../imagenes/galeria/img_resumen_costos/precio.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.fondoResum{
	--bs-body-bg: none;
	background-image: url("../imagenes/galeria/img_resumen_costos/report.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 120px;
}

.preciosHotel {
	--bs-body-bg: none;
	
}
.colort1 {
	color: var(--text-primary);
}

.colort2 {
	color: var(--text-secondary);
}

.colort3 {
	color: var(--text-muted);
}

.colorh1 {
	color: var(--heading-primary);
}

.colorh2 {
	color: var(--heading-secondary);
}

.colora1 {
	color: var(--accent-primary);
}

.colora2 {
	color: var(--accent-secondary);
}

.bloque1 {
	/*margin: 15px;*/
}

#imgLogotipo {
	max-width: 167px;
	max-height: 125px;
}

div > div > div > h3 {
	border-radius: 8px 8px 0 0;
}

.escudo1 {
	height: 85px;
	width: auto;
}

.escudo2 {
	height: 45px;
	width: auto;
}

.circulo {
	padding: 0.44rem 0.36rem;
	border-radius: 1rem;
}

.fs-075 {
	font-size: 0.75rem;
}

.tarjeta {
	background-color: var(--bg-card);
	border: 1px solid var(--border-subtle);
	box-shadow: 0 2px 6px var(--shadow-soft);
	border-radius: 6px;
}
.comit{
	border-radius: 10px;
}
.comit:hover{
	border: none;
}
#titTematica {
	color: ;
}
#titCirculares, #titCostos, #titOrigenes, #titsedes, #titResumenes, #titComites {
	background-color: var(--accent-primary);
	color: var(--heading-primary);
}

#quees, #metodologia, #invitacion, #universidad, #titmuseo, #recomendaciones {
	/*background-color: var(--bg-main);*/
	color: var(--heading-accent);
}

tabla {
	background-color: var(--bg-secondary) !important;
}
.AccRecom{
	background-color: var(--bg-secondary)
	
}
.AccRecom1{
	background-color: var(--bg-primary)
	
}
div#imgfac img {
	max-width: 142px;
	max-height: auto;
}
div#imgmus img {
	max-width: 142px;
	max-height: auto;
}
div#imgTecni img {
	max-width: 250px;
	max-height: auto;
}


.imgiconos{
	width: 250px;
	height: auto;
	filter: grayscale(100%);
	transition: width 0.3s ease, height 0.3s ease, fiklter 0.3s ease;
}
.imgiconos:hover{
	width: 280px;
	height: auto;
	filter: grayscale(0%);
}
.imgtec{
	width: 300px;
	height: auto;
}
.imgResum{
	width: 300px;
	height: auto;
}
.imgcartel{
	width: 25px;
	height: auto;
	filter: grayscale(100%);
	transition: width 0.3s ease, height 0.3s ease, fiklter 0.3s ease;
}
.imgcartel:hover{
	width: 25px;
	height: auto;
	filter: grayscale(0%);
}
@media (max-width: 576px) {
	#imgLogotipo {
		max-width: 100px;
		max-height: 75px;
	}
}