/*
Theme Name: Windup Business Theme
Theme URI: https://windup.es/
Template: hello-elementor
Author: Windup Business
Author URI: https://windup.es/
Description: Tema hijo de Hello desarrollado por Windup Business. Tema optimizado para trabajar con Elementor page builder.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.4.1.1638184772
Updated: 2022-06-06 11:11:11

*/

html {
  scroll-behavior: smooth;
}

/* Ocultar etiqueta reCaptcha */
.grecaptcha-badge {
    visibility: hidden !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img{
	visibility: hidden;
}

.page-id-28014 .cky-btn-revisit-wrapper .cky-btn-revisit img,
.page-id-28019 .cky-btn-revisit-wrapper .cky-btn-revisit img,
.page-id-28024 .cky-btn-revisit-wrapper .cky-btn-revisit img,
.page-id-28683 .cky-btn-revisit-wrapper .cky-btn-revisit img,
.page-id-28689 .cky-btn-revisit-wrapper .cky-btn-revisit img,
.page-id-28695 .cky-btn-revisit-wrapper .cky-btn-revisit img{
    visibility: visible !important;
}

/* CAMBIAR UBICACIÓN H1 EN POST NUEVA WEB */
.post-35223 .elementor-widget-container h1,
.post-35238 .elementor-widget-container h1{
    font-size: 80px;
    font-weight: 300;
    color: #000;
	margin-bottom: 45px;
}
.post-35223 .elementor-widget-theme-post-content,
.post-35238 .elementor-widget-theme-post-content {
    margin-top: -50px;
}
.post-35223  h1.elementor-heading-title.elementor-size-default,
.post-35238  h1.elementor-heading-title.elementor-size-default{
    visibility: hidden;
}
@media (max-device-width: 480px) {
	.post-35223 .elementor-widget-container h1,
	.post-35238 .elementor-widget-container h1{
		font-size: 36px;
	}
}	


/* FONTS */
.the_seasons,
.the_seasons h1,
.the_seasons h2,
.the_seasons h2 a,
.the_seasons h3{
	font-family: "the-seasons", sans-serif !important;
}

.the_seasons h2{
  line-height: 0.91em;
}


.elementor-location-single.post .elementor-widget-theme-post-content h2 {
    font-size: 2.5rem;
    font-weight: 500;
}
@media (max-device-width: 480px) {
	.elementor-location-single.post .elementor-widget-theme-post-content h2 {
		font-size: 2rem;
	}
}

/* MENÚ POP-UP */
/* Close Pop-Up Icon */
.icon_close_popup a svg{
    opacity: 0.9;
}

.icon_close_popup a:hover svg{
    transition: opacity .4s;
    opacity: 1;
}

/* Fullscreen menu */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    box-sizing: border-box;
    font-family: "Lato", sans-serif;
    color: #ffffff;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.menu .item {
    position: relative;
    margin: 10px 0;
    transition: transform 0.65s ease;
    opacity: 0.4;
}

.menu .item > a {
    text-decoration: none;
    color: #ffffff;
    font-size: 3.75rem;
    line-height: 3.65rem;
    display: inline-block;
    padding: 10px 20px;
    transition: background-color 0.3s ease, color 0.3s ease;
    animation: fadeInRight 1.5s ease-in-out;
}

@keyframes fadeInRight {
  from {
    opacity: 0.4;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

.menu .item:hover,
.menu .item:active {
    color: #fff;
    border-radius: 5px;
    transition: opacity 0.4s;
    opacity: 1;
}

.menu .item > a:hover,
.menu .item > a:active {
    color: #fff;
    border-radius: 5px;
    transition: opacity .4s;
    opacity: 1;
}

/* Submenu styles */
.menu .item ul {
    display: none;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #000000;
    width: 800px;
}

.menu .has-submenu:hover ul {
    display: flex; 
    justify-content: center;
    align-items: center;
}

.menu .has-submenu:hover + .item {
    transform: translateY(25px);
}

.menu .sub-item {
    margin: 0 5px;
}

.menu .sub-item:not(:last-child)::after {
    content: "|";
    margin-left: 5px;
    color: #ffffff;
}

.menu .sub-item a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25rem;
    padding: 5px 10px;
    opacity: 0.4;
    transition: font-style 0.5s ease, color 0.5s ease;
}

.menu .sub-item a:hover,
.menu .sub-item a:active {
    color: #ffffff;
    border-radius: 3px;
    transition: opacity .4s;
    opacity: 1;
}

/* Contenedor de redes sociales */
.social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 40px; 
    margin-bottom: 20px; 
    padding: 0;
    background-color: #000;
}

