@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../img/rengl.png);
    background-repeat: repeat-y;
	background-position:-50px 90px;
	background-size: 40%;
	font-family:'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #080808;
}
main {
    background-image: url(../img/escritos-fdo.png);
    background-position: right 0px;
    background-repeat: no-repeat;
    background-size: 40%;
}

@media (min-width: 576px) {
	main {
		background-position: right 10px;
		background-size: 30%;
	}
}
.b-none {
	background-image: none;
	
	
}

/* HEADER */
.navbar {
	justify-content: flex-end;
}
.stickyMenu {
	background-color: #fff !important;
	border-right: none;
	border-bottom:6px double #e6e6e6;
    position: fixed;
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
    bottom: auto;
    padding: 10px;
    overflow: hidden;
    /*outline: none;*/
	height: 90px;
}
.menu {
	background-color: #fff;
	padding: 110px 0 10% 0;
	margin-top:-90px;
	height:100vh;
	position: fixed;
	z-index: 8;
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	-webkit-animation: Entrada 1s ease-out;
    animation: Entrada 1s ease-out;
}
@media (max-height: 300px) {
	.menu {
		padding: 270px 0 10% 0;
		overflow:scroll;
	}
}
@-webkit-keyframes Entrada{
    0%{ transform: translateX(100%); opacity:0;    }
    100%{ transform: translateX(0); opacity:1;   }
}
@keyframes Entrada{
    0%{ transform: translateX(100%); opacity: 0;   }
    100%{transform: translateX(0); opacity: 1;    }
}
.navbar-brand {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-left: 10px;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
}
.navbar-brand img {
	margin-left: 0px;
}
.logo-sm {
	display:block;
}
.logo-md {
	display:none;
}
.navbar-light .navbar-toggler-icon,
.collapsed .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h14M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:hover .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(250, 250, 250,0);
}
.btn-menu,
.social-menu {
	display:none;
}
.social-menu .social-vertical {
    display: inline;
    flex-direction: column;
    list-style: none;
}
.social-menu .social-vertical li {
	margin-bottom: 15px;
	text-align: center;
}
.rs-icon {
    fill: currentcolor;
}
.social-menu .social-vertical > li > a {
    color: #89939F;
}
.social-menu .social-vertical li a:hover {
    color: #E49E84;
}
.menu ul a {
	font-family: 'Noto serif', sans-serif;
	font-size: 1.25rem;
	color: rgb(0, 0, 0) !important;
}
.list-hover-slide>li {
    position: relative;
    overflow: hidden;
	margin: 0% auto;
}
.list-hover-slide>li>a {
    z-index: 1;
    transition: .35s ease color;
    position: relative;
	float:left;
	color:rgba(102,102,102,1);
}
.list-hover-slide>li>a:before {
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 8px;
	height: 15px;
	background-color: #fdf3eb;
	left: 0px;
	right: 0px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: -webkit-transform cubic-bezier(0.785,.135,.15,.86) .5s;
	transition: transform cubic-bezier(0.785,.135,.15,.86) .5s;
	transition: transform cubic-bezier(0.785,.135,.15,.86) .5s,-webkit-transform cubic-bezier(0.785,.135,.15,.86) .5s;
}
.list-hover-slide>li>a:hover:before {
    transform: scaleX(1);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3) !important;
}
.stickyMenu .nav-item {
	margin: 0 1.14rem;
}
.navbar-nav .nav-link {
    padding-right: 4px;
    padding-left: 4px;
}
.nav-link.disabled {
    color: #6c757d !important;
}
@media (min-width: 768px) {
	body {
		background-position:left 90px;
		background-size: auto;
	}
	.navbar {
    	justify-content: center;
		align-items: flex-end;
	}
	.stickyMenu {
		border-right: 6px double #e6e6e6;
		border-bottom:none;
		z-index: 10;
		left: 0px;
		top: 0px;
		bottom: 0px;
		width: 90px;
		padding: 25px 0px;/**/
		height:100%;
	}
	.navbar-brand {
		padding-left: 100px;
		background-color: #fff;
		display: block;
		width: 100%;
		height: 90px;
		border-bottom: 1px solid #e6e6e6;
		margin-left: 90px;
	}	
	.navbar-brand img {
		float: left;
		margin-left: -90px;
	}
	.navbar-toggler {
		margin: auto;
	}
	.btn-menu {
		font-family: 'Caveat', sans-serif;
		font-size: 1.25rem;
		color: #333232;
		transform: rotate(-90deg);
		margin-top: 5px;
		display:block;
	}
	.social-menu {
		display:inline;
	}
	.menu {	
		margin-left: 90px;
		padding-right: 100px
	}
}

@media (min-width: 992px) {
	.logo-sm {
		display:none;
	}
	.logo-md {
		display:block;
	}
}


