/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');

body { font-weight: 300; font-family: "Sora", sans-serif; font-optical-sizing: auto; font-style: normal; overflow-x:hidden;}
.playfair {  font-family: "Playfair Display", serif;}
.sora {  font-family: "Sora", sans-serif;}
.nothing {    font-family: "Nothing You Could Do", cursive;}
.fw-300 {font-weight:300}
.fw-400 {font-weight:400}
.fw-500 {font-weight:500}
.fw-600 {font-weight:600}

.fw-bold {font-weight:700}
.fw-black{font-weight:800}
.fs-spq {font-size:0.6rem;}
.fs-pq {font-size:0.7rem;}
.fs-mini {font-size:0.8rem; letter-spacing:0.1em;}
.fs-mini-sl {font-size:0.8rem; }
.fs-little {font-size:0.9rem}
.fs-featweb {font-size:0.8rem}
.fs-featweb5 {font-size:0.8rem}
.fs-normal {font-size:1.1rem;}
.fs-medium {font-size:1.2rem;}
.fs-pq-m {font-size:1rem;}
.fs-ficha-iconos{font-size:0.8rem}
.fs-gigantic {font-size:60px; line-height:72px;}
.fs-gigantic-home {font-size:60px; line-height:72px;}
.fs-comilla {font-size:38px; line-height:42px;}

.fs-6 {font-size:0.07em;}
strong {font-weight:700}
.lh-p {line-height:28px}
.lh-banner {line-height:2em !important}

.banner-inferior-flotante  {width:600px; height:150px;}
.banner-inferior-flotante p {font-size:font-size:0.9rem; line-height:1.1rem}
.banner-inferior-flotante-close {font-size:font-size:0.9rem; line-height:1.1rem}
.lh-h2 {line-height:1.6em}
.lh-h3 {line-height:1.4em}
.lh-h4 {line-height:1.2em}

h1 {font-family: "Playfair Display", serif;}

h2 {font-family: "Playfair Display", serif;}

/* rb cambios lista */

.titular-lista a {font-weight:600 !important}