.social-links a {
    text-decoration: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0.4;
}

.social-links a:hover,
.social-links a:active{
    transition: opacity .4s;
    opacity: 1;
}

.social-links svg {
    width: 2rem;
    height: 2rem;
    padding: 5px;
    fill: #ffffff;
    transition: fill 0.5s ease;
}

.social-links a:hover svg {
    fill: #ffffff;
}

@media screen and (min-width: 1025px) and (max-width: 1550px) {   
    .menu .item > a {
        font-size: 2.75rem;
        line-height: 1.8rem;
    }
    .menu .sub-item a {
        font-size: 0.9rem;
    }
    .menu .has-submenu:hover + .item {
        transform: translateY(10px);
    }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {   
    .menu .item > a {
        font-size: 2.5rem;
        line-height: 2rem;
    }
}

@media screen and (max-width: 786px) {
    .menu {
        height: 70vh;
    }    
    
    .menu .item {
        margin: 20px 0;
    }

    .menu .item ul {
        display: flex !important;
        justify-content: center;
        position: static;
        width: 100%;
        background-color: transparent; 
        transform: none;
        padding: 0;
        margin: -10px 0px 0px 0px;
    }

    .menu .sub-item {
        margin: 0px 10px 0px 0px;
    }

    .menu .sub-item a {
        font-size: 0.75rem;
        opacity: 1;
        padding: 0px 5px 0px 0px ;
        transition: font-style 0.5s ease, color 0.5s ease;
    }
    
    .menu .item > a {
        font-size: 1.9rem;
        line-height: 1.6rem;
    }
    
    .menu .has-submenu:hover + .item {
        transform: translateY(15px);
    }
    
    .social-links svg {
        width: 1.5rem;
        height: 1.5rem;
        padding: 5px;
        fill: #ffffff;
        transition: fill 0.5s ease;
    }
}

/* Reset enlaces */
.texto_blanco a{
	color:#ffffff;
}

.texto_negro a{
	color:#000000;
}

/* THE 15 SECTION */
.the_15 p,
.the_15 h2.elementor-heading-title{
    color: #fff;
}
.the_15 img {
    max-height: 525px;
}

/* Reset iconos */
.elementor-icon-wrapper{
    line-height: 0px;
}

/* CSS Home */
span.text_modifiy_head{
	font-family: "the-seasons", sans-serif !important;
	line-height: 1em;
	font-weight: 700;
}

span.text_modifiy_to_lato{
	font-family: "Lato", Sans-serif;
	font-weight: 300;
}

.text_title_split h2 .line{
	padding-top: 0;
}

/* CSS Preloader HERO */
/* Overlay fullscreen del preloader */
#preloader {
  position: fixed;
  inset: 0;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  pointer-events: none;
}

/* Contenedor general del preloader */
.preloader-content {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Mitades exactas a cada lado del centro */
.split {
  position: absolute;
  top: 0; bottom: 0;
  background: #000;            
  display: flex;
  align-items: center;         
  will-change: transform, opacity;
  pointer-events: none;
  z-index: 100000;
  overflow: hidden;
}

/* Izquierda: ocupa izquierda→centro; empuja imagen hacia el centro */
.split--left  {
  left: 0; right: 50vw;
  justify-content: flex-end;
  padding-inline-end: clamp(0px, 2.5vw, 0px);
  text-align: right;
}

/* Derecha: ocupa centro→derecha; empuja imagen hacia el centro */
.split--right {
  left: 50vw; right: 0;
  justify-content: flex-start;
  padding-inline-start: clamp(0px, 2.5vw, 0px);
  text-align: left;
}

/* Tamaño del logo partido (responsive) */
.split__img {
  max-height: clamp(40px, 14vw, 125px);
  height: auto;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(0,0,0,.25));
}