/*Carrousel*/
#intro .carousel {
	margin-bottom:10%;
	margin-left: 5%;
	margin-right: 5%;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	border-radius: 6px;
}
@media (min-width: 768px) {
	#intro .carousel {
		margin-left: 0%;
		margin-right: 8%;
	}
}
.cinta1, .cinta2 {
	position: absolute;
	z-index: 5;
}
.cinta1 {
	left: 0;
	top: -15px;
}
.cinta2 {
	right: 0;
	bottom: -10px;
}


/*Intro Home*/
section, footer {
	margin-left:0px;
}
#intro,
#encabezados {
	margin-top:90px;
}
#intro {
	position:relative;
	padding-bottom: 5%;
}
.img-intro {	
	background-image:url(../img/escritos-home.png);
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
	margin-top: 5%;
	margin-bottom: 5%;
}
.slide-intro {
	padding-top: 0px;
}
h3 {
	font-family:'Source Sans Pro', sans-serif;
	font-size: 1.1rem;
	font-weight: 200;
	line-height: 1.36em;
}
#intro h3 {
	padding-top:30%;
	padding-bottom:15%;
}
#intro h3 span {
	font-weight: 400;
}
p {
	font-size: 0.96rem;
	font-weight: 300;
	/*padding-top: 2%;*/
	margin-bottom: .75rem;
}
#intro .txt-intro {
	font-family: 'Noto Serif', serif;
	font-size: 1.1rem;
}
#intro .txt-intro span {
	color: #d1653b;
	font-style: italic;
}

@media (min-width: 576px) {
	h3 {
		font-size: 1.3rem;
	}
	#intro {
		background-size:80%;
	}
	#intro p {
		font-size: 1rem;
	}
	#intro .txt-intro {
		font-size: 1.25rem;
	}	
	.img-intro {	
		background-size: 85%;
	}
}

@media (min-width: 768px) {
	#intro .txt-intro {
		font-size: 1.4rem;
	}	
	.img-intro {	
		background-size: 95%;
		background-position-x: right;
	}
	.slide-intro {
		padding-top: 20px;
	}
	section, footer {
		margin-left:90px;
	}
	h3 {
		font-size: 1.7rem;
	}	
	#intro p {
		font-size: 1.1rem;
	}

}
@media (min-width: 992px) {
	h3 {
		font-size: 1.9rem;
	}	
}


/*Alianzas*/
#alianzas {
	background-color: #f8f8f8;
	padding: 3% 0;
	position:relative;
}
#alianzas .tit-alianzas {
	background-image: url(../img/img-alianzas.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding-bottom: 20px;
}
#alianzas h3 {
	color:#4b4b4b;
	font-weight:600;	
}
#alianzas a {
	display:block;
}
#alianzas .card {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}
.word {
    font-family: 'Clicker Script', sans-serif;
    font-size: 6rem;
	color: #eaeaea;
	position: absolute;
	left: 32%;
	top: -5%;
}
.filtro.
.filtro2 {
	filter: none;
}
.filtro:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}
.filtro2:hover {
	filter: opacity(70%);
	-webkit-filter: opacity(70%);
	-moz-filter: opacity(70%);
}

.card-deck {
	margin-right: auto;
	margin-left: auto;
}


/*Encabezados*/
.encabezados {
	height: 90px;
	background-size: contain;
}
.encabezados h2 {
    font-family: 'lambresiaregular';
    font-size: 1.2rem;
    color: #dbdada;
    position: relative;
    z-index: 2;
	text-align: center;
	margin-top: 35px;
}
.encabezados span {
	position: relative;
	top: -55px;
    z-index: 5;
    font-family: 'Source Sans Pro';
	font-size: 1.7rem;
	color: #0f0f0f;
	font-weight: 600;
}


/*Proyectos*/
#proyectos {
}
.proyecto {
	background-color:transparent;
	border:none;
}
.accordion > .proyecto > .card-header {
    margin-bottom: 0rem;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 0.75rem 0rem;
	border-bottom: 0px solid rgba(0, 0, 0, 0.125);
	border-top: 1px solid rgb(195 164 151);
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
.proyecto .btn{
	padding: .75rem 0rem;
}
.proyecto img {
   	width: 100%;
    margin: auto !important;
    padding: 0!important;
}
.proyecto .carousel {
    margin-top: 5%;
    margin-bottom: 5%;
}
.proyecto h5 {
   	font-family: 'Noto serif', serif;
   	color: #000;
   	font-size: 1.2rem;
   	text-decoration: none;
	margin-left: 0rem;
}
.proyecto .mas,
.proyecto .menos {
    background-color: #d8815b;
    width: 1.6rem;
    display: inline-block;
    color: #fff;
    height: 1.6rem;
	text-align: center;
	margin-left: 0rem;
	font-weight: 600;
}
.proyecto .mas,
.proyecto .collapsed .menos {
	display: none;
}
.proyecto .collapsed .mas,
.proyecto .menos {
    display: inline-block;
}
@media (min-width: 572px) {
	.proyecto {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.proyecto .btn {
		padding: 4rem 0 .75rem 0rem;
	}
	.proyecto h5 {
		float: left;
	}
	.proyecto .mas,
	.proyecto .menos {
		margin-left: 0.75rem;
		float: left;
	}
}
@media (min-width: 992px) {
	.proyecto h5  {
		font-size: 1.4rem;
	}
}


/*Talleres*/
.taller h6,
.taller .mas {
	float: left;
}
#talleres .card-header {
    padding: 0.75rem 0.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.0);
    border-bottom: 2px solid #d8815b;
}