/* COLORES */
a { transition: all 0.5s ease;color:#FC7D2E; text-decoration:none;   overflow-wrap: anywhere;}
.text-primary {color:#2F3D47  !important}
.color-menu {color:#2F3D47}
.text-secondary {color:#FC7D2E !important}
.text-gris-promo {color:#999999  !important}
.text-gris-peu {    color: #666666 !important;}
.text-white-50 {color:rgba(255, 255, 255, .8) !important;}
.bg-light {background-color:#f2f2f2  !important}
.bg-claro {background-color:#f7f7f7  !important}
.bg-primary {background-color:#2F3D47  !important}
.bg-whatsapp {    background-color: #0DC142 !important;}
.bg-whatsapp:hover {  color:#fff !important; background-color: #2F3D47 !important;}

.btn-primary {background-color:#2F3D47  !important}
.btn-secondary {    background-color: #FC7D2E !important;}

.bg-grey {background-color:#999999  !important}
.bg-blue-dark {background-color:#292f42 !important}
button.bg-primary:hover {background-color:#FC7D2E !important; color:#fff !important}
button a.bg-primary {color:#fff !important}
button a.bg-primary:hover {color:#fff !important}
.boton-newsletter a.bg-primary:hover {color:#fff !important}
a.bg-primary:hover {background-color:#FC7D2E !important; color:#fff !important}
.bg-secondary {background-color:#FC7D2E !important}
a:hover {color:#FC7D2E !important;}
a.bg-secondary:hover {background-color:#2F3D47 !important; color:#ffffff !important;}
:root {  --bs-secondary: #FC7D2E;}
.border-grey {border-color:#FC7D2E !important;}
.border-oscuro {border-color:#444444 !important;}
.border-primary {border-color:#2F3D47 !important;}
.negro-opacity{background-color:rgba(0,0,0,0.4)}
.inline-a-tope {width:auto}

.auto-a-cien {width:auto}


/* HOME */
.formulario-home-imput{min-width:300px}
a.hover-white:hover {color:#ffffff !important}

/*GENERALES*/

.back-to-top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  display: none;
  z-index: 10;
  padding: 6px 12px;
}






p {line-height:28px}
h1,h2 {font-weight:700}
h2 {margin-bottom: 1.5rem; padding-bottom:0px}
h3 {font-weight:300; font-size:1.25rem;  line-height:1.6rem;  padding-bottom: 1.5rem !important;}
ul li {margin-bottom:8px}
ol li {margin-bottom:8px}
ol ul li {    list-style-type: disc !important;}
footer ul li {margin-bottom:0px}
header ul li {margin-bottom:0px}
.offcanvas ul li {margin-bottom:0px}
.categorias-blog li {margin-bottom:0px}
.pointer-events-none {pointer-events:none;}
.bubble {    bottom: 70px;}
.absolute-a-relative {position:absolute}
.absolute-a-relativeh {position:absolute}
.sticky { position: sticky; top:115px}
#carrusel-home-lujo .carousel-item {height:100vh}

select {
  border-radius: 0 !important;cursor:pointer}
}

select option {
  border-radius: 0 !important;
}
.mitad-a-entero {width:50%}
.responsive-height { height: 100vh;}
.vh-70 { height: 75vh;}
.container-full {width:100%; max-width:100%}
.container-mid {width:900px; }
.cover {background-size:cover !important; }
.bg-center {background-position:center center !important; }
.bg-top-center {background-position:top center !important; }
.bg-no-repeat {background-repeat:no-repeat}
.auto-full-w {  width: auto;}
.cabecera-background {    height: calc(100vh - 135px);
    position: relative;
    display: flex;
    align-items: center;

}

.orange {color:#d93025}
.blanc {color:#000000}

.cabecera-background-delimitado {    height: calc(100vh - 135px);
    position: relative;
    display: flex;
    align-items: center;

}

.background-delimitado {    height: calc(75vh - 135px);
    position: relative;
    display: flex;
    align-items: center;

}

.background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.background-overlay-oscuro { opacity: 0.1;}

.cabecera-background .container {
    position: relative;
    z-index: 1;
}

.cabecera-background-delimitado .container {
    position: relative;
    z-index: 1;
}

.cabecera-background h1 {font-size:60px; line-height:72px;}
.cabecera-background-delimitado h1 {font-size:60px; line-height:72px;}
.cabecera h1 {font-size:60px; line-height:72px;}
.seccion-cabecera h1 {font-size:60px; line-height:72px; margin-bottom:20px}
.seccion-cabecera h2 { font-size: 1.25rem !important; font-weight:500}
.seccion-cabecera a:hover{  color:#ffffff !important}
p.cabecera {line-height: 1.6em;font-weight:300; padding-bottom: .5rem !important;font-size: 1.25rem !important; }
h2.cabecera {line-height: 1.6em;font-weight:300; padding-bottom: .5rem !important;font-size: 1.25rem !important; }

.bk-imagen {    height: 100%;    width: 50vw;}
.hr-custom { width: 80px; height: 3px; background-color: #FC7D2E; border: none; margin-left: 0;opacity:1; }
.vertical-absolute {top:50%;transform: translateY(-50%) }
.horizontal-absolute {left:50%;transform: translateX(-50%) }
.elquote{margin-top:-20px}
 .about-bg-shape{ position: absolute; top:0%; left: 0%; bottom: 0px;  z-index: -1;  width: 75vw; background-color: #f8f8f8;width: 60vw;}
.container-full  {width:100%}
.container-mini  {width:980px}
.cursor-pointer{cursor:pointer}
.bg-cover-container {   position: relative;z-index: 1;}.bg-cover-container::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);z-index: -1; }
.flag img {width:18px}
.flag:hover {background-color:#f8f9fa}
.textocol-adaptado{padding-right:295px;}
.gradiente-izquierda {background: linear-gradient(to right, #f2f2f2 44%, transparent 44%);}
 .custom-lg-auto {        width: auto !important;    }
.scroll-flecha { display: inline-block; animation: bounce 1.5s infinite; text-decoration: none; transition: transform 0.2s ease-in-out;}
.scroll-flecha:hover {transform: scale(1.2); }
.numero-circulo { width: 60px;height: 60px;}

.item-horizontal{height:380px;}
.popular-hover {background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 90%);}
.popular-hover:hover {background: linear-gradient(to top, rgba(255,255,255, 0.1), rgba(0, 0, 0, 0) 90%);}
.padding-interior-superior {padding-top:135px}

.custom-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.arrow-icon {
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.3s ease;
}

.custom-card:hover .arrow-icon {
  opacity: 1;
  transform: translateX(0);
}

.titulo-con-punto {
  display: flex;
  align-items: center;
}

.titulo-con-punto::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #FC7D2E; /* el color del punto */
  display: inline-block;
  margin-right: 0.9rem;
}

/* medidas vídeos publicados en el servidor */
.video-instagram-vertical {
    width: 100%;

    aspect-ratio: 9 / 16;
    object-fit: cover; 
}

/* Línea central */
.timeline{
  position: relative;
  counter-reset: step; /* contador para los números */
}

.timeline::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:3px;
  background:#ccc;
  left:25px;
  border-radius:10px;
  z-index:1;
}
@media (min-width:768px){
  .timeline::before{
    left:50%;
    transform:translateX(-50%);
  }
}

/* BULLET CON NÚMERO */
.timeline-item{
  position:relative;
  counter-increment: step; /* incrementa el número */
}

.timeline-item::after{
  content: counter(step); /* aquí aparece el número */
  position:absolute;
  top:50%;
  left:25px; /* móvil */
  width:32px;
  height:32px;
  background:#FC7D2E ;
  
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center; /* centra el número */
  font-size:14px;
  font-weight:600;
  transform:translate(-50%, -50%);
  z-index:2;
}

@media (min-width:768px){
  .timeline-item::after{
    left:50%;
  }
}

/* Caja */
:root{
  --card-bg:#fff;
  --card-br:#e9ecef;
  --card-r:14px;
  --card-shadow:0 6px 20px rgba(0,0,0,.06);
  --title:#0f172a;
  --text:#475569;
}

.tl-box{
  background:var(--card-bg);
  border:1px solid var(--card-br);
  border-radius:var(--card-r);
  padding:24px 28px;
  box-shadow:var(--card-shadow);
}
.tl-box h5{ color:var(--title); font-weight:700; margin-bottom:.95rem; font-family: "Playfair Display", serif; }
.tl-box p{ color:var(--text); margin:0; line-height:1.8; }

/* Margen móvil */
.timeline-item > .col-12{
  padding-left:60px;
}





@keyframes bounce {
    0%, 100% {
        transform: translateY(0); /* Posición inicial y final */
    }
    50% {
        transform: translateY(10px); /* Movimiento hacia abajo */
    }
}

 .video-opacity {background-color: rgba(0, 0, 0, 0.3); z-index: -1;}
.parallax {
  min-height: calc(100vh - 150px); /* Resta los 150px del menú volador */
  background-attachment: fixed;
  background-position: center 30%; /* Ajusta la posición vertical del fondo */
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.parallax-sin-altura {
min-height: auto !important; 
}
/* Capa oscura */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Oscurece la imagen */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* Contenido de la sección */
.content {
  position: relative;
  z-index: 2; /* Asegura que el texto esté encima de la capa oscura */
  text-align: center;
}

.second-col { width:auto;
  position: absolute; /* Saca la segunda columna del flujo normal */
  top: 0;
  right: 0; /* Asegura que llegue hasta el borde derecho de la pantalla */
  left: 50%; /* Comienza exactamente en el centro del contenedor */
  box-sizing: border-box; /* Incluye padding en el ancho total */
}
/*IMAGES*/
img  {max-width:100%}

/*HEADER*/
   .transition {
        transition: transform 0.3s ease-in-out;
    }
    .rotate {
        transform: rotate(180deg);
    }
    .collapse {
        display: none;
    }
    .collapse.show {
        display: block;
    }
	.dropdown-toggle::after {
    display: none !important;
}
.logo  {left: 50%;transform: translate(-50%, -50%);top: 50%;}
.logo  img{max-width:180px;}
.nav-item a {font-size:14px; letter-spacing:0.08em;}
.row-menu{font-size:0.9rem}
/*.row-menu ul:first-child {padding-right:150px}
.row-menu ul:last-child{ padding-left:150px}*/
.row-menu ul li a{padding-top:2.3rem; padding-bottom:2.3rem;}
.row-menu ul li:nth-child(4){padding-right:150px}
.row-menu ul li:nth-child(5){padding-left:150px}
.row-menu ul li ul{display:none; bottom:auto; position:absolute;  }
.row-menu ul li ul {    -webkit-box-shadow: 0px 14px 5px -10px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 14px 5px -10px rgba(0,0,0,0.21);
box-shadow: 0px 14px 5px -10px rgba(0,0,0,0.21);}
.row-menu ul li ul li:nth-child(4){padding-right:0px}
.row-menu ul li ul li:nth-child(5){padding-left:0px}
.row-menu ul li:hover ul {display:block}
.row-menu ul li ul:last-child{ padding-left:0px}
.row-menu ul li ul li a{padding:10px 20px; display:block}
.row-menu ul li ul ul {position:relative; box-shadow:none}
.row-menu ul li ul li a {padding: 6px 0px}



/* Fondo de la sección */
.seccion-exclusiva {
  background: linear-gradient(135deg, #26323a 0%, #1f252c 100%);
}

/* Caja */
.feature-box {
  position: relative;
  background: #2F3D47 ;
  border-radius: 1rem;
  color: #cfd2e5;
border: 1px solid rgb(249 249 249 / 5%);
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
  padding: 2.5rem 1.75rem 2rem 1.75rem;
  min-height: 170px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, font-size .25s ease;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Número centrado arriba */
.feature-number {
  position: absolute;
  top: -0.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1f252c;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

/* Hover */
.feature-box:hover {
  
  box-shadow: 0 16px 35px rgba(0,0,0,.35);
color:#fff;
  font-weight:700;
  font-size:1rem;
}


/* ENERGIA */

.energy-box::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
   
}


.energy-tit {width:175px}


/* BLOQUES */

  .link-box {
    transition: all 0.2s ease-in-out;
  }
  .link-box:hover {
    transform: scale(1.03);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
  }

/* Línea vertical del timeline */
  .list-dots {
    position: relative;
    padding-left: 1.8rem; /* espacio para las bolitas y la línea */
  }

  .list-dots::before {
    content: "";
    position: absolute;
    left: 0.62rem; /* centrado con las bolitas */
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(252, 125, 46, 0.2); /* línea en naranja suave */
  }

  /* Estilo de cada ítem */
  .list-dots li {
    position: relative;
    padding-left: 1.50rem;
    margin-bottom: 1.25rem;
 
  }

  .list-dots li::before {
    content: "";
    position: absolute;
    left: -1.5rem;
    top: 0.6em;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    border: 2px solid #FC7D2E;
    background: #fff;
    box-shadow: 0 0 0 .35rem rgba(252, 125, 46, 0.15);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
  }

  .list-dots li:hover::before {
    background-color: #FC7D2E;
    box-shadow: 0 0 0 .45rem rgba(252, 125, 46, 0.25);
    transform: scale(1.1);
  }

.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 ratio */
  overflow: hidden;
  border-radius: 8px; /* opcional, solo estética */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 200%; /* zoom para recortar laterales */
  height: 100%;
  transform: translateX(-50%);
  border: 0;
}
.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 ratio */
  overflow: hidden;
margin:10px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%; /* zoom para recortar laterales */
  height: 100%;
  transform: translateX(-50%);
  border: 0;
}

/* Oculta la flecha de Bootstrap */
.accordion-button::after {
  display: none !important;
}
.accordion,
.accordion-item {
  border-radius: 0 !important;
}

.accordion-item h2 {font-family: "Sora", sans-serif;}
.accordion-item h3 {margin-bottom:0px;}

.cuadro-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 130% 0;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}
.bg-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; /* Saca la imagen por la izquierda */
  width: 130%; /* más ancho que la pantalla para que sobresalga */
  background-position: -20% top;
  background-repeat: no-repeat;
  background-size: auto;
  opacity: 0.2;
  z-index: 1;
  pointer-events: none;
}

/* Flecha personalizada rotada al expandir */
.accordion-button[aria-expanded="true"] .toggle-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.accordion-button-numerado::before {
    counter-increment: accordion;
    content: counter(accordion) ". ";
    color: var(--bs-secondary);
    font-weight: bold;
    margin-right: 0.5rem;
  }

  .accordion {
    counter-reset: accordion;
  }


.toggle-icon {
  transition: transform 0.3s ease;
}

/* Fondo transparente y sin sombra */
.accordion-button {
  background-color: transparent !important;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
  border: none;
  cursor:pointer !important;
}

/* mapa control*/
.mapa iframe{ max-width: 100%; width: 100%; display: block;}
.opacity-desktop {background-color: rgba(47, 61, 71, 0.6);}
/* Fondo también transparente cuando está abierto */
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  color: inherit;
  box-shadow: none;
}

/* Elimina el resaltado azul al hacer clic */
.accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}

/* Fondo y bordes transparentes del item */
.accordion-item {
  background-color: transparent;
  border:0px;
    border-bottom: 1px solid #cccccc;

}


.lista-numerada ol {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.lista-numerada ol li {
  position: relative;
  padding-left: 72px;
  margin-bottom: 2rem;
  min-height: 60px; /* <-- Añadido */
  display: flex;
  align-items: center; /* <-- Añadido para centrar verticalmente */
}

.lista-numerada ol li::before {
  counter-increment: item;
  content: counter(item, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background-color: #f37021;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lista-numerada li > * {
  display: contents;
}
.lista-chekeada ul {
    padding-left: 0;
    list-style: none;
}
.lista-chekeada ul li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.lista-chekeada-li-especial ul li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 8px;
}

.lista-chekeada ul li::before {
  content: "\F633"; /* Unicode para bi-check2 */
 font-family: "bootstrap-icons" !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #f37021;
  border-radius: 50%;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.lista-chekeada li > * {
  display: contents;
}

.full-left {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para que la imagen no se deforme */
}
.full-right {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para que la imagen no se deforme */
}

.img-container {
    width: 50vw; /* Ocupa la mitad izquierda de la pantalla */
    height: 100%; /* Que ocupe toda la altura */
    overflow: hidden;
}

/* LISTAS */
.lista-promociones-datos {position:relative; bottom:auto}

.propiedad-lista-padding-cuadrados {padding-bottom:10px; padding-top:20px;}
.propiedad-lista-padding-cuadrados .terraza{display:none !important}
.propiedad-lista-padding-cuadrados .propiedad-lista-lifestyle { display:none !important}
.propiedad-lista-padding h3 { font-size: 1.5rem ;    line-height: 32px;}
.propiedad-lista-padding-cuadrados h3 {font-size: 1.3rem !important;line-height: 26px !important;}
.propiedad-lista-padding-cuadrados p {font-size: 0.9rem !important; line-height:20px}
.propiedad-lista-padding span.preu {font-size: 1.5rem !important;}
.propiedad-lista-padding span.referencia {font-size: 1.1rem !important;}
.propiedad-lista-padding-cuadrados span.preu {font-size: 1rem !important;}
.propiedad-lista-padding-cuadrados span.referencia {font-size: 1rem !important;}
.propiedad-lista-padding-cuadrados p.obra-nueva-description {display:none}
.carousel-item h3 {color:#2F3D47 !important;   transition: color 0.3s ease}
.carousel-item:hover h3 {color:#FC7D2E !important;}
.propiedad-lista-imagen .carousel-item-img{height:450px; background-size:cover; background-position:center center}
.propiedad-lista-imagen .carousel-item-img-encolumnado{height:270px; background-size:cover}
.propiedad-lista-imagen-search .carousel-item-img{height:350px; background-size:cover; background-position:center center}
.propiedad-lista-imagen-search .carousel-item-img-encolumnado{height:270px; background-size:cover}
.propiedad-texto-home{box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); left:10px !important}
.propiedad-imagen-home {height:500px; background-size:cover; background-position:center center}
.propiedad-lista-etiquetas-cuadradas span {font-size:10px !important; font-weight:300 !important}
.propiedad-lista-etiquetas-cuadradas span:first-child {margin-left:4px}
.item-blog{height:350px;}
.item-blog p {    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 90%); padding-top:60px}
.item-blog p:hover {    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 90%); padding-top:60px}
.item-blog h3 {    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 90%); padding-top:60px}
.item-blog h3:hover {    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 90%); padding-top:60px}
.propiedad-lista-texto-info-padd {padding-left:10px}
.propiedad-lista-texto-infopat div {border-right:1px solid #dee2e6}
.propiedad-lista-texto-infopat div:last-child {border-right:0px}
.menu-superior-l li a {padding-left:20px; padding-right:20px;}
.heart-circle {
  width: 30px;
  height: 30px;
  background-color: rgba(255,255,255,0.8); display: flex;
  justify-content: center;
  align-items: center;
  font-size:1rem;

}
.filtrar {background-color:#ffffff; color: #2F3D47;font-weight: 500; text-decoration:none;     border:1px solid #dee2e6}
.filtrar-hover { border:1px solid #dee2e6; border-bottom:1px solid #ffffff !important; color: #2F3D47;font-weight: 500; text-decoration:none; }

.filtrar-cambio {margin-left:5px; background-color:#ffffff; color: #2F3D47;font-weight: 500; text-decoration:none;   font-size:21px;  padding-top: .2rem !important;padding-bottom: .2rem !important; padding-left:0.5rem; padding-right:0.5rem;border:0px  }
.filtrar-cambio-hover {margin-left:5px; background-color:#2F3D47; color: #ffffff;font-weight: 500; font-size:21px;text-decoration:none;     padding-top: .2rem !important;padding-bottom: .2rem !important; padding-left:0.5rem; padding-right:0.5rem; border:0px }

.filtrar-cambio-dos {margin-left:5px; background-color:#ffffff; color: #2F3D47;font-weight: 500; text-decoration:none;    font-size:21px; padding-top: .2rem !important;padding-bottom: .2rem !important; padding-left:0.5rem; padding-right:0.5rem;border:0px}
.filtrar-cambio-dos-hover {margin-left:5px; background-color:#2F3D47; color: #ffffff;font-weight: 500; text-decoration:none;  font-size:21px;   padding-top: .2rem !important;padding-bottom: .2rem !important; padding-left:0.5rem; padding-right:0.5rem; border:0px}
.filtro-popup {height:300px; width:600px; overflow-y:auto; border-bottom:1px solid #dedede}

.radio-group-custom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.radio-btn {
  display: none;
}

.radio-label {
  width: calc(20% - 0.4rem);
  text-align: center;
  padding: 0.3rem 0.4rem;
  border: 1px solid #ced4da;
  background-color: transparent;
  color: #2F3D47;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  border-radius: 0;
}

.radio-label.doble {
  width: calc(40% - 0.4rem);
}

.radio-label.triple {
  width: calc(40% - 0.4rem);
}

.radio-btn:checked + .radio-label {
  background-color: #2F3D47;
  color: #fff;
  border-color: #2F3D47;
}

.radio-group-custom-intern .radio-btn:checked + .radio-label {
  background-color: #2F3D47;
  color: #fff !important;
  border-color: #2F3D47;
}

.radio-group-custom-intern .radio-label.doble {
  width: auto !important;
}

.radio-group-custom-intern .radio-label {


  background-color: #ffffff;
  color: #2F3D47;

}

.shadow-pastilla {  box-shadow: 0 -1px 0 0 #dee2e6; border:1px solid #dedede; border-top:0px}

/* PANEL */
.nav-tabs .nav-link {
    color: #000; 
}

.nav-tabs .nav-link.active {
    color: #000;
    font-weight: bold; 
    border-color: #dee2e6 #dee2e6 #fff; 
}


/* POST BLOG */
.elpost a{font-weight:500}
.elpost a i {color:#2F3D47; }
.tabla-de-contenido a {color:#2F3D47; }
.elpost h2{padding-bottom:20px; padding-top:10px; display:flex; justify-content: space-between;  align-items: center;}
.elpost h3{padding-bottom:20px; padding-top:10px; display:flex;   justify-content: space-between;
  align-items: center;  font-weight:bolder }
.elpost h2 {font-size: calc(1.1rem + .6vw);}
.elpost h3 {font-size: calc(0.7rem + .6vw);}
.elpost img {height:auto !important}
.elpost ul {margin-left:20px; width:90%}
.elpost ol {margin-left:20px; width:90%}
.tabla-de-contenido {width:100%; margin-bottom:21px; margin-top:10px}
.tabla-de-contenido button{width:100%}
.tabla-de-contenido ol li {font-size:18px; margin-bottom:10px}
.tabla-de-contenido ol li a{text-decoration:none}
#toc-content ol {
    list-style: none; /* Eliminamos la numeración predeterminada */
    counter-reset: section;
    padding-left: 20px;
}

#toc-content ol li {
    counter-increment: section;
}

#toc-content ol li::before {
    content: counters(section, ".") ". "; /* Muestra la numeración anidada */
}
.global-icon {
    width: 21px;
    height: 22px;
	margin-top:5px;
    background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNGRkYnIHZpZXdCb3g9JzAgMCA0OTYgNTEyJz48cGF0aCBkPSdNMjQ4IDhDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMTkzLjIgMTUyaC04Mi41Yy05LTQ0LjQtMjQuMS04Mi4yLTQzLjItMTA5LjEgNTUgMTguMiAxMDAuMiA1Ny45IDEyNS43IDEwOS4xek0zMzYgMjU2YzAgMjIuOS0xLjYgNDQuMi00LjMgNjRIMTY0LjNjLTIuNy0xOS44LTQuMy00MS4xLTQuMy02NHMxLjYtNDQuMiA0LjMtNjRoMTY3LjRjMi43IDE5LjggNC4zIDQxLjEgNC4zIDY0ek0yNDggNDBjMjYuOSAwIDYxLjQgNDQuMSA3OC4xIDEyMEgxNjkuOUMxODYuNiA4NC4xIDIyMS4xIDQwIDI0OCA0MHptLTY3LjUgMTAuOWMtMTkgMjYuOC0zNC4yIDY0LjYtNDMuMiAxMDkuMUg1NC44YzI1LjUtNTEuMiA3MC43LTkwLjkgMTI1LjctMTA5LjF6TTMyIDI1NmMwLTIyLjMgMy40LTQzLjggOS43LTY0aDkwLjVjLTIuNiAyMC41LTQuMiA0MS44LTQuMiA2NHMxLjUgNDMuNSA0LjIgNjRINDEuN2MtNi4zLTIwLjItOS43LTQxLjctOS43LTY0em0yMi44IDk2aDgyLjVjOSA0NC40IDI0LjEgODIuMiA0My4yIDEwOS4xLTU1LTE4LjItMTAwLjItNTcuOS0xMjUuNy0xMDkuMXpNMjQ4IDQ3MmMtMjYuOSAwLTYxLjQtNDQuMS03OC4xLTEyMGgxNTYuMmMtMTYuNyA3NS45LTUxLjIgMTIwLTc4LjEgMTIwem02Ny41LTEwLjljMTktMjYuOCAzNC4yLTY0LjYgNDMuMi0xMDkuMWg4Mi41Yy0yNS41IDUxLjItNzAuNyA5MC45LTEyNS43IDEwOS4xek0zNjMuOCAzMjBjMi42LTIwLjUgNC4yLTQxLjggNC4yLTY0cy0xLjUtNDMuNS00LjItNjRoOTAuNWM2LjMgMjAuMiA5LjcgNDEuNyA5LjcgNjRzLTMuNCA0My44LTkuNyA2NGgtOTAuNXonLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .global-icon-primary {
    width: 21px;
    height: 22px;
	margin-top:5px;
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMxMzFkMjUnIHZpZXdCb3g9JzAgMCA0OTYgNTEyJz48cGF0aCBkPSdNMjQ4IDhDMTExIDggMCAxMTkgMCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzODUgOCAyNDggOHptMTkzLjIgMTUyaC04Mi41Yy05LTQ0LjQtMjQuMS04Mi4yLTQzLjItMTA5LjEgNTUgMTguMiAxMDAuMiA1Ny45IDEyNS43IDEwOS4xek0zMzYgMjU2YzAgMjIuOS0xLjYgNDQuMi00LjMgNjRIMTY0LjNjLTIuNy0xOS44LTQuMy00MS4xLTQuMy02NHMxLjYtNDQuMiA0LjMtNjRoMTY3LjRjMi43IDE5LjggNC4zIDQxLjEgNC4zIDY0ek0yNDggNDBjMjYuOSAwIDYxLjQgNDQuMSA3OC4xIDEyMEgxNjkuOUMxODYuNiA4NC4xIDIyMS4xIDQwIDI0OCA0MHptLTY3LjUgMTAuOWMtMTkgMjYuOC0zNC4yIDY0LjYtNDMuMiAxMDkuMUg1NC44YzI1LjUtNTEuMiA3MC43LTkwLjkgMTI1LjctMTA5LjF6TTMyIDI1NmMwLTIyLjMgMy40LTQzLjggOS43LTY0aDkwLjVjLTIuNiAyMC41LTQuMiA0MS44LTQuMiA2NHMxLjUgNDMuNSA0LjIgNjRINDEuN2MtNi4zLTIwLjItOS43LTQxLjctOS43LTY0em0yMi44IDk2aDgyLjVjOSA0NC40IDI0LjEgODIuMiA0My4yIDEwOS4xLTU1LTE4LjItMTAwLjItNTcuOS0xMjUuNy0xMDkuMXpNMjQ4IDQ3MmMtMjYuOSAwLTYxLjQtNDQuMS03OC4xLTEyMGgxNTYuMmMtMTYuNyA3NS45LTUxLjIgMTIwLTc4LjEgMTIwem02Ny41LTEwLjljMTktMjYuOCAzNC4yLTY0LjYgNDMuMi0xMDkuMWg4Mi41Yy0yNS41IDUxLjItNzAuNyA5MC45LTEyNS43IDEwOS4xek0zNjMuOCAzMjBjMi42LTIwLjUgNC4yLTQxLjggNC4yLTY0cy0xLjUtNDMuNS00LjItNjRoOTAuNWM2LjMgMjAuMiA5LjcgNDEuNyA5LjcgNjRzLTMuNCA0My44LTkuNyA2NGgtOTAuNXonLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-size: contain;
  }

body.modal-open {
    overflow-y: scroll !important;
}

.modal-body-scrollable {
  /*overflow-y: auto;*/
}
.modal-ampliado {max-width:960px}

/* BLOG */
.tabla-articulo {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    border: 1px solid #ddd;
}

.tabla-articulo th,
.tabla-articulo td {
    padding: 15px 18px;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
}

.tabla-articulo th {
    background-color: #f5f5f5;
    font-weight: 600;
}




/* FORMULARIOS */

form-select:focus,
input:focus,
textarea:focus,
select:focus {
  box-shadow: none !important; /* Elimina la sombra */
  outline: none; /* Opcional: elimina también el contorno */
}


.formulario-home .form-control {font-size:0.9rem !important;  color: #000000;}
.formulario-home .form-select {font-size:0.9rem !important; color:#666666;}
.formulario-home .form-select option:first-child {
  color: #000000 !important;
}
.formulario-home .form-select option:not(:first-child) {
  color: #000000;
}
.formulario-home .form-select:has(option:not(:first-child):checked) {
  color: #000000;
}

.formulario-home  input::placeholder {color:#666666;}

.formulario-interior {  white-space: nowrap;}
.formulario-interior input::placeholder {  color: #aaa !important;  opacity: 1; font-weight:300 }
.formulario-interior .form-select {color:#999999; font-weight:300}
.formulario-interior .form-select option:first-child {
  color: #000000 !important;
}

.formulario-interior .form-select option:not(:first-child) {
  color: #000000;
}
.formulario-interior-overflow { height: auto;}
.formulario-interior .form-select:has(option:not(:first-child):checked) {
  color: #000000;
}
.degradado-gris {
    background: linear-gradient(to bottom, transparent, #ffffff);height: 30px; width: 100%; pointer-events: none; 

}

/*LISTAS*/
.propiedad_lista {min-height:300px;	background-size:cover; background-position:center center}
.lista-propiedades button.boton-prev {display:none}
.lista-propiedades button.boton-next {display:none}
.lista-propiedades:hover button.boton-prev {display:block}
.lista-propiedades:hover button.boton-next {display:block}
.propiedad_lista-unica {min-height:550px;	background-size:cover; background-position:center center}
.propiedad_lista-gigantic {min-height:700px;	background-size:cover; background-position:center center}
.info-box { display: flex; flex-direction: column; gap: 4px; }
.promociones-lista {margin-bottom:40px}
.promociones-lista p.title{font-weight:700; color:#2f3d47; text-transform:uppercase }
.promociones-lista .header{lista-numerada
background-color:#eeeeee;
text-transform: uppercase;
font-weight: 500;
padding-bottom: 8px;
padding-top: 8px;
margin-bottom: 0px;
border-bottom:none !important; display:table; width:100% 
}
.promociones-lista .fila{min-width:700px}
.promociones-lista .fila>div{width: calc((100% - 1px) / 6);padding: 0 8px;font-size: 15px;float:left; text-transform:lowercase; text-transform: capitalize;}

.promociones-lista .fila a{display:table; width:100%; padding:10px 0px; border-bottom:1px solid #fc7d2e; color:#2f3d47}
.promociones-lista .fila a:hover{background-color:rgba(255, 128, 48, 0.2)}
.promociones-lista .fila a>div{width: calc((100% - 1px) / 6);padding: 0 8px;font-size: 15px;float:left; text-transform:lowercase; text-transform: capitalize;}
.promociones-lista .fila span.reservado {display:inline-block; padding:0px 8px; background:#fc7d2e; color:#fff; font-weight:600; font-size:14px; margin-left:10px;}


/* MODALS */
.modal-ancho {max-width:65% !important}


/* Modal de idiomas: panel lateral derecho */
#modalidiomas .modal-dialog {
    max-width: 300px;
    width: 300px;
    height: 100vh;
    min-height: 100vh;
    margin: 0 0 0 auto;
    display: flex;
    align-items: stretch !important;
    transform: translateX(100%);
    transition: transform .3s ease;
}

/* Cuando el modal está abierto */
#modalidiomas.show .modal-dialog {
    transform: translateX(0);
}

/* Parte blanca */
#modalidiomas .modal-content {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    border: 0;
    border-radius: 0 !important;
    overflow-y: auto;
}

.thumbsSwiper{
    width:90%;
    margin:20px auto 0;
}

.carousel-thumb{
    width:100%;

    object-fit:cover;
    cursor:pointer;
    opacity:.6;
    border:2px solid transparent;
}

.carousel-thumb.active{
    opacity:1;
    border-color:#fff;
	
}
.carousel-thumb:hover{
    opacity:1;
}

.carousel-thumb.active{
    opacity:1;
   
}


.swiper{position:absolute !important; bottom:20px;left:5%; z-index:100 !important}
.swiper-prom{bottom:0px;}
.swiper-button-next, .swiper-button-prev {z-index:1000 !important; color:#fff !important; top: auto !important; bottom:36px !important; height:80px !important}

.swiper-slide{}
.swiper-slide-in{height:106px;  border-color:#fff; overflow:hidden}
.thumbs-container{
    position: relative;
    width: 75%;
    margin: auto;
}

.thumbs-prev,
.thumbs-next{
    width:42px !important;
    height:42px !important;

    background:#777777;
    border-radius:50%;

    box-shadow:0 2px 8px rgba(0,0,0,.3);

    display:flex;
    align-items:center;
    justify-content:center;
}

.thumbs-prev:after,
.thumbs-next:after{
    color:#fff;
    font-size:16px !important;
    font-weight:bold;
    line-height:1;
}

.documentacion-box {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}

.documentacion-box h3 {
    font-size: 1.5rem;
}

.documentacion-box li > span {
    flex: 0 0 auto;
    font-weight: 600;
}

.documentacion-box li strong {
    display: block;
    margin-bottom: 4px;
}

.documentacion-box li p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}


/* HOME */

.labels-buscador{top:-24px; left:0px}
.search_home_campo {margin-bottom:0px}
.tipologia-campo {min-width:220px}
.video-home-center{min-height:700px}
.home-superior {}
.overflow-buscador {overflow-y:auto; max-height:300px}
.overflow-buscador ul li a {white-space:normal}
.button-mas-info{margin-left:45px}
.item-zonas {
  height: 380px;
  position: relative;
}
.item-zonas-alq-vend {
  height: 475px;
}

.nombre-zona {
  top: 50%;
  width: 100%;
  padding: 0 20px;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  text-align: center;
}

.zona {
  position: relative;
  color: #ffffff !important;
  overflow: hidden;
}

/* Capa de fondo transparente */
.zona-bg {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Contenido que aparece encima */
.zona-encima {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;

background: linear-gradient(0deg, rgba(17,17,17,0.6671043417366946) 1%, rgba(17,17,17,0) 85%);

  z-index: 1;
  position: relative;
}

.zonas:hover .zona-encima {
  transform: translateY(0);
  opacity: 1;
}

.zonas:hover p a {
  color: #ffffff !important;
}


/* FOOTER */
.logo-luxury {width:100%; max-width:290px}
.circle-border {
    width: 50px;
    height: 50px;
    border: 2px solid #666666;
    border-radius: 50%;
    display: flex
; justify-content: center;
    align-items: center;}

	.logo-peu{width:60%}
.padding-botones-voladores {padding-top:10px; padding-bottom:10px;}

ul.menu-footer li a {line-height:20px !important; padding-bottom:12px}
.img-circle {
  width: 100%;                /* ocupa el ancho del contenedor */
  aspect-ratio: 1 / 1;        /* mantiene proporción 1:1 */
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ficha-foto-superior {height:auto}
.ficha-min-height .row {
  flex-grow: 1;
}
.ficha-galeria {width:100%; height:130px;cursor:pointer;
  box-shadow: inset 0 0 0 10px transparent;
  transition: box-shadow 0.3s ease;
}
.ficha-galeria.activa {
  box-shadow: inset 0 0 0 10px #2F3D47;
}
.ficha-but div {min-width:68px}
.ficha-but div i { transition: all 0.5s ease;}
.ficha-but div:hover {background:#FC7D2E !important}
.ficha-but div:hover a {color:#fff !important}
.ficha-but div:hover i{color:#fff !important}
.form-ficha input::placeholder, 
textarea::placeholder {
    font-weight: 300; color:#777777
}
.form-ficha select {
    font-weight: 300;color:#777777
}
.row-energetico{display:flex; }
.row-energetico div {width:14.2%}

.overflow-scroll {
    overflow-x: auto; /* Habilita solo desplazamiento horizontal */
    overflow-y: hidden; /* Evita el desplazamiento vertical */
    white-space: nowrap; /* Evita que los elementos se envuelvan */
    scrollbar-width: thin; /* Scroll delgado en navegadores compatibles */
    scrollbar-color: #888888 #f1f1f1; /* Color del scroll */
}

.overflow-scroll::-webkit-scrollbar {
    height: 8px; /* Altura del scroll horizontal */
}

.overflow-scroll::-webkit-scrollbar-thumb {
    background-color: #888888; /* Color del "pulgar" del scroll */
    border-radius: 10px; /* Bordes redondeados */
}

.overflow-scroll::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color del fondo del scroll */
    border-radius: 10px;
}
.overflow-scroll{overflow:auto !important}

/* FANCYBOX */
.fancybox__slide{padding:64px 100px 12px 100px !important}
.carousel__viewport{z-index:1000; background-color:#000000}


/* CAROUSEL IMAGENES FICHA */
.carousel-image { height: 92vh; width: auto; object-fit: contain; display: block; margin: 4vh auto; }
.carousel-image-ambthumbs { height: 80vh; width: auto; object-fit: contain; display: block; margin: 4vh auto 14vh auto;}

.carousel-image-ambthumbs:hover { cursor: zoom-in }
.modal-carousel { overflow: hidden; }
body.modal-open { overflow: hidden; }
.close-floating { position: absolute; top: 20px; right: 20px; z-index: 1055; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; padding: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.custom-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(47, 61, 71, 0.9); z-index: 1; }
.modal-content-carousel { position: relative; z-index: 2; }

.carousel-indicators button {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  background-color: white; /* Color por defecto */
  border: 1px solid black !important; /* Bordes */
}

.carousel-indicators button.active {
  background-color: black; /* Color cuando está activo */
  
}


/* Solo para el carrusel de propiedades */
.carousel-propiedades .carousel-control-prev,
.carousel-propiedades .carousel-control-next {
  width: auto;
  top: 50%;
  transform: translateY(-50%);
}

/* Flecha izquierda fuera */
.carousel-propiedades .carousel-control-prev {
  left: -50px;  /* ajústalo según el diseño */
}

/* Flecha derecha fuera */
.carousel-propiedades .carousel-control-next {
  right: -50px;
}

/* Color negro para los iconos de las flechas */
.carousel-propiedades .carousel-control-prev-icon,
.carousel-propiedades .carousel-control-next-icon {
  filter: invert(1) grayscale(100); /* convierte el blanco en negro */
}



/* CAROUSEL IMAGENES FICHA */



@media (max-width: 1400px) {
.menu-superior-l li a {padding-left:8px; padding-right:8px;}
.bg-overlay {
  background-position: 190% 0;
  }
  .fs-featweb {font-size:0.8rem}
  .fs-featweb5 {font-size:0.7rem}

}



@media (max-width: 1200px) {
.logo { width:100%; position:relative !important; left: auto;  transform: translate(0%, 0%);top: 0;}
.logo img {width:180px}
.fs-gigantic {font-size:48px; line-height:60px;}
.seccion-cabecera h1 {font-size:30px; line-height:42px;}

.fs-featweb {font-size:0.8rem}
.fs-featweb5 {font-size:0.8rem}
.mitad-a-entero {width:100%}
.propiedad-texto-home{box-shadow: none; }
	.absolute-a-relativeh {position:relative}
.cabecera-background h1 {font-size:48px; line-height:60px;}
.cabecera h1 {font-size:48px; line-height:60px;}
.cabecera-background-delimitado h1 {font-size:48px; line-height:60px;}
}

@media (max-width: 990px) {
.back-to-top {
  right:10px;
  bottom: 120px;
}
.vh-70-auto { height: auto !important;}
#modalidiomas .modal-dialog {width: 360px !important; max-width: calc(100% - 30px);}
.cky-revisit-bottom-left {bottom:57px !important}
.sticky-nomobile { position: relative; top:0px}
.auto-a-cien {width:100%}
.elpost h3 {font-size: calc(0.9rem + .6vw);
        font-weight: 600;}
.container-mid {width:100%; }
#carrusel-home-lujo .carousel-item {height:600px}
.formulario-home-imput {width:100%}
.responsive-width {  width: 100%;}
.responsive-height { height: auto;}
 .custom-vh {height: auto !important; }
 .home-superior {padding-top:80px;}
  .home-superior-404 {padding-top:0px;}
 .button-mas-info{margin-left:0px}
 .gradiente-izquierda {background: linear-gradient(to right, #f2f2f2 100%, transparent 100%);}
 .item-horizontal{height:180px;}
 .container-mini{width:100%}
 	.logo-peu{width:60%;}
.lista-propiedades button.boton-prev {display:block}
.lista-propiedades button.boton-next {display:block}
    .ficha-foto-superior {        height: 350px;    }
	.absolute-a-relative {position:relative}
	.propiedad-lista-imagen .carousel-item-img{height:300px }
	.propiedad-lista-imagen-search .carousel-item-img{height:300px }
    .propiedad-lista .boton-prev {left:20px !important}
	.propiedad-lista .boton-next {right:20px !important}
.search_home_campo {margin-bottom:30px}
.labels-buscador{top:-20px; }
.filtro-popup {height:auto; width:100%; overflow-y:inherit; border-bottom:0px}
.shadow-pastilla {  box-shadow:none; border:0px; border-top:0px}
.inline-a-tope {width:100%}
.modal-ampliado {max-width:100%}
#modalsearch {padding-right:15px; padding-left:15px}
.formulario-interior-overflow { height: 50vh; overflow-y:auto}
.border-top-mobile {border-top:1px solid #dedede}
.background-delimitado {height:auto !important; padding:50px 0px}
.opacity-mobile {background-color: rgba(47, 61, 71, 0.7);}
.ficha-min-height {min-height:auto;}

 .list-unstyled.localidades-lista {
    list-style: disc !important;
    padding-left: 1.2rem; margin-left:10px
  }
.img-container {
    width: 100%; /* Ocupa la mitad izquierda de la pantalla */
    height: auto; /* Que ocupe toda la altura */
    overflow: none;
}
.carousel-image-ambthumbs{height:80vh}

.fancybox__slide{padding:48px 8px 8px 8px !important}




}




@media (max-width: 768px) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
   .custom-lg-auto {        width: 100% !important;    }
.padding-interior-superior {padding-top:90px}
.auto-full-w {  width: 100%;}
.promociones-lista {overflow-x:auto;}

.carousel-propiedades .carousel-control-prev,
  .carousel-propiedades .carousel-control-next {
    display: none !important;
  }

  #toc-content ol { padding-left:0px; }
 
 /* BLOG */
  .tabla-articulo-completa {
        border: 0;
    }

    .tabla-articulo-completa thead {
        display: none;
    }

    .tabla-articulo-completa tbody,
    .tabla-articulo-completa tr,
    .tabla-articulo-completa td {
        display: block;
        width: 100%;
    }

    .tabla-articulo-completa tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
    }

    .tabla-articulo-completa td {
        padding: 12px 15px;
        border: 0;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    .tabla-articulo-completa td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .tabla-articulo-completa td:last-child {
        border-bottom: 0;
    }

}



@media (max-width: 720px) {
.fs-gigantic {font-size:36px; line-height:44px;}


.cabecera-background h1 {font-size:36px; line-height:44px}
.cabecera h1 {font-size:36px; line-height:44px}
.cabecera-background-delimitado h1 {font-size:36px; line-height:44px}
}

@media (max-width: 576px) {
.modal-ancho {max-width:100% !important}
.propiedad-texto-home{min-height:250px }
.propiedad-imagen-home {height:400px; }
.fs-ficha-iconos{font-size:0.8rem}
.logo img {width:130px}
 .home-superior {padding-top:110px;}
   .home-superior-404 {padding-top:0px;}
.fs-h2 {font-size:1rem !important; line-height:24px !important}
.ficha-but  {width:33.333%}
.padding-interior-superior {padding-top:60px}
.fs-gigantic-home {font-size:30px; line-height:36px;}
.fs-home-sub {font-size:16px !important; line-height:24px;}
.fs-pq-m {font-size:0.8rem;}
.white-opacity-m{background-color:rgba(255,255,255, 0.7) !important}
.ficha-foto-superior {height:350px}
#capa-filtrar label {font-size:13px !important}
.filtrar {width:100%}
.filtrar-hover {width:100%}
.select-filtro {width:100% !important}

.radio-label.triple {
  width: calc(100% - 0.2rem);
}
p.cabecera {line-height: 1.45em;font-size: 1.05rem !important; }
h2.cabecera {line-height: 1.45em;font-size: 1.05rem !important; }
.item-zonas-alq-vend {
  height: 380px;
}
}

@media (max-width: 390px) {

.formulario-home-imput {min-width:100%}
.ficha-but  {width:50%}

}


/* ======================================================
   PROCESO DE COMPRA  17/7/2026 CSS ADICIONAL
====================================================== */

.guide-compra-process{
    background:#fafafa;
}

.guide-compra-process__timeline{
    position:relative;
}

.guide-compra-process__line{
    position:absolute;
    top:42px;
    left:8%;
    width:84%;
    height:3px;
    background:#d8d8d8;

}

.guide-compra-process__step{
    position:relative;
    text-align:center;
    margin-bottom:50px;
}

.guide-compra-process__circle{

    width:84px;
    height:84px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#1f3449;

    color:#fff;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    transition:.30s;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.guide-compra-process__circle span{

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

}

.guide-compra-process__circle i{

    font-size:30px;

}

.guide-compra-process__step:hover .guide-compra-process__circle{

    background: #FC7D2E;

    transform:translateY(-6px);

}

.guide-compra-process__title{

    font-size:1.1rem;
    font-weight:700;
    margin-bottom:12px;

}

.guide-compra-process__text{

    font-size:.95rem;
    color:#666;
    margin-bottom:15px;
    min-height:72px;

}

.guide-compra-process__time{

    display:inline-block;

    padding:6px 14px;

    background:#ececec;

    border-radius:50px;

    font-size:.85rem;

    font-weight:600;

}

@media(max-width:991px){

.guide-compra-process__line{

    display:none;

}

.guide-compra-process__text{

    min-height:auto;

}

}
/* FI 17/7/2026 CSS ADICIONAL LANDING COMPRAR */