/* Costura central con un ligero glow (desaparece durante la apertura) */
.split-seam {
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.85);
  z-index: 100050;
  pointer-events: none;
  opacity: 0;
}

.split-seam::before {
  content: "";
  position: absolute;
  left: -10px; right: -10px; top: 0; bottom: 0;
  background: radial-gradient(closest-side, rgba(255,255,255,0.22), transparent 70%);
  opacity: 0.6;
}

#hero-video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.hero-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  justify-content: center; align-items: center;
  text-align: center; z-index: 5; pointer-events: none;
}

.hero-overlay h1.hero-title {
	font-size: clamp(42px, 6vw, 88px);
    font-family: "Lato", Sans-serif;
    font-weight: 300; color: #fff; line-height: 1.2;
	margin: 0; opacity: 0; transform: translateY(90px);
	padding-inline: 1rem;
}

/* Link centrado abajo, clicable y con animación vertical */
.scroll-indicator{
  position: absolute;
  left: 50%;
  bottom: calc(40px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 5;
  text-decoration: none;
  display: inline-block;
  pointer-events: auto;
  animation: arrow-bob 3s ease-in-out infinite;
}

/* La imagen solo rota; no la animes para evitar diagonales */
.scroll-arrow{
  width: clamp(24px, 6vw, 40px);
  height: auto;
  display: block;
  transform: rotate(135deg);
}

/* Movimiento estrictamente vertical (mantén el translateX del centrado) */
@keyframes arrow-bob {
  0%   { transform: translateX(-50%) translateY(0);   }
  50%  { transform: translateX(-50%) translateY(28px);}
  100% { transform: translateX(-50%) translateY(0);   }
}

/* Respeta usuarios que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce){
  .scroll-indicator{ animation: none; }
}

/* Bloquea scroll durante el preload */
html.preloading, body.preloading { overflow: hidden; }

/* -- */

/* -- */

/* CSS Grow Shrink Home */ 
.shrink-grow-section {
  position: relative;
  transform-origin: bottom center;
}

.shrink-grow-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* CSS Title reveal H2 */ 
.line {
	overflow: hidden;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* CSS Cards ARK News */
.item_text_opacitiy,
.item_text_opacitiy_re
.item_text_opacitiy_news{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;	
	flex: 1;
}

.item_text_opacitiy img,
.item_text_opacitiy_re img,
.item_text_opacitiy_news img{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s ease-out;
}

.item_text_opacitiy span.jet-listing-dynamic-terms__link,
.item_text_opacitiy h3,
.item_text_opacitiy p{
	opacity:0;
	transform: translateY(-140px);
	margin: 0 25px;
	transition: all 0.9s ease-out;
}

.item_text_opacitiy_re h3,
.item_text_opacitiy_re p{
    opacity: 0;
    transform: translateY(-60px);
    margin: 0 25px;
    transition: all 0.9s ease-out;
}

.item_text_opacitiy_news span.jet-listing-dynamic-terms__link{
	opacity: 0 !important;
    transition: all 0.9s ease-out;
}

.item_text_opacitiy_news:hover span.jet-listing-dynamic-terms__link{
	opacity: 1 !important;
    transform: translateY(60px);
    z-index: 9;
    position: relative;
}

.item_text_opacitiy_news p {
	opacity: 0;
    transition: all 0.9s ease-out;
}

.item_text_opacitiy_news:hover p {
	opacity: 1;
    transform: translateY(-100px);
    transition: all 0.9s ease-out;
}

.item_text_opacitiy:hover img,
.item_text_opacitiy_re:hover img,
.item_text_opacitiy_news:hover img{
	opacity:0.55 !important;
	transition: all 0.9s ease-out;
}

.item_text_opacitiy:hover span.jet-listing-dynamic-terms__link,
.item_text_opacitiy:hover h3,
.item_text_opacitiy:hover p{
	opacity:1;
	/*transform: translateY(-135px);*/
	transform: translateY(-180px);
	transition: all 0.9s ease-out;
	color: #fff;
}


.item_text_opacitiy_re:hover h3, 
.item_text_opacitiy_re:hover p {
    opacity: 1;
    transform: translateY(-100px);
    transition: all 0.9s ease-out;
}

@media (min-width: 1441px) and (max-width: 1550px){
	
	.elementor-20637 .item_text_opacitiy_news .elementor-element-c7e79e7 .elementor-widget-container {
		margin: 0px 25px 0px 25px !important;
	}
	.elementor-20637 .item_text_opacitiy_news p.elementor-heading-title{	
	    font-size: 1.35rem !important;
	}	
	.item_text_opacitiy_news:hover p {
		opacity: 1;
		transform: translateY(-135px);
		transition: all 0.9s ease-out;
	}
	.item_text_opacitiy_news:hover span.jet-listing-dynamic-terms__link{
		opacity: 1 !important;
		transform: translateY(100px);
	}
}

@media (min-width: 1367px) and (max-width: 1440px){
	
	.item_text_opacitiy span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy h3,
	.item_text_opacitiy p{
		transform: translateY(-80px);
	}
	.item_text_opacitiy:hover span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy:hover h3,
	.item_text_opacitiy:hover p{
		transform: translateY(-125px);
	}
	.item_text_opacitiy_news:hover p {
		opacity: 1;
		transform: translateY(-80px);
		transition: all 0.9s ease-out;
	}
	.item_text_opacitiy_news:hover span.jet-listing-dynamic-terms__link{
		opacity: 1 !important;
		transform: translateY(60px);
		z-index: 9;
		position: relative;
	}
}

@media (min-width: 1251px) and (max-width: 1366px){

	.item_text_opacitiy span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy h3,
	.item_text_opacitiy p{
		transform: translateY(-55px);
	}
	
	.item_text_opacitiy:hover span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy:hover h3,
	.item_text_opacitiy:hover p{
		transform: translateY(-130px);
	}
	.item_text_opacitiy_news:hover p {
		opacity: 1;
		transform: translateY(-100px);
		transition: all 0.9s ease-out;
	}
	.item_text_opacitiy_news:hover span.jet-listing-dynamic-terms__link{
		opacity: 1 !important;
		transform: translateY(60px);
		z-index: 9;
		position: relative;
	}
}

@media (min-width: 1024px) and (max-width: 1250px){

	.item_text_opacitiy span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy h3,
	.item_text_opacitiy p{
		transform: translateY(-55px);
	}
	.item_text_opacitiy:hover span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy:hover h3,
	.item_text_opacitiy:hover p{
		transform: translateY(-130px);
	}
	.item_text_opacitiy_news:hover p {
		opacity: 1;
		transform: translateY(-100px);
		transition: all 0.9s ease-out;
	}
	.item_text_opacitiy_news:hover span.jet-listing-dynamic-terms__link{
		opacity: 1 !important;
		transform: translateY(60px);
		z-index: 9;
		position: relative;
	}
}


/* Text reveal in Projects */
.projects .item_text_opacitiy span.jet-listing-dynamic-terms__link,
.projects .item_text_opacitiy h3,
.projects .item_text_opacitiy p{
	opacity:0;
	transform: translateY(-25px);
	margin: 0 25px;
	transition: all 0.9s ease-out;
}

.projects .item_text_opacitiy:hover img{
	opacity:0.9;
	transition: all 0.9s ease-out;
}

.projects .item_text_opacitiy:hover span.jet-listing-dynamic-terms__link,
.projects .item_text_opacitiy:hover h3,
.projects .item_text_opacitiy:hover p{
	opacity:1;
	transform: translateY(-50px);
	transition: all 0.9s ease-out;
}

@media (min-device-width: 481px) and (max-device-width: 768px){
	.elementor-element.item_text_opacitiy {
		height: 420px;
	}
	.item_text_opacitiy span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy h3, 
	.item_text_opacitiy p {
		opacity: 1;
		transform: translateY(-135px);
	}
}

@media (max-device-width: 480px) {
	.elementor-element.item_text_opacitiy {
		height: 400px;
	}
	.item_text_opacitiy span.jet-listing-dynamic-terms__link,
	.item_text_opacitiy h3, 
	.item_text_opacitiy p {
		opacity: 1;
		transform: translateY(-110px);
	}
}

.elementor-19567.projects{
    margin-top: 0px;
}

/* Main container styles */
#listing_projects .text_reveal_proj {
    position: relative;
    display: flex; 
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex: 1;
}

/* Ensure the image fills its container and doesn't affect layout */
/* Make sure the <a> tag around the img also doesn't mess with positioning/sizing */
#listing_projects .text_reveal_proj .elementor-widget-image,
#listing_projects .text_reveal_proj .elementor-widget-image img {
    display: block;
    width: 100%;
    /*height: 65vh;*/
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Style for the new text wrapper */
#listing_projects .text-overlay-wrapper {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    pointer-events: none;
}

