section.gris, footer.gris{
	background: #f1f1f1;
}

.lang-select-test {
    position: relative; 
}

.lang-select-container {
    position: relative;
    display: inline-block;
}

.lang-select-trigger {
    display: flex;
    align-items: center;
    gap: 8px;  
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lang-select-trigger:hover {
    border-color: #999;
}

.lang-current {
    font-size: 16px;
    color: #333;
}

.lang-select-arrow {
    width: 13px;
    height: 7px;
    background: url("data:image/svg+xml;utf8,<svg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L6.5 6L12 1' stroke='black'/></svg>") no-repeat left 50%;
    transition: transform 0.3s ease;
}

/* Estilos del menú desplegable */
.lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 15px;
    width: 100%;
    min-width: 50px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 1px;
    margin-top: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    text-align: center;
}

.gbcn-header.corporate2 .lang-current{ color: #FFF; }
.gbcn-header.corporate2  .lang-select-arrow {
	
    background: url("data:image/svg+xml;utf8,<svg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 1L6.5 6L12 1' stroke='white'/></svg>") no-repeat left 50%;
}

.lang-select-container:hover .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-select-container:hover .lang-select-arrow {
    transform: rotate(180deg);
}

.lang-option {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
}

.lang-option:hover {
    background: #f5f5f5;
}

.lang-option.active {
    background: #f0f0f0;
    font-weight: 500;
}

.gbcn-header .wrapper ul.top-menu .lang-dropdown a{ line-height: 30px; padding-top: 2px; color: #303030!important; }
.gbcn-header .wrapper ul.top-menu .lang-dropdown a.active:after{ display: none; }

.gbcn-header .wrapper ul.top-menu .lang-dropdown a:hover:after{ display: none; }

/* Estilo para dispositivos móviles */
@media (max-width: 768px) {
    .lang-select-test {
        margin: 10px 0;
    }
    
    .lang-select-container {
        width: 100%;
        max-width: 200px;
    }
}

/* gbcn-banner */


.gbcn-featured-real-state .wrapper .box .gallery .swiper .swiper-pagination{ bottom: auto; }

.gbcn-banner .top_texts{
	text-align: center;
	color: #FFF;
	background-color: #0D0D0D;
	padding: 10px;
}
.gbcn-banner .top_texts span{
	margin: 5px 15px;
	font-size: 0.8667rem;
	display: inline-block;
}

.gbcn-banner .wrapper .image img.logo_img{
	min-width: auto;
	min-height: auto;
	position: absolute;
	top: 30px;
	left: 50%;
	object-fit:none;
	transform: translateX(-50%);
	z-index: 2;
	width: auto;
}

.gbcn-banner .bottom_texts{
	text-align: center;
	color: #FFF;
	background-color: #0D0D0D;
	width: 460px;
	height: 230px;
	border-top-left-radius: 230px;
	border-top-right-radius: 230px;
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: -40px;
	max-width: 100%;
	
}
.gbcn-banner .bottom_texts p{ font-size: 0.9333rem; margin: 10px; margin-top: 80px; }
.gbcn-banner .bottom_texts h5{ font-size: 1.5rem; margin: 0px; font-family: var(--font-primary); }

.gbcn-banner .dark_block{
	background-color: #0d0d0d;
	color: #FFF;
	padding: 60px 0;
}
.gbcn-banner .dark_block .dark_block_wrapper{
    margin: 0 auto;
    padding: 0 18px;
    max-width: var(--wrapper-max-width);
}

.gbcn-banner .dark_block h2{
	margin: 0px;
	margin-bottom: 60px;
}

.gbcn-banner .dark_block .catacteristicas{ 
    display: grid;
    gap: 20px;
    /* Móvil: 1 columna */
        grid-template-columns: repeat(4, 1fr); }

.gbcn-banner .dark_block .catacteristicas .caracteristica{ border-top: 1px solid #FFF; padding-top: 30px; padding-bottom: 10px; text-align: center;  }
.gbcn-banner .dark_block .catacteristicas .caracteristica h6{ margin: 0px; font-family: var(--font-primary); }
.gbcn-banner .dark_block .catacteristicas .caracteristica p{ color: #707070; }
.gbcn-banner .dark_block .catacteristicas .caracteristica p.nota{ font-size: 0.86667rem; }
.gbcn-banner .dark_block .catacteristicas .caracteristica img{ width: auto; }

.gbcn-banner.fullwidth.layout2 .wrapper{ padding: 0px; }
.gbcn-banner.layout2 .wrapper{ min-height: 100px; }
.gbcn-banner.layout2 .wrapper .image{ position: relative; transform: none; left: auto; top: auto; }
.gbcn-banner.layout2 .wrapper .image img{ position: relative; min-height: auto; display: block; }
.gbcn-banner.layout2 .wrapper .image img.logo_img{ position: absolute; min-height: auto; display: block; }

.gbcn-banner .google_maps_link{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #FFF; 
	line-height: 54px;
}

.gbcn-banner .google_maps_link:hover{ text-decoration: none; opacity: 0.7; }
.gbcn-banner .google_maps_link svg{ float: left; margin-right: 10px; }

/* gbcn-featured-boxes */

.gbcn-featured-boxes,
.gbcn-featured-boxes.layout2{ overflow: hidden; }
.gbcn-featured-boxes.layout2 .featured-title h2{
	text-align: left;  
}

.gbcn-featured-boxes.layout2 .bottom_text p{
	font-size: 1.25rem;	
}

.gbcn-featured-boxes.layout2 .wrapper .box .image img{ height: 280px; }
.gbcn-featured-boxes.layout2  .wrapper .swiper .swiper-wrapper .swiper-slide{ height: 440px; min-height: 440px;  }

.gbcn-featured-boxes .button_wrapper{ text-align: center; margin-top: -60px; }
.gbcn-featured-boxes .button_wrapper a{ 
	background-color: #0D0D0D;
	color: #FFF;
	text-decoration: none;
	height: 48px;
	line-height: 44px;
	width: 500px;
	max-width: 90%;
	display: inline-block;
}
.gbcn-featured-boxes .button_wrapper a:hover{ background-color: #444444; }

/* gbcn-featured-real-state-project */

.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__header,
.gbcn-featured-real-state-project.layout2 .subtitle,
.gbcn-featured-real-state-project.layout2 .antetitle {
	padding:0px;
	margin-left: 0px;
}
.gbcn-featured-real-state-project.layout2{ margin-bottom: 30px; }
.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__header.has_subtitle{ padding: 0px; }
.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__info{ display: none; }
.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__box_2{ position: relative; }
.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__ui{ justify-content: space-between; position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); z-index: 2; top: auto; }
.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__gallery .swiper{ padding-bottom: 0px; }

.gbcn-featured-real-state-project.layout2 .swiper-button-next, .gbcn-featured-real-state-project.layout2 .swiper-button-prev{ border-color: #FFF; color: #FFF; }
.gbcn-featured-real-state-project.layout2 .swiper-pagination{ left: 50%; bottom: 20px; transform: translateX(-50%); }

.gbcn-featured-real-state-project .subtitle{ font-size: 1.333rem; margin-bottom: 30px; }

.gbcn-featured-real-state-project .catacteristicas{ 
    display: grid;
    gap: 20px;
    /* Móvil: 1 columna */
        grid-template-columns: repeat(4, 1fr); }

.gbcn-featured-real-state-project .catacteristicas .caracteristica{ border-bottom: 1px solid #303030; padding-top: 20px;  }
.gbcn-featured-real-state-project .catacteristicas .caracteristica h6{ margin: 0px; font-family: var(--font-primary); }
.gbcn-featured-real-state-project .catacteristicas .caracteristica p{}

.gbcn-featured-real-state-project.layout2 .gbcn-featured-real-state-project__gallery img{ max-height: 100%; }

/* gbcn-title-and-text */

.gbcn-title-and-text.left_align .wrapper .header-title,
.gbcn-title-and-text.left_align .wrapper .header-text{ margin-left: 0px;  }

.gbcn-title-and-text.left_align .wrapper h3.header-title{ font-size: 1rem; font-family: var(--font-primary); }
.gbcn-title-and-text.left_align .wrapper .header-text{ font-size: 1.333rem;  }


/* instagram */

.gbcn-contact-googlemaps.hide_logo1 .sb_instagram_header{ display: none; }


/* gbcn-form-with-text */

.gbcn-form-with-text.layout1{ padding-top: 30px; padding-bottom: 60px; }
.gbcn-form-with-text.layout1 .formulario__columna-0 .formulario__separador-o-texto{ display: none!important; }

.gbcn-form-with-text.layout1 .formulario__separador-o-texto{ font-size: 1.1rem; line-height: 150%; }
.gbcn-form-with-text.layout1 .formulario__separador-o-texto h3{ font-size: 1.8rem; margin-top: 30px; }

 

/* snd-columns */

.snd-columns {
    padding: 60px 0 40px 0;
}

.snd-columns.light { background: #FFF; }

.snd-columns .wrapper {
    display: grid;
    gap: 30px;
    /* Por defecto 1 columna para móvil */
    grid-template-columns: 1fr;
    margin: 0 auto;
    padding: 0 18px;
    max-width: var(--wrapper-max-width);
}

/* 2 columnas en desktop */
@media (min-width: 768px) {
    .snd-columns .wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 60px;
    }
    
    .snd-columns:not(.lado_right_text) .text_column {
        padding-right: 60px;
    }
    
    /* Si la imagen está a la izquierda, el padding va al otro lado */
    .snd-columns.lado_right_text .text_column {
        padding-left: 60px;
    }
}

/* Estilos de columnas */
.snd-columns .text_column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center; 
}

.snd-columns .text_column .pretitle {
    font-size: 0.9em;
    text-transform: uppercase;
    margin: 0;
}

.snd-columns .text_column .text {
	font-size: 1.25rem;
}

.snd-columns .text_column h2 {
    margin: 0;
}

/* Estilos de características */
.snd-columns .catacteristicas{ margin-top: 60px; }
.snd-columns .caracteristics_list {
    display: grid;
    gap: 20px; 
}

.snd-columns .caracteristica {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.snd-columns .caracteristica_imagen {
    width: auto;
    height: 40px; /* ajusta según necesites */
}

.snd-columns .caracteristica h6 {
    margin: 0;
	font-size: 1.05rem; 
	font-family: var(--font-primary);
}

.snd-columns .caracteristica p { font-size: 1.1rem; }

/* Imágenes */
.snd-columns .img_column img {
    width: 100%;
    height: auto;
    display: block;
}



/* Características en grid */
.snd-columns .caracteristics_grid {
    display: grid;
    gap: 20px; 
    grid-template-columns: 1fr; /* Una columna en móvil */
}

@media (min-width: 768px) {
    .snd-columns .caracteristics_grid {
        grid-template-columns: 1fr 1fr; /* Dos columnas en desktop */
    }
}

.snd-columns .caracteristics_grid .caracteristica {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alinear a la izquierda */
    gap: 10px;
}

/* Características en lista */
.snd-columns .caracteristics_list {
    display: flex;
    flex-direction: column;
    gap: 20px; 
}

.snd-columns .caracteristics_list .caracteristica {
    display: grid;
    grid-template-columns: auto 1fr; /* Imagen a la izquierda, contenido a la derecha */
    gap: 20px; 
}

.snd-columns .caracteristics_list .caracteristica_imagen {
    grid-row: span 2; /* La imagen ocupa el espacio de h6 y p */
}

.snd-columns .caracteristics_list .caracteristica h6,
.snd-columns .caracteristics_list .caracteristica p {
    margin: 0;
}

/* Mantener los estilos comunes */
.snd-columns .caracteristica_imagen {
    width: auto;
    height: 40px;
}

.snd-columns .caracteristica h6 {
    font-size: 1.25rem; 
    line-height: 1.5rem;
    font-family: var(--font-primary);
}

.snd-columns .caracteristica p {
    font-size: 1.1rem;
}


/* Efectos botones */
 
 .box-button {
  --border-angle: 0deg;
  --bg: hsl(190deg 20% 10%); 
  color: #0D0D0D!important;
  border-radius: 4px; 
  height: 48px;
  width: 500px;
  max-width: 90%;
  padding: 0 10px!important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  box-shadow: 0px 2px 4px hsl(0 0% 0% / 25%);
  animation: border-angle-rotate 2s infinite linear;
  border: 0.2rem solid transparent;
  position: relative;

  &.a {
    background: linear-gradient(white, white) padding-box,
      conic-gradient(
          from var(--border-angle),
          oklch(100% 100% 0deg),
          oklch(100% 100% 45deg),
          oklch(100% 100% 90deg),
          oklch(100% 100% 135deg),
          oklch(100% 100% 180deg),
          oklch(100% 100% 225deg),
          oklch(100% 100% 270deg),
          oklch(100% 100% 315deg),
          oklch(100% 100% 360deg)
        )
        border-box;
  }

  &.b {
    background: linear-gradient(white, white) padding-box,
      conic-gradient(
          from var(--border-angle),
          var(--bg) 50%,
        white
        )
        border-box;
    &:hover {
	    animation:none;
	    border-color: #000;
	}
  }

  &.c {
    border-radius: 100%;
    background: radial-gradient(circle, var(--bg) 60%, transparent 60%);

    &:before,
    &:after {
      content: "";
      display: block;
      position: absolute;
      inset: 4px;
      border-radius: 100%;
      animation: border-angle-rotate 4s infinite linear;
      z-index: -1;
    }

    &:before {
      inset: 0;
      background: repeating-conic-gradient(
          from var(--border-angle),
          var(--bg),
          var(--bg) 30deg,
          oklch(100% 50% 190deg) calc(360deg / 6)
        )
        border-box;
    }

    &:after {
      background: repeating-conic-gradient(
          from calc(var(--border-angle) * -1),
          oklch(100% 40% 50deg),
          black 60deg
        )
        border-box;
    }
  }
}

@keyframes border-angle-rotate {
  from { --border-angle: 0deg; }
  to { --border-angle: 360deg; }
}


/** boilerplate **/
body { 
}

@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}


/* Invertir orden en lado_right_text */
@media (min-width: 768px) {
    .snd-columns.lado_right_text .wrapper {
        grid-template-areas: "imagen texto";
    }
    
    .snd-columns.lado_right_text .text_column {
        grid-area: texto;
    }
    
    .snd-columns.lado_right_text .img_column {
        grid-area: imagen;
        padding: 0 12px;
    }
}

/* Ajustes adicionales para móvil */
@media (max-width: 767px) {
    .snd-columns {
        padding: 30px 0;
    }
    
    .snd-columns .wrapper {
        gap: 30px;
    }
    
    .snd-columns .caracteristics_list {
        gap: 15px;
    }
}



@media (min-width: 960px) {
    .gbcn-featured-real-state-project .subtitle,
    .gbcn-featured-real-state-project .antetitle {
        max-width: 659px;
        margin-left: 18.28%;
        padding: 88px 30px 88px 0;
    }
	.gbcn-banner .dark_block h2,
	.gbcn-title-and-text.left_align .wrapper .header-text{ width: 575px; max-width: 575px; }
	
	.snd-columns .text_column{
		max-width: 600px;
	}
	
}

@media (max-width: 991px){
	
	.gbcn-banner .bottom_texts{
	width: 360px;
	height: 180px;
	}
	.gbcn-banner .bottom_texts p{ font-size: 0.9333rem; margin: 10px; margin-top: 50px; }
	
	.gbcn-banner .dark_block .catacteristicas,
    .gbcn-featured-real-state-project .catacteristicas  {
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media (max-width: 600px){ 
	
	.gbcn-banner .dark_block .catacteristicas,
    .gbcn-featured-real-state-project .catacteristicas  {
    grid-template-columns: 1fr;
    }
    
    .gbcn-banner .dark_block .catacteristicas .caracteristica{ border-top: none; }
    .gbcn-banner .dark_block .catacteristicas{ border-top: 1px solid #FFF; padding-top: 20px; }
    
    .gbcn-banner.layout2 .wrapper{ min-height: auto; }
    
    .gbcn-banner .google_maps_link{ color: #0d0d0d; position: relative; bottom: auto; right: auto; display: inline-block; }
    .gbcn-banner .google_maps_link svg{ margin-right: 0px; }
	
}

.tabs_projects{
	.is_tab{ display: none; }
	.is_tab.current_tab{ display: block; }
	
	.gbcn-featured-real-state-project__box{ border-top:none; }
	
	.tabs_list_wrapper{
		display: flex;
		gap: 30px;
		margin-bottom: 32px;
		overflow: hidden; 
		padding-top: 30px;
		position: relative;
	}
	
	.tabs_list_wrapper:after{
		content: '';
		width: 100%;
		height: 1px;
		background-color: #000;
		position: absolute;
		top: 0; 
		left: 30px;
		max-width: calc(100% - 60px);
	}
	
	.title_tabs{ 
		min-width: 280px; 
		align-items: center;
		display: flex;
		padding: 0;
		margin: 0;
	}
	
	/* Tabs desktop */
	.tabs_list{ }
	.tabs_list a{
		color: var(--color-font);
		border: 1px solid var(--color-font);
		display: inline-block;
		padding: 5px 10px;
		text-decoration: none;
		float: left;
		margin: 0 10px 10px 0;
		transition: all 0.3s ease;
	}
	.tabs_list a.selected{
		color: #FFF;
		background-color: var(--color-font);
	}
	
	/* Dropdown mobile - oculto por defecto */
	.tabs_dropdown {
		display: none;
		position: relative;
	}
	
	.tabs_dropdown_toggle {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 12px 0px;
		background: #fff;
		/*border-bottom: 1px solid var(--color-font);*/
		border-radius: 0;
		cursor: pointer;
		font-size: 16px;
		color: var(--color-font);
		font-family: inherit;
		text-align: left;
	}
	
	.tabs_dropdown_toggle span{ font-size: 21px; }
	
	.tabs_dropdown_toggle svg {
		flex-shrink: 0;
		margin-left: 10px;
		transition: transform 0.3s ease;
	}
	
	.tabs_dropdown.active .tabs_dropdown_toggle svg {
		transform: rotate(180deg);
	}
	
	.tabs_dropdown_menu {
		display: none; 
		top: 100%;
		left: 0;
		right: 0;
		background: #fff; 
		border-top: none;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 100;
		max-height: 300px;
		overflow-y: auto;
	}
	
	.tabs_dropdown.active .tabs_dropdown_menu {
		display: block;
	}
	
	.tabs_dropdown_menu a {
		display: block;
		padding: 12px 16px;
		text-decoration: none;
		color: var(--color-font);
		transition: all 0.2s;
		border: none;
		margin: 0;
		float: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	.tabs_dropdown_menu a:last-child {
		border-bottom: none;
	}
	
	.tabs_dropdown_menu a:hover {
		background: rgba(0, 0, 0, 0.02);
	}
	
	.tabs_dropdown_menu a.selected {
		background: var(--color-font);
		color: #FFF;
		font-weight: 600;
	}
}

@media (max-width: 991px){
	.tabs_projects{
		.title_tabs{ margin: 10px 0; }
		.tabs_list_wrapper{ display: block; }
	}
}

@media (max-width: 767px){
	.tabs_projects{
		/* Ocultar tabs horizontales */
		.tabs_list {
			display: none;
		}
		
		.tabs_list_wrapper{ margin-bottom: 0px; }
		
		.tabs_list_wrapper:after{ 
			max-width: calc(100% - 40px);
			left: 20px;
		}
		
		/* Mostrar dropdown */
		.tabs_dropdown {
			display: block;
			margin-bottom: 0px;
		}
	}
}

h3.gbcn-featured-real-state-project__title a{ color: inherit; font-size: inherit; text-decoration: none; }
h3.gbcn-featured-real-state-project__title a:hover{ text-decoration: underline; }