/**
 * Theme Name: geek1
 * Theme URI: geek1
 * Description:geek1
 * Version: 1.0.0
 * Author: Julian
 * Author URI: geek1
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: genesis
**/
@font-face { 
font-family: Raleway; 
src: url(/wp-content/themes/startergeek/fonts/raleway/Raleway-Regular.woff2); 
font-style:normal;
	font-weight:400
}

@font-face { 
font-family: Raleway; 
src: url(/wp-content/themes/startergeek/fonts/raleway/Raleway-Bold.woff2); 
font-style:normal;
	font-weight:800
}


@font-face { 
font-family: Raleway; 
src: url(/wp-content/themes/startergeek/fonts/raleway/Raleway-Black.woff2); 
font-style:normal;
	font-weight:900
}


@font-face { 
font-family: MrDeHaviland; 
src: url(/wp-content/themes/startergeek/fonts/MrDeHaviland/MrDeHaviland-Regular.woff2); 
font-style:normal;
	 
}



html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body {background-color: #fff;color: #707070;font-family: "Raleway";font-size: 15px;font-weight: 400;line-height: 2;margin: 0;overflow-x: hidden;}
button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],.button,.gallery img {transition: all 0.2s ease-in-out;border: 0;padding: 0.7em;font-size: 1rem;font-family: inherit; }
input[type="submit"],.button{cursor: pointer;}