/* Apply pointer-events: auto to the direct children for interaction */
#listing_projects .text-overlay-wrapper > div {
    pointer-events: auto;
}
#listing_projects .text-overlay-wrapper h3 a,
#listing_projects .text-overlay-wrapper p a {
    pointer-events: auto;
}


/* Existing text reveal and hide effects */
#listing_projects .text_reveal_proj span.jet-listing-dynamic-terms__link,
#listing_projects .text_reveal_proj h3,
#listing_projects .text_reveal_proj p {
    opacity: 0;
    transform: translateY(130px);
    margin: 0 30px;
    transition: all 0.9s ease-out;
    color: #fff;
}

#listing_projects .text_reveal_proj:hover span.jet-listing-dynamic-terms__link,
#listing_projects .text_reveal_proj:hover h3,
#listing_projects .text_reveal_proj:hover p {
    opacity: 1;
    transform: translateY(35px);
    transition: all 0.9s ease-out;
}

#listing_projects .text_reveal_proj .price p {
    transform: translateY(200px);
}

#listing_projects .text_reveal_proj:hover .price p {
    transform: translateY(100px);
}

/* Overlay effect */
#listing_projects .text_reveal_proj::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
	pointer-events: none;
}

#listing_projects .text_reveal_proj:hover::before {
    opacity: 1;
}

