.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;font-weight:normal;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.jet-form-message {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 6px;
  font-weight: bold;
  color: #fff;
}

.jet-form-message.success {
  background-color: #28a745;
}

.jet-form-message.error {
  background-color: #dc3545;
}

.titulo-activo {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 4.8em; /* ajusta según tu font-size */
}

/* ───────────────────────────────────────────────
   Botones de teaser y contacto – Popup Activos
──────────────────────────────────────────────── */

/* Estilos base */
.btn-teaser,
.btn-contacto{
	/* Estructura y alineación */
	display:inline-flex;          /* centra vertical y horizontalmente el texto */
	align-items:center;
	justify-content:center;

	/* Dimensiones */
	width:70%;
	max-width:250px;
	padding:15px 25px;            /* un poco más de aire vertical */

	/* Estilos visuales */
	background:#e4e5ec;
	border-radius:25px;
	box-shadow:0 5px 10px #c7c8cc, -5px -5px 10px #ffffff;
	color:#000;
	text-decoration:none;
	transition:all .3s ease-in-out;

	/* Evita el solapamiento de líneas */
	line-height:1.2;              /* espacio suficiente entre renglones */
	white-space:normal;           /* permite el salto de línea */
	word-break:break-word;        /* por si aparece texto muy largo sin espacios */

	/* Tipografía responsive */
	font-size:clamp(14px,4vw,16px);

	/* NUEVO: preparamos para que el enlace rellene el contenedor */
	position:relative;
}

/* Hover */
.btn-teaser:hover,
.btn-contacto:hover{
	box-shadow:0 5px 10px #c7c8cc, -5px -5px 10px #ffffff;
	transform:scale(1.03);
}

/* Ajuste fino para pantallas muy estrechas */
@media (max-width:480px){
	.btn-teaser,
	.btn-contacto{
		width:90%;
	}
}

/* ───────────────────────────────────────────────
   Corrección opción A · Todo el botón clicable
──────────────────────────────────────────────── */

/* El <a> interno ocupa el 100 % del contenedor */
.btn-teaser a,
.btn-contacto a{
	position:absolute;   /* se posiciona con respecto al contenedor */
	inset:0;             /* top:0; right:0; bottom:0; left:0; */
	display:flex;
	align-items:center;
	justify-content:center;
	color:inherit;       /* hereda el color del contenedor */
	text-decoration:none;/* sin subrayado */
}




.caracteristicas-listado {
  column-count: 2;
  column-gap: 40px;
}


/* Lista de características dentro del popup */
.lista-caracteristicas{
	margin: 0 0 1rem 1.2em;   /* espacio inferior y sangría */
	padding: 0;
	list-style: disc;
}
.lista-caracteristicas li{
	margin: .25em 0;
	line-height: 1.35;
}


.galeria-justificada .gallery-item img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}

/* ############  SCROLLBAR GLOBAL  ############ */

/* --- WebKit (Blink / Safari / Edge-Chromium) --- */
::-webkit-scrollbar {
	/* Grosor: ajusta a tu gusto */
	width: 14px;           /* Scroll vertical  */
	height: 14px;          /* Scroll horizontal */
}

/* Fondo o raíl (track) */
::-webkit-scrollbar-track {
	background: transparent;   /* Déjalo transparente o ponle color */
	margin: 2px;               /* “muerde” un poco para redondear mejor el extremo */
}

/* “Thumb” (la parte que se mueve) */
::-webkit-scrollbar-thumb {
	background: #c7c8cc;       /* Color principal del “slider” */
	border-radius: 999px;      /* Extremos 100 % redondos */
	/* Opcional: un borde transparente para dar la ilusión de que es más fino */
	border: 3px solid transparent;
	background-clip: content-box;
	transition: background 0.25s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
	background: #a5a6ad;
}

/* --- Firefox --- */
/* Firefox solo admite grosor “auto / thin” + color */
html{
	scrollbar-width: thin;                       /* thin ≈ 8 px, auto ≈ la de sistema */
	scrollbar-color: #c7c8cc transparent;        /* thumb | track */
}

/* --- Ajustes extra opcionales --- */
/*
   Si algún contenedor interno usa overflow:auto y quieres que también herede
   el estilo, añade la misma regla al .elementor-kit-7 que corresponda, p. ej.:

   .mi-contenedor {
       scrollbar-width: thin;
   }
   .mi-contenedor::-webkit-scrollbar { ... }
*/

/* 1. Aseguramos que el popup y su overlay estén por encima de todo */
.jet-popup--show-state,
.jet-popup--show-state .jet-popup__layout,
.jet-popup-overlay {
    z-index: 99999 !important;   /* superior a la mayoría de temas/plugins */
}

/* 2. Desactivamos los clics en el fondo CUANDO el popup está abierto */
body.jet-popup-open > *:not(.jet-popup):not(.jet-popup-overlay) {
    pointer-events: none !important;
}

/* 3. …pero el propio popup y todo su interior SÍ debe aceptar clics */
.jet-popup--show-state,
.jet-popup--show-state * {
    pointer-events: auto !important;
}/* End custom CSS */