/* @import url('https://app-isidoro-guaman-cazho.on.drv.tw/libs/css/nav.css'); */
@import url('./nav.css'); 
@import url('./modal.css'); 
@import url('./flex-box.css'); 
@import url('./table.css'); 
@import url('./styles.css');

:root {
	--body-bg-color:transparent;
	--header-footer-bg-color:transparent;
	--elem-main-border-color:1px solid #fff;
	--grid-fila-border-color:1px solid #000000;
	--elem-main-border-radius:5pt;
}
.pag__body{
	background-image:url("../img/fondo.jpg");
	background-repeat:no-repeat;
	background-position:center ;
	background-attachment:fixed;
	background-size:100% 100%;
	/*width:100%;
	height:100%;*/
}
.pag__body {
	max-width:80%;
    margin: 0 auto;
	font:14px Helvetica;
	/* background: var(--body-bg-color); */	
	display: flex; flex-wrap: wrap; min-height: 100vh;
}
.pag__header{
	display:flex;
	flex-flow: row wrap;	
	justify-content:space-between;
}
.pag__header,
.pag__footer{
	/* background-color:rgba(127,255,212,0.2); */
}
.pag__header,
.pag__main,
.pag__footer{
	padding:.5em;	
	box-sizing:border-box;
	border:var(--elem-main-border-color);
}
.pag__nav{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.pag__logo-title,.pag__logo-min{
	padding:0;
	margin:0;
	
	color:#0000ff;	
}
.content-wrap,.pag__footer{
	width: 100%;
}
.pag__footer{	
	color:#fff;
	background-color: #fefefe40;
	font-family: Helvetica, Arial, sans-serif;
	
	display: flex; flex-wrap: wrap; align-self: flex-end;	
	justify-content:space-around;
}
.pag__footer .legal p{
	margin:.2em;
}

.pag__logo-txt{
	font-weight: bold;
}
	.header__container-logo{
		display: flex;
		/*flex-wrap: wrap;*/
		align-items: center;
	}
		.logo__img{
			border-radius:50%;
		}
		.logo__title >*{
			margin:0.2em;
		}
.pag__main{
	display:flex;
	flex-flow: row wrap;
	justify-content:center;
}
	.section-main{
		/* border:1px solid blue; */
		flex:1 1 80%;
	}
	.aside-right{
		/* border:1px solid red; */
		flex:1 1 20%;
	}
		.sites {
			display:flex;
			flex-direction: column;
		}


	.copyright p{
		margin:0.2em;
		font-style: italic;
		font-size:0.8em;
		font-weight: bolder;
	}

@media all and (max-width: 940px) {
	 
	 .pag__body {
	 max-width:98%;
	 }
	 .pag__header{
		align-items:center;
	 }
		.logo__title >*{
			text-align:center;
		}
		.header__container-socialmedia{
			padding:.5em;
		}
	.pag__footer{
		justify-content:flex-start;
	}
}