@media (max-width: 480px) {
	#listing_projects .text_reveal_proj h3, #listing_projects .text_reveal_proj p {
		opacity: 1;
		transform: translateY(35px);
	}
	#listing_projects .text_reveal_proj .price p {
		transform: translateY(100px);
	}
	#listing_projects .text_reveal_proj .elementor-widget-image,
	#listing_projects .text_reveal_proj .elementor-widget-image img {
		height: 50vh;
	}
	#listing_projects .text_reveal_proj::before {
		opacity: 0.55;
		height: 100%;
		top: 0px;
	}
	#listing_projects .text_reveal_proj:hover::before {
    	opacity: 0.40;
	}
}


/* Studio */
.elementor.elementor-35491.team_member.type-team_member.status-publish.hentry {
    max-width: 21.5vw;
}

@media (min-device-width: 481px) and (max-device-width: 768px){
	.elementor.elementor-35491.team_member.type-team_member.status-publish.hentry {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.elementor.elementor-35491.team_member.type-team_member.status-publish.hentry {
		max-width: 100%;
	}
}




/* Cards title reveal News */
.text-slide {
  position: absolute;
  bottom: 55px;
  left: 20px;
  color: white;
  padding: 1rem;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.4s ease-out;
  z-index: 2;
}

.team-card {
  position: absolute;
  bottom: 55px;
  left: 0px;
  color: white;
  padding: 1rem;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.4s ease-out;
  z-index: 2;
}

.box-content:hover .text-slide,
.box-content:hover .team-card{
  opacity: 1;
  transform: translateY(-70px);
}

.box-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  opacity: 0;
  transition: opacity 0.6s ease-out;
  z-index: 1;
}

