body{
	font-family: 'JosefinSans-Light', sans-serif;
	font-size: 1.2em;
	position: relative;
	height: 100%;
	background-color: #ffffff;
}
a {
	color: #56B6D1 !important; 
	text-decoration-line: none !important; 
	transition: all .2s ease-in-out;
}
a:hover {
	color: #e76ab3 !important; 
	text-decoration-line: none;
}
a:visited {
	text-decoration: none;
	outline-style: none;
}

/*Quitar el borde punteado a los links cuando se hace click*/
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

.p-relative {position: relative;}

@font-face {
 font-family:"BRATTALIA";
 font-display:swap;
 src: url("//fonts/Brattalia.otf") format("opentype"),
 	  url('//fonts/Brattalia.woff') format('woff'),
	  url(//fonts/Brattalia.ttf),
	  local("BRATTALIA"), url(//fonts/Brattalia.ttf) format("truetype"),
	  url('//fonts/Brattalia.ttf') format('truetype'),
	  url('//fonts/Brattalia.svg#BRATTALIA') format('svg');
}

@font-face {
	font-family:"JosefinSans-Regular";
	src: url("../fonts/JosefinSans-Regular.otf"),
		 url('../fonts/JosefinSans-Regular.ttf');
}
@font-face {
	font-family:"JosefinSans-RegularItalic";
	src: url("../fonts/JosefinSans-Italic.otf"),
		 url('../fonts/JosefinSans-Italic.ttf');
}
@font-face {
	font-family:"JosefinSans-Medium";
	src: url("../fonts/JosefinSans-Medium.otf"),
		 url('../fonts/JosefinSans-Medium.ttf');
}
@font-face {
	font-family:"JosefinSans-SemiBoldItalic";
	src: url("../fonts/JosefinSans-SemiBoldItalic.otf"),
		 url('../fonts/JosefinSans-SemiBoldItalic.ttf');
}
@font-face {
	font-family:"JosefinSans-BoldItalic";
	src: url("../fonts/JosefinSans-BoldItalic.otf"),
		 url('../fonts/JosefinSans-BoldItalic.ttf');
}
@font-face {
	font-family:"JosefinSans-SemiBold";
	src: url("../fonts/JosefinSans-SemiBold.otf"),
		 url('../fonts/JosefinSans-SemiBold.ttf');
}
@font-face {
	font-family:"JosefinSans-Bold";
	src: url("../fonts/JosefinSans-Bold.otf"),
		 url('../fonts/JosefinSans-Bold.ttf');
}
@font-face {
	font-family:"JosefinSans-Light";
	src: url("../fonts/JosefinSans-Light.otf"),
		 url('../fonts/JosefinSans-Light.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap');

/*  LOGO */

img.logo2{
	width: 260px;
	text-align: center;
	margin-right: 10em;
}
a.enlacemenu img.logo2 {
	width: 90%;
	padding-bottom: 15px;
}
@media (max-width: 600px) {
	img.logo2{
		max-width: 90%;
		min-width: 330px;
		width: 100%;
	}
}
header {
	width: 100%;
}

.header-logo-nav{
	text-align: center;
}

/* ------ MENÚ RESPONSIVE ------- */
@media (max-width: 990px) {
	.fondo {
		position: relative;
	}
	.menu {
		left: -293px; 
		height: 100%;
		position: fixed;
		width: 285px;
		background-color: #313131;
		color: #fff;
		box-shadow: 5px -3px 9px #444;
		z-index: 9;
		padding-bottom: 10px;
	}
	.menufixed {position: relative;}
	.menufixed .logo-fixed-negro {
		position: fixed;
		top: 10px;
		left: calc(42% - 55px);
		z-index: 7;
	}
	.menufixed .logo-fixed-negro img {max-width: 200px;}
	
	.menu .fa {
		font-size: 20px;
		padding-right: 12px;
		text-align: center;
		min-width: 33px;
	}
	.menu ul {
	  border-top: 1px solid #636366;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.menu ul li {position: relative;}
	.menu li a:hover, .menu li a:active {
		background-color: #6e6e6e;
		border-left: 3px solid #fff;
	}
	
	.menu li a:hover, .menu li a:focus {
		background-color: #6e6e6e;
		border-left: 3px solid #fff;
		height: 52px;
		width: auto;
	}

	.menu li a {
	  color: #fff;
	  font-size: 15px;
	  text-decoration: none;
	  text-transform: uppercase;
	  border-bottom: 1px solid #636366;
	  line-height: 45px;
	  padding-bottom: 3px;
	  padding-left: 20px;
	  padding-top: 3px;
	  display: block;
	  border-left: 3px solid #313131;
	}
	.icon-close i {
	  cursor: pointer;
	  padding-left: 18px;
	  font-size: 29px;
	  color: #56B6D1;
	}
	.menu li .fa-arrow-right {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 19px;
		right: 16px;
		font-size: 16px;
	}
	.menu li i:hover {visibility: visible; opacity: 1;}
	.menu li a:hover + i {visibility: visible; opacity: 1;}
	.icon-menu {
		color: #56B6D1;
		cursor: pointer;
		font-size: 29px;
		padding-left: 25px;
		text-decoration: none;
		text-transform: uppercase;
		padding-top: 10px;
		padding-bottom: 10px; 
		box-shadow: 5px -3px 9px #444;
		width: 100%;
		z-index: 3;
		background-color: #fff;
		position: relative;
		position: fixed;
	 }
	i.fa-times {
		position: fixed;
		background-color: #fff;
		top: 5px;
		padding-top: 10px;
		z-index: 9;
		width: 100%;
		box-shadow: none;
		width: 60px;
		margin-left: 2px;
		padding: 9px 47px 21px 17px;
	}
	.active {visibility: visible;}
	.inactive {visibility: hidden;}
}


@media (min-width: 700px) and (max-width: 960px){
	div.col-md-12.sobremi-general{
		margin-bottom: 2em;
	}
}

/* --- Línea puntos separador --- */

.separador {
	border-top: 0.3em dotted #D6DBDF;
}

/*--------- NEW portada ------------*/
.main-section {
	background: url("img/slider-gabriela-parallax-7.jpg") no-repeat center center fixed;
	height: 44em;
	background-size: cover;
	background-position-y: -75px;
	padding-top: 8%;
}
.main-section .box {
	background-color: #ffffff;
	border-radius: 13px;
	padding: 4.5em;
	padding-bottom: 2em;
	max-width: 930px;
	box-shadow: 0px 3px 17px rgba(0,0,0,.2);
	text-align: left;
	margin: 0 auto;
}
.main-section .box h1 {
	line-height: 1;
	font-family: 'JosefinSans-SemiBold';
	font-size: 2.8em;
	color: #333333;
	padding-bottom: 0.3em;
}
.main-section .box .sub-text {
	width: 100%;
	max-width: 950px;
	font-family: 'JosefinSans-Light';
	margin: 0 auto !important;
	font-weight: 300 !important;
	color: #333333;
	text-align: left;
	font-size: 1.5em;
}
.main-section .box ul.social-links {
	margin-top: 1em;
	margin-bottom: 1em;
}
.main-section .box ul.social-links a {
	padding: 0;
	margin: 0.5em;
}
.main-section .box ul.social-links a i.main-icon-redes {
	display: inline-block;
	padding: 0.5em;
	-moz-osx-font-smoothing: grayscale;
	color: #56B6D1;
	font-size: 1.7em;
	transition: all .2s ease-in-out;
}
.main-section .box ul.social-links a i.main-icon-redes:hover {
	color: #e76ab3;
	transform: scale(1.2);
}
.main-section .box .main-btn .btn-gradient {
	background: linear-gradient(to right, #56B6D1 , #e76ab3);
	color: #fff !important;
	padding: 0.5em 2em;
	border-radius: 50px;
	margin-bottom: 20px;
	display: inline-block;
	text-shadow: 0px 1px 7px rgba(0,0,0,.7);
	box-shadow: 0 2px 13px rgba(0,0,0,.2);
	font-family: 'JosefinSans-Light';
	font-size: 1.4em;
	text-align: left;
}
.btn-white-lineblue {
	font-family: 'JosefinSans-Light';
	background-color: #fff;
	color: #56B6D1 !important;
	border: 2px solid #56B6D1;
	margin-left: 16px;
	text-shadow: 0 2px 13px rgba(255,255,255,.9);
}
.main-section .box .block-email a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 0.5em;
	padding: 0.5em;
	font-family: 'JosefinSans-Light';
	font-size: 1.4em;
}
.main-section .box .block-email a i{
	font-size: 1.4em;
}

@media (max-width: 700px) {
	.main-section {
		height: 50em;
		background-attachment: inherit;
		background-position-y: 18px;
	}
	.main-section .box {
		margin: 4em 1em 2em 1em;
		padding: 2em 1.5em 1.5em 2em;
	}
	.main-section .box h1 {
		font-size: 2.4em;
		line-height: 1.2;
	}
	.main-section .box ul.social-links a {
		padding: 0;
		margin: 0.5em;
	}
	.main-section .box ul.social-links a i.fa-instagram {
		padding-left: 0;
	}
	.main-section .box .block-email a {
		font-size: 1.3em;
	}
	.main-section .box .main-btn .btn-gradient {
		padding: 0.5em 0.7em;
	}
	.main-section .box .block-email a {
		align-items: center;
		justify-content: flex-start;
		padding-left: 0;
	}
	.main-section .box .block-email a i{
		font-size: 1.2em;
	}
}

@media (min-width: 490px) and (max-width: 699px) {
	.main-section {
		height: 43em;
		padding-top: 11%;
	}
}
@media (min-width: 701px) and (max-width: 1287px) {
	.main-section {
		height: 41em;
		background-attachment: inherit;
		padding: 3em;
		background-position-y: 7px;
	}
	.main-section .box {
		margin: 4em auto;
		padding: 3em 3em 2em 3em;
	}
	.main-section .box h1 {
		font-size: 2.7em;
		line-height: 1.2;
	}
	.main-section .box ul.social-links a {
		padding: 0;
		margin: 0.5em;
	}
	.main-section .box .block-email a {
		font-size: 1.3em;
	}
	.main-section .box .main-btn .btn-gradient {
		padding: 0.5em 1em;
	}
	.main-section .box .block-email a {
		align-items: center;
	}
	.main-section .box .block-email a i{
		font-size: 1.2em;
	}
}

/* --------- Sobre mi ---------*/

.block-sobremi {
	width: 100%;
	margin-top: 4em;
	margin-top: 2em;
}
.block-sobremi .text-sobremi .header-sobremi {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: start;
	flex-wrap: wrap;
}
.block-sobremi .text-sobremi .header-sobremi h2 {
	font-family: 'JosefinSans-Bold';
	font-size: 2.8em;
	margin-bottom: 0.7em;
	color: #333333;
	text-align: left;
}
.block-sobremi .text-sobremi .header-sobremi i {
	color: #333333;
	font-size: 2.8em;
	padding: 0.5em;
	
}
.text-sobremi {
	text-align: left;
}
.text-sobremi p {
	font-family: 'JosefinSans-Light';
	font-size: 1.2em;
	color: #333333;
	line-height: 1.3em;
}
.block-sobremi .img-sobremi {
	position: relative;
}
.block-sobremi .img-sobremi::after {
	content: "";
	width: 100%;
	height: 200px;
	position: absolute;
	left: 0;
	bottom: -170px;
	background-image: linear-gradient(to top, #ffff, transparent);
}
.block-sobremi .img-sobremi img {
	max-width: 450px;
	height: auto;
	position: relative;
	bottom: -170px;
	padding-left: 2em;
}

@media (max-width: 983px) {
	.block-sobremi {
		margin-top: 1em;
	}
	.block-sobremi .img-sobremi img {
		bottom: 0;
		max-width: 100%;
		padding: 0em;
	}
	.block-sobremi .img-sobremi::after {
		bottom: 0;
	}
}
@media (min-width: 768px) and (max-width: 983px) {
	.block-sobremi .img-sobremi {
		text-align: center;
	}
	.block-sobremi .img-sobremi img {
		max-width: 70%;
		margin: 0 auto;
	}
}
 /*-----------  Especialidades - Servicios  ------------*/
.servicios {
	margin: 0 auto;
}
 .especialidades {
	background-image: url("img/.jpg");
	width:  100%;
	margin-top: 4em;
	padding-top: 5em;
	padding-bottom: 2em;
}
h2.title-servicios {
	line-height: 0.9;
	font-family: 'JosefinSans-SemiBold';
	font-size: 2.8em;
	margin-top: 2em;
	margin-bottom: 2em;
	color: #333333;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 1em;
}
.elementos-servicios {
	margin-top: 5em;
	display: flex;
	flex-direction: row;
	gap: 2em;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}
.elementos-servicios .servicios__block img {
	/*text-align: center;
	margin: 0 auto;*/
	max-width: 100px;
	height: auto;
}
.elementos-servicios .servicios__block {
	display: flex;
	flex-direction: column;
	border-radius: 13px;
	padding: 1.5em;
	width: 330px;
	/*box-shadow: 0px 3px 10px rgba(0,0,0,.2);
	min-height: 438px;*/
	text-align: left;
}
.elementos-servicios .servicios__block .servicios__block-info h3 {
	margin-bottom: 0.7em;
	font-family: 'JosefinSans-Regular';
	font-size: 1.3em;
	margin-top: 0.5em;
	color: #e76ab3;
}
.elementos-servicios .servicios__block .servicios__block-info p {
	font-family: 'JosefinSans-Light';
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333333;
	margin-bottom: 3em;
}

@media (max-width: 1100px) {
	.especialidades {
		background-image: none;
		padding-bottom: 3em;
		margin-top: 2em;
	}
	.elementos-servicios .servicios__block {
		padding: 1em 1.5em;
	}
	.elementos-servicios .servicios__block .servicios__block-info p {
		margin-bottom: 0;
	}
}

/*------------------ Zona franja azul - crezca ----------------*/

.crezca{
	background: #56B6D1;
	width: 100%;
	padding-bottom: 3.5em;
	padding-top: 5em;
}
.text-crezca{
	font-family: 'Dancing Script', cursive, lighter;
	font-size: 2em;
	color: #fff;
	text-align: center;
}
.text-crezca2{
	font-family:'JosefinSans-Light';
	font-size: 1.5em;
	color: white;
	text-align: center;
}
.text-crezca3{
	font-family: 'Josefin Slab', serif;
	font-size: 1.5em;
	color: white;
	text-align: center;
	padding-bottom: 1em;
}

@media (max-width: 1140px) {
	.crezca {
		padding-bottom: 3em;
  		padding-top: 3em;
	}
	.text-crezca {
		font-size: 1.6em;
	}
	.text-crezca2 {
		font-size: 1.3em;
	}
}

/*------zigzag------*/

.zigzag {
	padding-left: 0px;
	padding-right: 0px;
}
#d-wrapper {
	background-color: #fff;
}
#d-wrapper * {
	margin:0;
	padding:0;
}

#d-wrapper	div.sep {
	min-height: 1em;
	/*padding: 32px 0;*/
}
#d-wrapper	.zig-zag-top:before{
	background: 
			linear-gradient(-45deg, transparent 16px, #FFFFFF 0), 
			linear-gradient(45deg, transparent 16px, #FFFFFF  0);
	background-repeat: repeat-x;
	background-position: top;
	background-size: 22px 32px;
	content: "";
	display: block;
	width: 100%;
	height: 3em;
	top:1em;
	left:0px;
}
#d-wrapper div > * {
	margin: 0 auto;
}
#d-wrapper .zig-zag-bottom {
	margin-top: 0;
}
#d-wrapper .zig-zag-top {
	margin: 0 0;
	margin-bottom: 0;
	padding: 0px;
	background: #56B6D1;
}
#d-wrapper	.zig-zag-bottom:after{
	background: 
			linear-gradient(-45deg, transparent 16px, #56B6D1 0), 
			linear-gradient(45deg, transparent 16px, #56B6D1  0);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 12px 32px;
	content: "";
	display: block;
	width: 100%;
	height: 1em;
 	position: relative;
	top:0;
	left:0px;
}

/*------------------ Prototipos Web ----------------*/

section.contenedor-prototipo {
	position: relative;
	width: 100%;
	color: #fff;
}

.header-content .header-content-inner {
	position: relative;
	margin: 0 auto;
}
.header-content .header-content-inner h2 {
	font-family:'JosefinSans-Bold';
	font-size: 1.7em;
	color: #333333;
	margin-bottom: 1.5em;
	padding-top: 3em;
}
.header-content .header-content-inner h3 {
	margin-top: 0;
	margin-bottom: 1.5em;
	color: white;
	line-height: 1.5em;
	text-decoration: none;
	/*text-shadow: 0 2px 13px rgba(0,0,0,.4);*/
	font-family:'JosefinSans-Light';
	font-size: 1.5em;
	color: #333333;
}
.btn-prototipo {
	background: linear-gradient(to right, #56B6D1 , #e76ab3);
	color: #fff !important;
	padding: 0.5em 2em;
	border-radius: 50px;
	margin-bottom: 20px;
	display: inline-block;
	text-shadow: 0px 1px 7px rgba(0,0,0,.7);
	box-shadow: 0 2px 13px rgba(0,0,0,.2);
	font-family: 'JosefinSans-Light';
	font-size: 1.4em;
}
.btn-prototipo:hover,
.btn-prototipo:focus,
.btn-prototipo:active {
	color: #fff !important;
	background-color: #56B6D1;
	border-color: #fff;
	text-decoration: none;
	outline-style: none;
}
.col-sm-5.contenedor-img-gif {
	padding-right: 0;
	padding-left: .0;
}
.contenedor-img-gif .img-responsive {
	position: relative;
	right: -3em;
}
.device-container {
	margin: 0 auto;
}

@media (max-width: 699px) {

	img.gif-prototipo-img{
		max-width: 100%;
		margin-top: 1em;
	}
}
@media (min-width: 1134px) and (max-width: 1200px) {
	.contenedor-img-gif .img-responsive {
		right: 10em;
		width: 156%;
	}
}
@media (min-width: 768px) and (max-width: 873px){
	.contenedor-img-gif .img-responsive {
		right: 5em;
		width: 250%;
	}
}
@media (min-width: 874px) and (max-width: 990px){
	.contenedor-img-gif .img-responsive {
		right: 5em;
		width: 219%;
	}
}
@media (min-width: 990px) and (max-width: 1100px){
	.contenedor-img-gif .img-responsive {
		right: 4em;
		width: 193%;
	}
}
@media (min-width: 1200) and (max-width: 1520px){
	.contenedor-img-gif .img-responsive {
		right: 6em;
		width: 145%;
	}
	.header-content .header-content-inner h2 {
		padding-top: 1.5em;
	}
}
@media (min-width: 1800px) {
	.contenedor-img-gif .img-responsive {
		right: -18em;
		width: 71%;
	}
}


@media (min-width: 541px) {
	.header-content {
		text-align: left;
		padding: 0;
	}
}

/*------------------ Sección tecnologías ----------------*/

#tecnologias {
	padding-bottom: 5em;
	padding-top: 4em;
}
#tecnologias .content-title {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
h2.titulo-tecnologías {
	text-align: center;
	font-family:'JosefinSans-Bold';
	font-size: 2.8em;
	color: #333333;
	text-align: center;
	padding: 0 0.5em;
}
.line-pink {
	padding: 0;
	border: none;
	border-top: solid 3px;
	text-align: center;
	max-width: 170px;
	margin: 2em auto;
	color: #e76ab3;
	margin-bottom: 4em;
}
.logos-tecnologias {
	width: 100%;
	text-align: center;
	padding: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.div-logo img {
	max-width: 190px;
	height: auto;
	margin: 1em 1.2em;
}
@media (max-width: 680px) {
	#tecnologias {
		padding-bottom: 4em;
	}
	h2.titulo-tecnologias {
		font-size: 2.5em;
	}
	.div-logo img {
		max-width: 140px;
		margin: 0.5em;
	}
	.line-pink {
		margin-bottom: 2em;
		max-width: 100px;
	}
}
@media (min-width: 681px) and (max-width: 1130px) {
	#tecnologias {
		padding-bottom: 3em;
	}
	h2.titulo-tecnologías {
		font-size: 2.5em;
		padding-right: 1em;
		padding-left: 1em;
	}
	.div-logo img {
		max-width: 180px;
	}
}

