*, body{margin: 0;padding: 0; }
.container-fluid{margin: 0;padding: 0 !important;background: white;}

.w-50{width: 50%;}
.w-100{width: 100%;}
.hide-370{display: none;}

section.navbar-section{width: 100%;background-color: #5F4CEB !important;height: 90px;line-height: 90px !important;}
section .container-md{display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;}
section.navbar-section .navbar-k .toggler{display: none; padding: 5px;width: 100%;background-color: transparent;border: none;}
.logo{min-width: 95px;}
.toggler .hamburguesa{width: 100%;min-height: 33px;}
section#desplegar{width: 100%;background-color: #5F4CEB !important;}
section.navbar-section .navbar-k .menu{display: inline-block;line-height: normal;width: 50px;margin-right: 15px;} 
section#desplegar ul{padding-bottom: 15px;padding-left: 32px;}
section#desplegar ul li{list-style: none;line-height: 30px;}
section#desplegar ul li a{text-decoration: none;color: white;}
section#desplegar ul{margin-bottom: 0px;}
.menupc{display: none;margin-bottom: 0;}
.menupc li{display: inline;margin: 10px;list-style: none !important;}
.menupc li a{color:white !important;text-decoration: none;font-weight: bold;}

@font-face {font-family: DAYROM;src: url(../font/DAYROM__.ttf);}
*{font-family: DAYROM;}
h1{text-align: center;}
h2.construccion{text-align: center;}
div.construccion{height: 200px;}
section.introduccion{padding: 20px 70px;background-color: white; color: black;}
.center{text-align: center;}
.biografia{display: flex;}
.biografia h2{text-align: center;}
.biografia .oversized{font-size: 18px; margin: 20px 0px 20px 0px;}
.biografia .w50{width: 50%; max-width: 50%; padding: 10px;}
.biografia img.grand{width: 100%; max-width: 450px; display: block; margin: auto;border: 5px #32f70b solid;
border-radius: 5px;padding: 3px;}
.biografia .recomendacion{display: flex; justify-content: space-between;margin-bottom: -10px;}
.biografia .recomendacion span.autor .nombre{color: #32f70b !important;font-size: 30px !important;}

.asmartl {text-align: center;}
.asmartl a{background-color: #22FF00;color: black;border-radius: 30px;padding: 15px;font-weight: bold;
display: block;max-width: 400px;margin: 10px auto 30px;font-size: 17px;}

h2.with-line{position: relative;display: inline-block;padding: 0px 20px;}
h2.with-line::before{display: inline-block;content: "";position: absolute;top: 50%;height: 2px;
left: 0;right: 0;background-color: #32f70b;z-index: 1;}
h2.with-line span{position: inherit;z-index: 2;}

.leermas{background: #dd4377;padding: 9px;font-size: 17px;color: white;border-radius: 5px;}
br.brnone{display: none;}

@media only screen and (max-width: 991px) and (min-width: 811px){
	.menupc li{margin: 5px;}	
}
@media (max-width:810px){
	#desplegar{display:none;top:100px;}
	
	section.navbar-section .navbar-k .toggler, 
	section.navbar-section .navbar-k .menu{display: block;margin-right: 20px;}
	
	.logo{margin-left: 10px;}
}

@media (max-width: 320px){
	.hide-370{display: block;}
}
@media (min-width: 811px){
	#desplegar{display: none;}
	
	.menupc{display: block;}
	
	section.header .navbar-k .container-md{width: 100%;padding: 0 100px !important;}
}

.container-fluid .carrusel img{width: 100%;}
.carrusel.pc, .carrusel.movil{display: none;}
.container-fluid section.main{padding: 100px 50px;background-color: #f5f5f5;}

.formulariocontacto{display: flex; padding: 70px 10px;text-align: center;background-color: #1a1a1a;color: white;}
.formulariocontacto .w65{width: 65%;}
.formulariocontacto .w35{width: 35%; text-align: left; padding: 10px;}
.formulariocontacto .w35 h2{font-size: 1.5rem;}
.formulariocontacto input{border-radius: 5px;}
.formulariocontacto textarea{border-radius: 5px;max-height: 250px;}
.formulariocontacto input,
.formulariocontacto textarea{width: 100%;max-width: 700px;margin: 5px auto;padding: 10px;background-color: #1a1a1a;color: white;border: 1px solid white;}
.formulariocontacto input:last-child{background-color: #dd4377;color: white;border: none;}

footer{color: white;background-color: #222222;padding: 40px 20px;}
footer h3{font-weight: 700;}
footer .footerdiv{width: 30%;display: table-cell;padding: 0px 10px;}
footer a{color: white;text-decoration: underline;}
footer ul li{list-style: none;}
footer section{width: 100%;padding: 24px 12px 12px;border-top: 1px solid white;}
footer section p{text-align: center;font-size: 17px;}
footer section p a{text-decoration: none;font-weight: 700;}
footer .redesociales li{display: inline;margin: 2px;}
footer .redesociales li a{text-decoration: none;}
footer .redesociales li a img{width: 32px;}
footer .footerdiv .redesociales{display: flex;justify-content: space-around;width: 100%;margin: 5px auto 30px;background: white;padding: 20px;border-radius: 15px;}

@media (max-width: 400px){
	.carrusel.movil{min-height: 170px !important;}
	.biografia .recomendacion{display: block;}
}
@media (max-width: 550px){
h2.with-line{position: relative;display: inline-block;padding: 0px 20px;}
h2.with-line::before{display: inline-block;content: "";position: absolute;top: 50%;height: 2px;
left: 0;right: 0;z-index: 1;}
h2.with-line span{position: inherit;z-index: 2;}
}
@media (max-width: 700px){
	section.introduccion{padding: 20px 10px;}
	.biografia{display: block;}
	.biografia .w50{width: 100%; max-width: 100%; padding: 10px;}
	.biografia img.grand{width: 90%; display: block; margin: auto;}
}
@media (max-width: 739px){
	.carrusel.movil{display: block;min-height: 210px;}

	.formulariocontacto {display: block;}
	.formulariocontacto .w65{width: 100%;}
	.formulariocontacto .w35{width: 100%; margin-top: 30px;}

	.kbr{margin: 7px 0px;}
	footer ul li{margin: 7px 0px;}
}
@media (min-width: 740px){
	.carrusel.pc{display: block;}
	section .container-md{padding: 0 50px;}
}
@media (max-width: 850px){
	footer .footerdiv{width: 100% !important;display: block;}
}
@media (min-width: 1300px){
	footer{padding: 40px 100px 0px;}
	footer .redesociales{margin-bottom: 40px;}
	p{font-size: 18px;}
}