.box-content:hover::after {
  opacity: 1;
}

.text-slide h3 {
  margin: 0;
  font-size: 42px;
  font-weight: 500;
}

.team-card h3 {
  margin: 0;
  font-size: 42px;
  font-weight: 500;
}

/* Cards Team */
.text-team {
	width: 100%;
	position: absolute;
	bottom: 75px;
	left: 0;
	color: white;
	padding: 0;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
	z-index: 2;
	text-align: center;
	margin: 0 auto;
}

.box-team:hover .text-team {
  opacity: 1;
  transform: translateY(-50px);
}

.box-team::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  opacity: 0;
  transition: opacity 0.6s ease-out;
  z-index: 1;
}

.box-team:hover::after {
  opacity: 1;
}

.text-team h3 {
    padding-bottom: 0px;
    margin: 0px;
	font-family: "the-seasons", sans-serif !important;
	font-weight: 700;
}

.text-team p {
    padding-bottom: 0px;
    margin: 0;
}

@media (max-width: 768px) {
	.box-team::after {
	  opacity: 1;
	}
	.box-team .text-team {
		opacity: 1;
    	transform: translateY(-40px);
	}
}


/* Añadir flecha para READ MORE u otros botones */
.more_news_arrow .e-filter-item, 
.more_news_arrow a.elementor-button-link span.elementor-button-text,
.more_news_arrow a svg,
a.more_news_arrow{
    position: relative;
    align-items: center;
    display: flex;
    cursor: pointer;
}

.more_news_arrow button.e-filter-item::after,
.more_news_arrow a.elementor-button-link span.elementor-button-text::after,
a.more_news_arrow button::after{
    content: url("https://ark-architects.com/wp-content/uploads/2025/07/flecha_22_bln.svg");
    margin-left: 20px;
    width: 20px;
    height: 20px;
    transition: transform 0.5s ease;
    display: inline-block; 
	transform-origin: center;
}

.more_news_arrow_bln a.elementor-button-link span.elementor-button-text::after,
.more_news_arrow_bln button.jet-ajax-search__submit::after{
	content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
    margin-left: 20px;
    width: 22px;
    height: 22px;
    transition: transform 0.5s ease;
    display: inline-block; 
	transform-origin: center;
}

.more_news_arrow_bln a.elementor-button-link:hover span.elementor-button-text::after{
	transform: rotateZ(180deg);
	content: url("https://ark-architects.com/wp-content/uploads/2025/07/flecha_22_bln.svg");
    width: 22px;
    height: 22px;
}

.more_news_arrow_bln button:hover.jet-ajax-search__submit::after {
    transform: rotateZ(180deg);
    content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
    width: 22px;
    height: 22px;
}

.more_news_arrow button {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    color: #ffffff;
    font-size: 1.3rem;
    border: 1px solid #ffffff;
	border-radius: 0px;
}
.more_news_arrow button:hover {
    background: #ffffff;
    color: #000000;
    border-radius: 0px;
}
.ubicaciones-proyectos li a:hover::after,
.more_news_arrow .e-filter-item:hover::after,
.more_news_arrow a.elementor-button-link:hover span.elementor-button-text::after,
.more_news_arrow a.elementor-icon:hover svg,
.more_news_arrow button:hover::after{
    transform: rotateZ(180deg);
	content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
}

.ubicaciones-proyectos li a::after{
    content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
    margin-left: 10px;
    transition: transform 0.5s ease;
    display: inline-block; 
	transform-origin: center;
	position: relative;
    top: 4px;
}

@media (max-width: 480px) {
	
	.more_news_arrow_bln a.elementor-button-link{	
		padding:10px 12px;
	}
	.more_news_arrow_bln a.elementor-button-link span.elementor-button-text::after{	
		content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_10_blk.svg");
		margin-left: 10px;
		width: 12px;
		height: 12px;
	}
}