button, input, select, textarea { font-size: 1rem;font-family: inherit;     line-height: 1.5;width:100%;padding: 8px 10px;border:none;box-sizing:border-box; background: #F3F3F3;max-height:150px}

a {color: #777;text-decoration: underline;	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;}
a:focus,a:hover {color: #333;text-decoration: none;}
p {	margin: 0 0 20px;	padding: 0;}
ol,ul {	margin: 0;	padding: 0;}
article ol, article ul{padding-left:20px;margin-left:20px;margin-bottom:15px}

li {list-style-type: none;}
article li {padding-left: 10px;list-style:initial}
hr {border: none;	border-collapse: collapse;	border-top: 1px solid #eee;	clear: both;	margin: 30px 0;}
b,strong {font-weight: 800;}
blockquote,cite,em,i {font-style: italic;}
mark {background: #ddd;	color: #333;}
blockquote {margin: 30px;}
h1 {font-family: "Raleway";	font-weight: 800;	line-height: 1.2;	margin: 0 0 20px;}
h2,h3, h4,h5,h6{font-family: "Raleway";	font-weight: 800;	line-height: 1.2;	margin: 0 0 20px;}
h1 {font-size: 30px;}
h2 {font-size: 27px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
.entry-content h3,.entry-content h4 {font-weight: 800;}
.entry-content h4 {	margin-top: 40px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
article{color:#627F91}
article h2{color:#627F91}
embed,iframe,img,object,video,.wp-caption {	max-width: 100%;}
img {height: auto;	vertical-align: top;}
figure {margin: 0;}
*, ::before, ::after{-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;}
/*-------- constantes*/
.site-inner{width:100%;margin:0 auto;}



/*------------------------------------------------------------------------------------------------------------------------*/



.MrDeHaviland {font-family:MrDeHaviland;font-size: 50px}

/*-------- general*/
a {color:#707070;text-decoration:none;font-weight:bold}

.site-container{max-width:100%;box-sizing:border-box}

/*logo*/
.title-area{margin:0 auto}
.title-area img{padding:3% 0;max-width:100%;;margin:0 auto;display:block;max-width:90%}
.site-description{display:none}

/*menu*/

.mobmenu img{margin: 0 auto;	display: block; }
.mobmenu {   cursor: pointer; color:#fff;font-weight:bold;font-size:2em;padding: 10px; }
.mobmenu.active, .mobmenu:hover img { filter:brightness(0)}

#social-container{display:flex;}
#social-container   div  {display:flex;}
#social-container a{color:#fff}
#social-container img{margin:0 5px}
#social-container .telefono{min-width:210px;display:flex;justify-content:center;align-items:center;height: 63px;}
#social-container .redes{min-width:210px;display:flex;justify-content:center;align-items:center;height: 63px;}

.redes a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.formulariofull a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}
.telefono a:hover{filter: invert(88%) sepia(19%) saturate(7%) hue-rotate(116deg) brightness(99%) contrast(85%);}

.telefonotop{background-color:#F5F5F5}
#topinfo{display: flex;
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  padding: 4px;
  height: 36px;
  box-sizing: border-box;}
#topinfo img{margin:10px}
#topinfo > div, #topinfo > div a{display:flex;align-items:center;justify-content:center}
#topinfo a{font-weight:normal}

#topinfo > div{display:none;padding:2px  10px;box-sizing:border-box}
#teltop {display:flex !important;justify-content:center !important;}
#horariotop{border-right: solid 1px #D3D3D3; border-left: solid 1px #D3D3D3;}

/*menu*/
.site-header{width:100%;position:relative;z-index:6 }
.site-header > .wrap{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center}

.single .site-header{background-image: url("/wp-content/uploads/2026/02/blognav.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}


.nav-primary {    max-height: 0;    overflow: hidden;    transition: max-height .2s ease-out;position:absolute;width:100%;left:0}

.nav-primary wrap{position:relative}
.nav-primary ul{text-align:center;list-style:none;padding-left: 0; background: rgba(0,0,0,0.3);}
.nav-primary li, .nav-primary li a{color: #FFFFFF;padding: 1em .666em;text-decoration: none;font-size: 19px;font-weight: 800; text-transform:uppercase;font-weight:normal;box-sizing:border-box}
.nav-primary li a{display:block;padding:10px;box-sizing:border-box}
.nav-primary li:hover { background:#627F91;color:#fff;overflow:hidden}
.nav-primary li:hover > a{color:#fff}
.nav-primary li ul {display:none;position:absolute;	min-width:140px;top:67px;background:#ed1f41}
.nav-primary li ul li, .nav-primary li ul li a{color:#fff}

/*slideshow*/
.featured-slides {
  position: relative;
  width: 100%;
  min-height: 300px; /* Ajusta según altura deseada */
}

/* Slides normales con fade */
.mySlides {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  z-index: 1;
}

.mySlides.slideactive {
  opacity: 1;
  z-index: 2;
}

/* Imagen */
.imagendebanner {
  width: 100%;
  height: auto;
  display: block;
}

.featured-image-class img{margin:0 auto;display:block}

.featured-image-class {
    position: relative;
    width: 100%;
    height: 400px; /* AQUÍ defines la altura fija que quieres mantener */
    overflow: hidden; /* Oculta lo que sobre de la imagen */
}

/* Ajuste de la imagen interna */
.page .featured-image-class img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Mantiene proporción, llena el espacio y recorta bordes */
    object-position: center; /* Se asegura de que el centro de la foto siempre sea visible */
    display: block;
}


.single .featured-image-class img {
 
    object-position: center; /* Se asegura de que el centro de la foto siempre sea visible */
    display: block;
}

.telefonotop{position:relative;z-index:24}
.telefonotop .wrap{display:flex;justify-content:space-around;align-items: center;}
#search-form-container{width:250px}

.hero-banner-container{position:relative}

  @keyframes anim {  0% {    display: none;    opacity: 0;  }  1% {    display: block;    opacity: 0;    transform: scale(1.2);  }    100% {    opacity: 1;    transform: scale(1);  }}

.featured-slides picture { animation: anim .8s ease-in-out; overflow:hidden}



.mySlides .custom-html{position: absolute;
  color: #fff;
  width: 880px;
  max-width: 90%;
  bottom: 5%;
  
  text-align: center;
  left:0;right:0;margin:0 auto }

.mySlides .custom-html p{color:#DABEA5;font-size:30px;}
.mySlides .custom-html > img{max-width:100px}
.mySlides .custom-html h1{  font-size: 21px;text-transform: uppercase;}
.mySlides .custom-html a{background-color:#D5D0C6;margin:10px auto;width:197px;height:62px;color:#766A5F;display:flex;align-items:center;justify-content:center; text-transform: capitalize;}
.mySlides .custom-html a img{margin-right:10px}
.mySlides .custom-html a:hover{background-color:#627F91; color:#fff}
.mySlides .custom-html a:hover img{filter: brightness(0) invert(1)}


#home-block1{margin-top: -150px;}



.bottonessliders {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  margin-top: -30px;    color: #fff;  font-weight: bold;  font-size: 20px;
  border-radius: 0 3px 3px 0;  user-select: none; z-index: 4;}	
	
/* Position the "next button" to the right */
.previous_btn {  position: absolute;  left: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-right: 18px solid #00B3A0;}
.next_btn {  position: absolute;  right: 1%;  border-radius: 3px 0 0 3px; width: 0;   height: 0;   border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left: 18px solid #00B3A0;}

/* On hover, add a black background color with a little bit see-through */
.previous_btn:hover, .next_btn:hover {  background-color: rgba(0,0,0,0.8);  color: white;}	



#contslider{position:relative; overflow:hidden;height: 49vw}




#promos {display:flex;width:1920px;max-width:98%;margin:0 auto;flex-wrap:wrap}
#promos > div{padding:20px 10px;box-sizing:border-box}




#home-block2{width:1800px;margin:0 auto;max-width:100%}




#nuestrosservicios{background-color: #D6D2C8;padding:0 10px;padding-bottom:20px;box-sizing:border-box;display: block;padding:20px;box-sizing:border-box;position:relative}
#nuestrosservicios h2{color:#766A5F;text-align:Center;font-size:32px;text-transform:uppercase;margin:0}

#nuestrosservicios > .tituloservicios{display: flex;  align-items: center;  height: 125px;justify-content:center;margin:10px auto}

#nuestrosservicios > .tituloservicios img {  margin-right: 10px;}

#servicios{display:flex;flex-wrap:wrap;width:1500px;max-width:100%;justify-content:center;margin: 0 auto;position: relative;
  z-index: 3;margin-bottom:60px}
.servicio {width:302px; display:flex;flex-direction:column;background:#fff;text-align:center;margin:40px 25px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);transition: all 0.5s ease-out;}
.servicio:hover{ box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.35);transform:scale(1.02)}

.infoservicio{padding:20px;box-sizing:border-box;height: 100%;display:flex;flex-direction:column;justify-content:space-between}
.infoservicio p{line-height:2}
.infoservicio a{background-color:#766A5F;color:#fff;display:Flex;align-items:center;justify-content:center;width:179px;height:40px;margin: 0 auto;}
.infoservicio a:hover{background-color:#627F91}



#home-block3{position: relative;
  z-index: 1;}
#home-block4{background-color: #D6D2C8;
  position: relative;
  }

#experiencia{background-color:#627F91;padding:20px 10px;box-sizing:border-box;position:relative;margin-top: -13px;}


#experiencia .leermas {
  background-color: #D5D0C6;
  color: #627F91;
  padding: 12px 35px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  font-size: 12px;
  border-radius: 4px;
  display: block;
  width: 200px;
  margin: 20px auto;

}


#experiencia .leermas:hover{background:#fff}




.molecula1{position: absolute;
  left: -12%;
  bottom: -24vw;
  max-width: 65%;
}
.molecula2{position:absolute;right: 0;  bottom: -3vw;max-width:70%}
.bordearriba{width:100%}

#experienciaint{width:1200px;max-width:100%;margin:20px auto;display:flex;justify-content:center;align-items:center;position:relative;z-index:5;flex-wrap:wrap}
.experienciatext{width:402px;padding:10px 20px;box-sizing:border-box;color:#fff;text-align:center;line-height:2}
.experienciatext span{font-size:40px;font-weight:bold;display:block;line-height:1.2}
.experienciaimg{padding:10px 20px;box-sizing:border-box;}


/*image*/
.featuredpost article{overflow:hidden}
.featuredpost a img{transition: .75s ease;margin:0 auto;display:block}
.featuredpost a:hover img {	opacity: 1;	-webkit-animation: flash 1s;	animation: flash 1s; transform: scale(1.1)}

@-webkit-keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}
@keyframes flash {	0% {		opacity: .4;	}	100% {		opacity: 1;	}}





.footer-widgets{background-image: url("/wp-content/uploads/2026/02/footerback.jpg");background-position: center;
  background-repeat: no-repeat;
 
  background-size: cover;}

#contacto{margin:0 auto;display:flex;flex-wrap:wrap;justify-content: center;}
#infocontacto{width:580px;max-width:100%;padding:0 30px;box-sizing:border-box;color:#D5D0C6;display: flex;
  flex-direction: column;
  align-items: center;}
#infocontacto a {color:#D5D0C6;font-weight:normal}
#infocontacto > div{display:flex;align-items:center;margin:5px 0;}
#infocontacto > div a{display:flex;align-items:center;}
#infocontacto div a:hover, #social-container a:hover{filter: 
    brightness(0) 
  
    invert(1) 
    }

#infocontacto > div img{margin:10px}
#formulariocontacto {width:548px ;max-width:100%;padding:30px;box-sizing:border-box;color:#fff;text-align:center;color:#D5D0C6}
#contactitulo{margin:0 auto;display:flex;align-items:center;justify-content:center;padding-top:50px;padding-bottom:30px;box-sizing:border-box}
#contactitulo h2{font-size:45px;margin:0}
#contactitulo img{margin-right:20px}

#telbottom{font-size:24px}
.agendar {
  background-color: #D5D0C6;
  margin: 10px auto;
  width: 197px;
  height: 42px;
  color: #766A5F;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
color: #75695E !important;
}


.agendar img{margin-right:10px}
.agendar:hover{background-color:#627F91; color:#fff !important}
.agendar:hover img{filter: brightness(0) invert(1) !important}


input[name="your-name"], 
input[name="your-email"], 
input[name="your-telephone"] {
    background-repeat: no-repeat;
    /* Esto lo separa 15px del borde derecho y lo centra verticalmente */
    background-position: calc(100% - 10px) center; 
    /* Ajusta este tamaño (ej. 20px) según se vea mejor tu PNG */
    background-size: 14px auto; 
    /* Importante: deja espacio a la derecha para que el texto no tape el icono */
    padding-right: 30px !important;
}

/* Asignación de imágenes individuales */
input[name="your-name"] {
    background-image: url('/wp-content/uploads/2026/02/Grupo-319.png');
}

input[name="your-email"] {
    background-image: url('/wp-content/uploads/2026/02/Grupo-320.png');
}

input[name="your-telephone"] {
    background-image: url('/wp-content/uploads/2026/02/Trazado-222.png');
}



.footer-widgets{background-color:#F5F5F5}



.footer-widgets-2 .bootomfooterinfo {
 background: #252525;
    height: 65px;
    padding: 10px;
    box-sizing: border-box;
    color: #1A232A;
    font-size: 22px;
    font-weight: bold;
    /* Quitamos el text-align aquí, ya que el texto está en su propio div */
    display: flex;
    justify-content: space-between; /* Centra el contenido principal (el texto) */
    align-items: center;
    position: relative; /* Agregamos posición relativa al contenedor principal */
		flex-direction:row;
   font-size: 22px;
  font-weight: bold;
  text-align: center;
  display: flex;
 
  align-items: center;
  background-color:#252525
  }

.footer-widgets-2 .bootomfooterinfo > div:first-child{padding:15px 10px;box-sizing:border-box}
#hechopor{background-color: #707070;
  width: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  position: relative;
	margin-right:-10px
}
	  #hechopor::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 64px 21px;
    border-color: transparent transparent transparent #252525;
    left: 0;
    bottom: 0;
  }
/*pages*//*posts*//*archive category*/


.archive .content,.error404 article .entry-content, .single article .entry-content, .page article .entry-content{max-width:1200px;margin:0 auto;padding:1em;width:100%;box-sizing:border-box}


.page-template-default .hero-banner-container{margin-top:-150px}

.single .hero-banner-container{margin-top: 15px}
.page .banner-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centra exactamente el texto */
    width: 100%;
    text-align: center;
    z-index: 10;
}


.single .banner-text-overlay {
    
 
    text-align: center;
    z-index: 10;
}


/* Estilo del H1 dentro del banner */


.page  .banner-text-overlay h1.entry-title {
    color: #ffffff; /* Blanco para que resalte */
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Sombra para legibilidad */
    margin: 0;
    padding: 0 20px;
}


.single  .banner-text-overlay h1.entry-title {
    color: #627F91; /* Blanco para que resalte */
    font-size: 2.5rem;
    font-weight: bold;
 width:1200px;
	max-width:100%;
  margin: 10px auto;
    padding: 0 20px;
}


#featured-post-2 {    background-color: #fff;    padding: 0; width: 1500px;max-width:100%;
  margin: 50px auto; color:#627F91
}
#featured-post-2 a{color:#627F91}
#featured-post-2 .entry {    display: flex;    flex-direction: column;}

#featured-post-2 .entry-image {    width: 100%;    height: auto;    display: block;}

#featured-post-2 .entry-header, #featured-post-2 .entry-content {    padding: 20px;    text-align: center;	max-width:627px;margin:10px auto}

#featured-post-2 .entry-title {    font-size: 22px;   max-width:627px;margin: 0 auto;}


#featured-post-2 .leermas {background-color: #D5D0C6;     color: #627F91;    padding: 12px 35px;    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
   font-size:12px;
    border-radius: 4px;
	display: block;
  width: 200px;
  margin: 20px auto;
}

#featured-post-2 .leermas:hover {
  background-color: #627F91; color:#fff
}


#featured-post-2 .entry-title::before {
    content: "De nuestro Blog"; /* El texto que quieres añadir */
    display: block;             /* Lo pone en una línea propia arriba */
    font-size: 42px;            /* Tamaño más pequeño que el título */
    color: #627F91;             /* Un gris suave similar a tu diseño */
    letter-spacing: 2px;        /* Espaciado entre letras para estilo moderno */
    margin-bottom: 10px;        /* Espacio entre este texto y el título */

	font-family:MrDeHaviland
}




.medioinput {  display: flex;  justify-content: space-between;}
.medioinput > div {  width: 48.5%;}

.wpcf7-submit{background-color:#D5D0C6;color:#627F91;text-align:center;margin-top:20px;width:191px;margin-left:auto;margin-right: 0;  display: block;}
.wpcf7-submit:hover{background-color:#F5F5F5;color:#252525;}
.wpcf7 form.invalid .wpcf7-response-output{background:#ffb900}
.wpcf7 form.sent .wpcf7-response-output {background:#46b450}


header{transition: all 0.5s ease-out}
header.sticky{position: fixed;top: 0;left: 0;right: 0;padding: 0;z-index:98;}	









/*-----------------------home slide-----------------------------*/

 #home-block2 .slideshow-container {
    position: relative;
    max-width: 100%;
    margin:20px auto;
    overflow: hidden;
}

#home-block2 .slides-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

#home-block2 .slide {
    flex: 1 0 50%; /* Two slides per view on large screens */
    opacity: 1;
    transition: transform 0.5s ease-in-out;
position:Relative; display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
	max-width: 900px;
  margin: 0 auto;
}

#home-block2 .slide img {
    width: 98%;
    height: auto;
}





/*full site*/
@media screen and (min-width: 56em) {
	
	#search-form-container{width:100%}
	
.previous_btn {    border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-right: 25px solid #00B3A0;}
.next_btn {  border-top: 30px solid transparent;  border-bottom: 30px solid transparent;  border-left: 25px solid #00B3A0;}	
	
	/*header*/
.headerdeart .radial-progress{top:15%;right:10%}	
	.site-header{background: none}
	.site-header>.wrap{display:flex;align-items: center;justify-content:center;height:150px}
	.header-widget-area{max-width:75%;width:100%;display:flex;align-items:center}
.whatscel{margin-left:1em}
	.headermail img{margin-top:5px}
	/*logo*/
	.title-area {margin:0;background:transparent;max-width:25%;}

	/*menu*/
	.mobmenu{display:none}
	.nav-primary { max-height: 100%;overflow:visible;position:relative }
	/*nav*/
	.nav-primary > ul{display:flex;flex-wrap:wrap;align-items: center;justify-content:space-around; }
	.nav-primary .wrap{display:flex;justify-content:space-around;align-items:center;height:112px}
	.nav-primary .wrap>ul{display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;position:relative;z-index:10;background: none; }
	
	
	
	
	.nav-primary .wrap>ul>li{display:inline-block;padding:0.7em 0.5em;}
	
				
	
				.nav-primary li:hover > ul {display:block;}
			
			.nav-primary li ul li {	position:relative;}
			
			.nav-primary li ul li ul {right:-140px;	top:0px;}
	
	
	.mySlides .custom-html{left:0;right:0;bottom:25%;}
	.mySlides .custom-html p{  font-size: 50px;}
	
	.mySlides .custom-html h1{  font-size: 42px;}
	
	.mySlides .custom-html > img{max-width:100%}
	
	#topinfo > div{display:flex}
	
	
	
	
	
	#promos{flex-wrap:nowrap}
	#promos > div{ width:50%}
	
	
	
	#nosotros h2{font-size:45px}
	#textonosotros{width:570px;max-width:55%}
	#imagennosotros{max-width:45%}
	
	
	#nuestrosservicios h2{font-size:45px}
	
		.footer-widgets-2 .bootomfooterinfo {
    background: #252525;
    height: 65px;
    padding: 10px;
    box-sizing: border-box;
    color: #1A232A;
    font-size: 22px;
    font-weight: bold;
    /* Quitamos el text-align aquí, ya que el texto está en su propio div */
    display: flex;
    justify-content: center; /* Centra el contenido principal (el texto) */
    align-items: center;
    position: relative; /* Agregamos posición relativa al contenedor principal */
		flex-direction:row
  }

  /* Nuevo estilo para el logo de Geekmedia */


  /* Para el texto, asegúrate de que ocupe el ancho necesario */
  .footer-widgets-2 .bootomfooterinfo > div:first-child {
      flex-grow: 1; /* Esto asegura que el div del texto ocupe todo el espacio que pueda */
      text-align: center; /* Centra el texto dentro de su div */
  }

	
	
#featured-post-2 .entry {
        display: grid;
        /* Definimos dos columnas del 50% */
        grid-template-columns: 1fr 1fr;
        /* Definimos las áreas para controlar dónde cae cada cosa */
        grid-template-areas: 
            "foto titulo"
            "foto contenido";
        align-items: center;
    }

    /* Asignamos cada elemento a su área del Grid */
    #featured-post-2 .alignnone {
        grid-area: foto;
        height: 100%;
    }

    #featured-post-2 .entry-image {
        height: 100%;
        object-fit: cover;
    }

    #featured-post-2 .entry-header {
        grid-area: titulo;
        align-self: end; /* Empuja el título hacia abajo para que pegue con el texto */
        padding: 40px 60px 0 60px;
    }

    #featured-post-2 .entry-content {
        grid-area: contenido;
        align-self: start; /* Empuja el texto hacia arriba para que pegue con el título */
        padding: 10px 60px 40px 60px;
    }

    #featured-post-2 .entry-title {
        font-size: 32px;
        margin: 0;
    }
	
	
	
	
	
	
	#home-block2 .dots {
    text-align: center;
    padding: 10px 0;
}

#home-block2 .dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #D6D2C8;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

#home-block2 .dot.active {
    background-color: #627F91;
}

	
	
	
	
	
		
	@media screen and (min-width: 1920px) {	
	
	
	

	}

	
	
}


.radial-progress {
  float: left;
  margin: 25px;
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #d7d7d7;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask,
  .radial-progress .circle .fill,
  .radial-progress .circle .shadow {
    width: 85px;
    height: 85px;
  }
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
}
.radial-progress .circle .mask.reanimate,
.radial-progress .circle .fill.reanimate {
  transition: -webkit-transform 0s;
  transition: -ms-transform 0s;
  transition: transform 0s;
}
.radial-progress .circle .mask.reset,
.radial-progress .circle .fill.reset {
  -webkit-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}
.radial-progress .circle .mask {
  clip: rect(0px, 120px, 120px, 60px);
}
@media (max-width: 480px) {
  .radial-progress .circle .mask {
    clip: rect(0px, 85px, 85px, 42.5px);
  }
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #ed1f41;
}
@media (max-width: 480px) {
  .radial-progress .circle .mask .fill {
    clip: rect(0px, 42.5px, 85px, 0px);
  }
}
.radial-progress .inset {
  width: 100px !important;
  height: 100px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px !important;
  background-color: #fbfbfb;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
	display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
  .radial-progress .inset {
    width: 66px !important;
    height: 66px !important;
    margin: -33px 0 0 -33px !important;
    line-height: 90px;
  }
}
.radial-progress .little {
  font-size: 22px;
  color: #d7d7d7;
}
@media (max-width: 480px) {
  .radial-progress .little {
    font-size: 12px;
  }
}
.radial-progress .big {
  font-size: 37px;
}
@media (max-width: 480px) {
  .radial-progress .big {
    font-size: 27px;
  }
}

.radial-progress{position:absolute}


/*animaciones*/



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}