/*------------------ Sección empresas ----------------*/

#empresas {
	padding-bottom: 9em;
	padding-top: 5em;
}
#empresas .content-title {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
h2.titulo-empresas {
	text-align: center;
	font-family:'JosefinSans-Bold';
	font-size: 2.8em;
	color: #333333;
	text-align: center;
}
.line-blue {
	padding: 0;
	border: none;
	border-top: solid 3px;
	text-align: center;
	max-width: 170px;
	margin: 2em auto;
	color: #56B6D1;
	margin-bottom: 4em;
}
.logos-empresas {
	width: 100%;
	text-align: center;
	display: flex;
	gap: 2em;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.logo img {
	max-width: 270px;
	height: auto;
}

@media (max-width: 680px) {
	#empresas {
		padding-bottom: 4em;
	}
	h2.titulo-empresas {
		font-size: 2.5em;
	}
	.logo img {
		max-width: 140px;
		margin: 0;
	}
	.line-blue {
		margin-bottom: 2em;
		max-width: 100px;
	}
}
@media (min-width: 681px) and (max-width: 1130px) {
	#empresas {
		padding-bottom: 3em;
	}
	h2.titulo-empresas {
		font-size: 2.5em;
		padding-right: 1em;
		padding-left: 1em;
	}
	.logo img {
		max-width: 190px;
	}
}