.elementor-19850 .elementor-element.elementor-element-43c50609 .elementor-button[type="submit"]{
    background-color: #00000000;
    color: #FFFFFF;
    display: flex;
    gap: 15px;
}

button#btn_ppc,
button#btn_nlt,
button#more_,
button#sendform,
button#sendform_bln{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 15px;
	margin-top: 25px;
	z-index: 10;
}

button#btn_ppc::after,
button#btn_nlt::after,
button#more_::after,
button#sendform::after{
	content: url("https://ark-architects.com/wp-content/uploads/2025/07/flecha_22_bln.svg");
    transition: transform 0.6s ease;
    display: inline-block; 
	transform-origin: center;
}

button#sendform_bln::after{
	content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
    transition: transform 0.6s ease;
    display: inline-block; 
	transform-origin: center;
}	

button:hover#more_::after,
button:hover#btn_ppc::after,
button:hover#btn_nlt::after,
button:hover#sendform::after{
	transform: rotateZ(180deg);
	content: url("https://ark-architects.com/wp-content/uploads/2025/09/flecha_blk_sf.svg");
}

button:hover#sendform_bln::after{
	transform: rotateZ(180deg);
	content: url("https://ark-architects.com/wp-content/uploads/2025/07/flecha_22_bln.svg");
}	


/* CSS Form Contact y Newsletter */
#newsletterform input[type=text]::placeholder,
#newsletterform .elementor-field-textual,
#formcontactpage input[type=text]::placeholder,
#formcontactpage .elementor-field-textual,
#formcontactpopup input[type=text]::placeholder,
#formcontactpopup .elementor-field-textual,
#formcontactlanding input[type=text]::placeholder,
#formcontactlanding .elementor-field-textual{
    color: #fff !important;
	background-color: transparent;
    padding: 0 !important;
	margin-bottom: 30px;
	margin-top: -20px;
}

#newsletterform select#form-field-field_a28756b,
#formcontactpage select#form-field-field_a28756b,
#formcontactpopup select#form-field-field_a28756b,
#formcontactlanding select#form-field-field_a28756b{
    margin-top:10px;
    border: 1px solid #fff;
    padding-left: 10px !important;
}

#newsletterform .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option,
#formcontactpage .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option,
#formcontactpopup .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option,
#formcontactlanding .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option{
    display: flex;
    justify-content:start;
    align-items:center;
    gap:15px;
}

#newsletterform  .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option,
#formcontactpage .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option,
#formcontactpopup  .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option,
#formcontactlanding  .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{
    padding-inline-end: 10px;
    display: flex;
    align-items: initial;
    gap: 5px;
}

#newsletterform .elementor-field-subgroup,
#formcontactpage .elementor-field-subgroup,
#formcontactpopup .elementor-field-subgroup,
#formcontactlanding .elementor-field-subgroup{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 30px;
}

#newsletterform input:focus,
#formcontactpage input:focus,
#formcontactpopup input:focus,
#formcontactlanding input:focus{
	border: 1px solid #b6b6b6;
	padding: 5px 5px 5px 5px !important;
}

#formcontactpopup .elementor-form .elementor-message{
    font-size: 16px;
    margin-top: 20px;
}




/* REAL ESTATE */
/* Carga de iconos */
.swimming_pool::before{
    content: url('https://ark-architects.com/wp-content/uploads/2025/05/Pool_Amenities_Blk.svg');
    display: flex;
    justify-content: center;
}
.pool_house::before{
    content: url('https://ark-architects.com/wp-content/uploads/2025/05/Pool_Amenities_Blk.svg');
    display: flex;
    justify-content: center;
}

.galery_restate .jet-engine-gallery-slider__item-wrap img {
    height: 550px !important;
    object-fit: cover;
}

/* localizaciones */
.ubicaciones-proyectos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    list-style: none;
    gap: 20px;
}