.taller {
	margin-bottom: 8px;
	border: none;
	border-bottom: 2px solid rgba(0, 0, 0, 0.125)!important;
	background-color: #fff0;
}
.taller h6  {
   	font-family: 'Noto serif', serif;
   	color: #000;
   	font-size: 1rem;
   	text-decoration: none;
	margin-left: 0rem;
}
.taller .btn {
	padding: 0.375rem 0.75rem 0;
}
.taller img {
   	width: 100%;
    /*margin: auto !important;
    padding: 0!important;*/
}
.taller .mas,
.taller .menos {
    background-color: #d8815b;
    width: 1.6rem;
    display: inline-block;
    color: #fff;
    height: 1.6rem;
	text-align: center;
	margin-left: 0rem;
	font-weight: 600;
	margin-left: 0.75rem;
	float: right;
}
.taller .mas,
.taller .collapsed .menos {
	display: none;
}
.taller .collapsed .mas,
.taller .menos {
    display: inline-block;
}
@media (min-width: 572px) {
	.taller h6 {
		font-size: 1.15rem;
		float: left;
	}
	.taller .mas,
	.taller .menos {
	}
	.taller .mas {
		margin-top: 0.0rem;
	}
}
@media (min-width: 992px) {
	.taller h6 {
		font-size: 1.25rem;
	}
}


/*Escritos*/
#escritos h5 {
   	font-family: 'Noto serif', serif;
   	color: #000;
   	font-size: 1.2rem;
}
#escritos a {
    color: #404040;
}
#escritos a:hover {
    color: #d1653b;
}

/*Contacto*/
#contacto .btn-info {
	background-color: #d1653b;
	border-color: #f9b69c;
	font-weight: 600;
	margin-bottom: 30px;
}
#contacto .btn-info:hover {
	background-color: #404040;
	border-color: #9d9d9d;
}
.gracias {
    font-family: 'pluto_sans_regularregular', sans-serif;
    font-size: 1rem;
    color: #d1653b;
    text-align: center;
    padding: 10px;
    margin: 0px 0 20px 0;
    display: block;
    border: 1px solid #d1653b;
    border-radius: 0.25rem;
}
.gracias span {
    font-size: 0.83rem;
    color: #4c4c4c;
}

/*Footer*/
footer {
	background-color: #fff;
	border-top: 1px solid #DFDFDF;
	color: #7F8286;
	padding:5%;
}
footer p {
	margin:0 auto;
}
footer p a {
    color: #fc4f4f;
}
footer p a:hover {
	color: #fc4f4f!important;
    text-decoration: underline!important;
}
/*descarga ebook */
.descarga img {
    margin: 0 0rem!important;
    border: 1px solid #ccc;
    width: 60%;
}
.descarga .btn-danger,
.btn-ebook{
	padding: .30rem .75rem!important;
    background-color: #ce3535;
	border-color: #ce3535;
	font-weight: bold;
	margin-bottom:2rem;
	margin-top:1rem;
    position: relative;
}
@media (min-width: 768px) {
    .descarga img {
        margin: 0 0 1.5rem!important;
        width: 100%;
    }    
    .descarga .btn-danger {
        padding: .16rem .75rem;
        margin-bottom:2rem;
        margin-top:0rem;
        position: absolute;
        bottom: 0;
    }
}

.descarga h5 {
	float:none;
    padding-top: 1rem;
}
.descarga .suscripcion .btn-danger {
	padding: .16rem .25rem;
	margin-bottom:0rem;
    position: relative;
    background-color: #ce6135;
	border-color: #d55a28;
    font-size: .95rem;

}
.descarga .btn-secondary {
	padding: .16rem .75rem;
	background-color: transparent;
	border-color: transparent;
	color: #4b4b4b;
	margin-bottom: 1rem;
	margin-top: -1rem;
    font-family: 'Noto serif', serif;
}

.descarga .btn-secondary:not(:disabled):not(.disabled):active {
    color: #313030;
	background-color: transparent;
	border-color: transparent;
    text-decoration: underline;
}
.descarga .btn-secondary:hover {
    text-decoration: underline!important;
}
.descarga h6 {
	font-family: 'Noto serif', serif;
	padding-top: 1.2rem;
	padding-bottom: .6rem;
	font-size: 1.2rem;
	line-height: 1.3;
	color: #4b4b4b;
}
.descarga input {
    color: -internal-light-dark(#ccc, white);
}