/* ----------- Sección entradas destacadas del Blog --------------- */

.fondo-blog {
	background-image: url("img/fondo-blog-gabriela-index.jpg");
	padding-top: 6em;
	padding-bottom: 4em;
	background-attachment: fixed; /* crea efecto parallax */
}
.content-title {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.content-title h2.title {
	margin-bottom: 1em;
	color: #f1f1f1;
	font-size: 2.8em !important;
	font-family: 'JosefinSans-Bold', sans-serif;
	text-shadow: 0px 3px 19px -3px rgba(0,0,0,0.95);
}
div.col-lg-offset-4.text-center-blog {
	margin-left: 37.333333%;
}
@media (min-width: 544px) and (max-width: 761px){
	div.col-lg-offset-4.text-center-blog {
		margin-left: 29.333333%;
	}
}

@media (min-width: 300px) and (max-width: 543px){
	div.col-lg-offset-4.text-center-blog {
	    margin-left: 21.333333%;
	}
}
@media (max-width: 680px) {
	.fondo-blog {
		padding-top: 3em;
		padding-bottom: 1em;
	}
	.content-title h2.title {
		font-size: 2.3em !important;
	}
}
.img-responsive{
	width: 100%;
}

p.text-muted-2-3, p.text-muted-1 {
	color: #D4D5D9;
	text-align: left;
	margin-bottom: 1.3em;
	font-family: 'JosefinSans-Light', sans-serif;
	font-size: 1.2em;;
}
h3.title-blog-entrada{
	color: white;
	font-family: 'JosefinSans-Regular', sans-serif;
	text-align: left;
	line-height: 1.3;
	font-weight: 500;
	font-size: 1.4rem;/*font-size: 24px; es lo mismo*/
}
#section-blog .post-blog-item {
  margin: 0 0 15px;
  right: 0;
  border-radius: 13px;
}
#section-blog .post-blog-item .post-blog-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 13px;
}
#section-blog .post-blog-item .post-blog-link img {
	border-top-right-radius: 13px;
	border-top-left-radius: 13px;
}
#section-blog .post-blog-item .post-blog-link .post-blog-hover {
  background: #56B6D1;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  border-top-right-radius: 13px;
  border-top-left-radius: 13px;
}