.ubicaciones-proyectos li{
	padding: 0px 20px;
}

.ubicaciones-proyectos li a{
	font-size: 24px;
	font-family: "Lato";
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
}


/* CSS para carrousel de imagenes en proyectos individual */

/* Slider horizontal en villas */
.slick-track {
    max-height: 600px !important;
}

/* Establece la altura de los elementos dentro del slider */
.jet-engine-gallery-slider__item.slick-slide {
    height: 100%;
	max-height: 600px;
    object-fit: cover; 
}

/* Ajusta el tamaño de las imágenes activas (centradas) */
.slick-track .jet-engine-gallery-slider__item.slick-slide.slick-active {
    width: 65vw !important; /* La imagen activa ocupa el 65% del contenedor */
}

/* Ajusta el tamaño de las imágenes a la izquierda o a la derecha (no activas) */
.slick-track .jet-engine-gallery-slider__item.slick-slide.slick-center + .slick-slide,
.slick-track .jet-engine-gallery-slider__item.slick-slide.slick-center ~ .slick-slide {
    width: 35vw !important; /* Las imágenes a la izquierda/derecha ocupan el 35% */
}

/* Para una mayor responsividad, ajusta el tamaño en pantallas más pequeñas */
@media (max-width: 1024px) {
    .classes_carousel .slick-list {
        overflow: hidden !important; /* En móvil sí cortamos lo que sobra */
        height: 450px !important;
    }
	.slick-track .jet-engine-gallery-slider__item.slick-slide.slick-active{
		width: 100vw !important;
        height: 450px !important;
	}

    .classes_carousel .slick-slide {
        width: 100vw !important;
        height: 450px !important;
    }

    .classes_carousel .slick-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
}
/*
@media (max-width: 1024px) {
    .slick-track .jet-engine-gallery-slider__item.slick-slide.slick-active {
        width: 100% !important;
    }
    
    .slick-track .jet-engine-gallery-slider__item.slick-slide {
        width: 100% !important;
    }
}*/

.classes_carousel  button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
    display: none !important;
}

.classes_carousel .slick-slide img {
    display: block;
    margin: auto;
    width: 80vw !important;
    max-height: 650px;
    object-fit: cover;
}

.classes_carousel .jet-engine-gallery-slider .jet-engine-arrow.next-arrow {
    left: auto;
    right: -12px;
}

.jet-engine-gallery-slider__item.slick-slide.slick-active, 
.jet-engine-gallery-slider__item.slick-slide.slick-current, 
.jet-engine-gallery-slider__item.slick-slide.slick-cloned {
    height: 100%;
    max-height: 650px;
    object-fit: cover;
} */

/* FIN CARROUSEL */


/* Listado busqueda en Projects */
.elementor-19454 .elementor-element.elementor-element-ccfab79 .jet-search-title-fields {
    display: flex;
    gap: 30px;
    width: 100%;
}
.elementor-19454 .elementor-element.elementor-element-ccfab79 .jet-ajax-search__item-title {
    font-size: 16px;
}
.elementor-23916 .search_projects_results .projects .elementor-post__text {
    margin-top: -130px !important;
    padding: 0px 25px !important;
    z-index: 2;
    background: linear-gradient(0deg, #000, #00000000 85%);
}
.elementor-23916 .search_projects_results .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
    height: 100%;
    object-fit: cover;
}

/* Filtro de busqueda */
.jet-search-title-fields {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 40px;
}	

/* Footer */
.weight_hover ul li:hover a,
.weight_hover p:hover a{
	font-weight: 400 !important;
}


/* Textos Legales */
.elementor-element.textos_legales.elementor-widget.elementor-widget-text-editor h2{
    font-size: 30px;
    font-weight: 600;
}

.elementor-element.textos_legales.elementor-widget.elementor-widget-text-editor h3{
    font-size: 22px;
    font-weight: 600;
}

.elementor-element.textos_legales.elementor-widget.elementor-widget-text-editor h4{
    font-size: 20px;
    font-weight: 400;
}