@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');

body{ background:url(img/bkgd.jpg) 50% 50% fixed; background-size:cover; margin:0px; }

h1 { color:rgba(120,25,25,1.00); font-family: "Cardo", serif; font-size:2.4em; line-height: 90%; }
h2 { color:rgba(120,25,25,1.00); font-family: "Cardo", serif; font-size:1.8em; }
h3 { color:rgba(120,25,25,1.00); font-family: "Lancelot", serif; font-size:1.2em; }
 p.wh { color:rgba(255,255,255,1.00); font-family: "Cardo", serif; font-size:1.2em; line-height:150%; }
 p, p.bk { color:rgba(0,0,0,1.00); font-family: "Cardo", serif; font-size:1.2em; line-height:150%; }
 ol, ul { margin:0px; font-size:1.0em; }

a:link, a:active, a:visited{font-family: "Cardo", serif; font-size:0.9em; font-weight:700; color:rgba(120,25,25,1.00); text-transform:uppercase; text-decoration:underline; }

img.headerweb{display: block;}
img.headermovil{display: none;}

button{background: rgb(120,25,25); padding:5px 10px; color: rgba(255,255,255,1.00); font-family: "Cardo", serif; font-size:0.8em; font-weight:400; text-transform:uppercase; margin:2px 0px; border:none; }
button.venta{padding:15px 25px; font-size:1.3em; margin:2px 0px;  }
button:hover{background: rgb(255,255,255); color: rgba(120,25,25,1.00); box-shadow: rgba(0,0,0,0.25) 3px 3px 5px; }

/* TABLAS */
table{overflow-x:auto; width:100%;}
table thead th{font-family: "Cardo", serif; font-size:1.3em; color:#FFF; background:rgba(119,29,26,1.00); border:none; padding:5px 10px; text-align:center; }
table tr td{font-family: "Cardo", serif; font-size:1.2em; color:rgba(0,0,0,1.00); border:none; vertical-align:top; padding:5px; text-align:center; }
table tfoot td{font-family: "Cardo", serif; background:rgba(244,226,211,1.00); border:none; color:rgba(119,29,26,1.00); font-weight:400; font-size:1.2em; padding:5px; }
tr:nth-child(even) {background:rgba(244,226,211,0.40);}
tr:nth-child(odd) {background:rgba(244,226,211,0.80);}

/* ID */
#content { height:80%; width:30%; padding:10% 10% 25% 60%; text-align: justify; }
#talento { width:80%; padding:25px 10%; text-align: justify; }

/* CLASES */
section.bk{ background:url(img/rd.jpg) 50% 50% fixed; background-size:cover; }
section.wh{ background:url(img/hero.jpg) 35% top fixed; background-size:cover; }
section.gd{ background:url(img/gd.jpg) top center no-repeat; background-size:cover; }
.bio{background: rgba(255,255,255,0.65); backdrop-filter: saturate(100%) blur(5px); box-shadow: rgba(75,50,35,0.35) 10px 10px 25px; border-radius:10px; width:80%; margin:10px auto; padding:20px 50px;}

@media screen and (max-width:1280px) {
	h1 { font-size:2.4em; font-weight:800; }
	h2 { font-size:1.8em; font-weight:500; }
	h3 { font-size:1.2em; font-weight:400; }
	p.wh { font-size:1.0em; font-weight:400; }
	p.bk { font-size:1.0em; font-weight:400; }
	
	img.headerweb{display: none;}
	img.headermovil{display: block;}
	
	/* ID */
	#content { height:auto; width:35%; max-width:680px; padding:20px 5% 150px 60%; text-align: left; }
	#talento { height:auto; width:80%; padding:20px 10%; text-align: justify; }
	
	/* CLASES */
	section.bk{ background:url(img/rd.jpg) 35% 0% no-repeat; background-size: cover; }
	section.wh{ background:url(img/bkgd-movil.jpg) 35% 0% no-repeat; background-size: cover; }
	section.gd{ background:url(img/bkgd-movil-gd.jpg) 35% 0% no-repeat; background-size: cover; }
}

@media screen and (max-width:900px) {
	/* ID */
	#content {height:auto; width:60%; padding:25px 20% 700px; text-align: left; }

	/* CLASES */
	section.bk{ background:url(img/bkgd-movil-rd.jpg) bottom no-repeat; background-size: cover; }
	section.wh{ background:url(img/bkgd-movil.jpg) bottom no-repeat; background-size: cover; }
	section.gd{ background:url(img/gd.jpg) top no-repeat; background-size: auto; }
	.bio{width:90%; margin:10px auto; padding:20px;}
}

@media screen and (max-width:480px) {
	h1 { font-size:1.8em; font-weight:800; }
	h2 { font-size:1.6em; font-weight:500; line-height:120%; }
	h3 { font-size:1.4em; font-weight:400; }
	p, p.wh { font-size:1.2em; font-weight:400; line-height:120%; }
	p.bk { font-size:1.2em; font-weight:400; }
	
	img.headerweb{display: none;}
	img.headermovil{display: block;}
	
	/* ID */
	#content { height:auto; width:80%; padding:20px 10% 400px; text-align: left; }

	/* CLASES */
	section.bk{ background:url(img/bkgd-movil-rd.jpg) bottom no-repeat; background-size: 480px; }
	section.wh{ background:url(img/bkgd-movil.jpg) bottom no-repeat; background-size: 480px; }
	section.gd{ background:url(img/bkgd-movil-gd.jpg) top no-repeat; background-size: 480px; }
}