.post-blog-link:active, 
.post-blog-hover:active, 
.post-blog-link:visited, 
.post-blog-hover:visited, 
.post-blog-link:focus, 
.post-blog-hover:focus {
	background: #56B6D1;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
#section-blog .post-blog-item .post-blog-link .post-blog-hover:hover {
   opacity: 0.9;
}
#section-blog .post-blog-item .post-blog-link .post-blog-hover .post-blog-hover-content {
	position: absolute;
	width: 100%;
	height: 20px;
	font-size: 20px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	color: white;
}
#section-blog .post-blog-item .post-blog-link .post-blog-hover .post-blog-hover-content i {
  margin-top: -12px;
}
#section-blog .post-blog-item .post-blog-link .post-blog-hover .post-blog-hover-content h3,
#section-blog .post-blog-item .post-blog-link .post-blog-hover .post-blog-hover-content h4 {
  margin: 0;
}
#section-blog .post-blog-item .post-blog-caption {
	max-width: 400px;
	margin: 0 auto;
	/*background: rgba(255, 255, 255, 0.5);
	background-color: rgba(0, 0, 0, 0.2);*/
	background-color: rgba(86, 182, 209, 0.2);
	text-align: center;
	padding: 25px;
	margin-bottom: 2.7em;
	min-height: 245px;
	border-bottom-left-radius: 13px;
  	border-bottom-right-radius: 13px;
}
#section-blog .post-blog-item .post-blog-caption h4 {
	text-transform: none;
	margin: 0;
}
#section-blog .post-blog-item .post-blog-caption p {
	margin: 0;
}
#section-blog * {
  z-index: 2;
}
@media (max-width: 987px) {
	.fondo-blog {
		padding-top: 4em;
  		padding-bottom: 2em;
		  background-attachment: inherit;
	}
	.content-title h2.title {
		font-size: 2.7em !important;
	}
	#section-blog .post-blog-item .post-blog-caption {
		min-height: 200px;
	}
}
@media (min-width: 987px) and (max-width: 1163px) { 
	.fondo-blog {
		padding-top: 4em;
  		padding-bottom: 2em;
		  background-attachment: inherit;
	}
}
@media (min-width: 767px) {
	#section-blog .post-blog-item {
		margin: 0 0 30px;
	}
}
/* boton ir al blog */
.btn-loadmore {
	padding: 0.4em 3em;
	border-radius: 7px;
	background: black;
	line-height: 1.7em !important;
	color: white;
	margin-left: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 21px;
	padding-right: 3.9em;
	padding-left: 3.9em;
	text-decoration: none;
	border: 2px solid grey;
}
.btn-loadmore:hover {
	padding: 0.4em 3em;
	border-radius: 7px;
	background: black;
	line-height: 1.7em !important;
	color: white;
	margin-left: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 21px;
	padding-right: 3.9em;
	padding-left: 3.9em;
	text-decoration: none;
}
.btn-block {
	display: block;
	width: 100%;
}
/*------------------ ¿Por qué contratarme? ----------------*/
.contratarme {
	text-align: center;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 3em;
}
.contratarme .box {
	border-radius: 13px;
	box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.12);
	padding: 3em;
	margin-bottom: 3em;
}
.contratarme .box .icon {
	display: table-cell;
	width: 10%;
	text-align: left;
}
.contratarme .box .icon i {
	color:#e76ab3;
	font-size: 30px;
	padding-top: 5px;
}
.contratarme .text {
	width: 85%;
	display: table-cell;
	padding-left: 10px;
}
.contratarme h2 {
	padding: 1em;
	font-size: 2.8em !important;
	font-family: 'JosefinSans-Bold', sans-serif;
}
.contratarme h3 {
	color: #56B6D1;
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.7em;
	font-family: 'JosefinSans-Regular', sans-serif;
}
.contratarme p {
	line-height: 1.5;
	text-align: left;
	font-size: 1.2em;
	font-family: 'JosefinSans-Light', sans-serif;
	
}
@media (max-width: 690px){
	.contratarme h2 {
		font-size: 2.5em !important;
		padding-bottom: 0.5em;
		padding-top: 1em;
	}
	.contratarme .box {
		padding: 1.7em 1.7em 1.7em 1.5em;
	}
}


/*------------------ Zona nubes ----------------*/

.seccion-nubes{
	width: 100%;
	padding-bottom: 3em;
	padding-top: 3em;
	background: #56B6D1;
	height: 298px;
}
.block-nubes {
	background-color: rgba(0, 0, 0, 0.2); 
	padding: 1.3em; 
	text-align: center;
	border-radius: 13px;
}
.block-nubes h2 {
	padding: 0 1em 0.5em 1em;
	font-family: 'JosefinSans-Light';
	font-size: 1.3em;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	line-height: 1.3;
	width: 90%;
	text-shadow: 0px 1px 10px rgba(0,0,0,.6);
}
.block-nubes a.btn-gradient{
	text-decoration-style: none;
	text-decoration-line: none;
	margin: 0 auto;
	margin-top: 0.5em;
	text-align: center;
	position: relative;
	background: linear-gradient(to right, #56B6D1 , #e76ab3);
	color: #fff !important;
	padding: 0.5em 2em;
	border-radius: 50px;
	display: inline-block;
	text-shadow: 0px 1px 7px rgba(0,0,0,.4);
	box-shadow: 0 2px 13px rgba(0,0,0,.4);
	font-family: 'JosefinSans-Light';
	font-size: 1.1em !important;
}
.btn-gradient:focus,
.btn-gradient:active,
.btn-gradient:hover {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	text-decoration: none;
	outline-style: none;
}

.clouds-1,
.clouds-2,
.clouds-3 {
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 305px;
}

@media (max-width: 770px) {
	.seccion-nubes {
		padding-top: 2em;
	}
	.block-nubes h2 {
		padding: 0 0 1em 0;
	}
	.block-nubes a.btn-gradient {
		padding: 0.5em 0.5em;
		font-size: 1em !important;
		margin-top: 0;
	}
}
@media (min-width: 490px) and (max-width: 798px){

	.seccion-nubes{
		height: 350px;
	}

	.clouds-1,
	.clouds-2,
	.clouds-3 {
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 320px;
	}
}
@media (max-width: 490px){
	.seccion-nubes {
		height: 425px;
	}
	.clouds-1,
	.clouds-2,
	.clouds-3 {
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 395px;
	}
}

/* _______ NUBES MOVIMIENTO GABRIELA______*/

@keyframes clouds-1 {
  to {
    background-position: -1000px 0;
  }
}
.clouds-1 {
  background-image: url("img/nube-6.png");
  animation: clouds-1 35s infinite linear;
}

@keyframes clouds-2 {
  to {
    background-position: -1000px 0;
  }
}
.clouds-2 {
  background-image: url("img/nube-7.png");
  animation: clouds-2 27s infinite linear;
}

@keyframes clouds-3 {
  to {
    background-position: -1579px 0;
  }
}
.clouds-3 {
  background-image: url("img/nube-5.png");
  animation: clouds-3 20s infinite linear;
}

@media (min-width: 701px) and (max-width: 1400px){
	.seccion-nubes {
		padding-top: 2em;
	}
	.block-nubes a.btn-gradient {
		padding: 0.5em 1em;
		font-size: 1.1em !important;
		margin-top: 0.5em;
	}
	.clouds-1,
	.clouds-2,
	.clouds-3 {
		background-repeat: repeat-x;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 305px;
	}
}