/* Invexa — estilos del tema. Los colores y tamaños salen de theme.json (--wp--preset--*). */

:root {
	--ix-pizarra: var(--wp--preset--color--pizarra);
	--ix-oscura: var(--wp--preset--color--pizarra-oscura);
	--ix-lima: var(--wp--preset--color--lima);
	--ix-tinta: var(--wp--preset--color--tinta);
	--ix-gris: var(--wp--preset--color--gris);
	--ix-niebla: var(--wp--preset--color--niebla);
	--ix-linea: #d5d9df;
	--ix-ancho: 72rem;
	--ix-margen: clamp(1rem, 5vw, 2.5rem);
	--ix-tejado: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 104 51'%3E%3Cpath d='M2 42 48 2 60 12.4V1h14v23.6L94 42' fill='none' stroke='black' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.wp-site-blocks { padding: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.ix-principal { margin: 0; }
.ix-principal > .entry-content > *:first-child { margin-block-start: 0; }
.ix-principal > .entry-content { margin: 0; }

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--ix-pizarra);
	outline-offset: 2px;
}
.ix-cabecera :focus-visible,
.ix-banda--pizarra :focus-visible,
.ix-pie :focus-visible { outline-color: var(--ix-lima); }

/* ---------- Cabecera ---------- */
.ix-cabecera { background: var(--ix-pizarra); color: #fff; }
.ix-cabecera > * { margin: 0 !important; }
.ix-barra {
	background: var(--ix-oscura); color: #b9c0ca; font-size: 0.8125rem;
	display: flex; justify-content: space-between; gap: 0.5rem 2rem; flex-wrap: wrap;
	padding: 0.45rem max(var(--ix-margen), calc((100% - var(--ix-ancho)) / 2));
}
.ix-barra p { margin: 0; display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; align-items: baseline; }
.ix-barra a { color: #fff; text-decoration: none; }
.ix-barra a:hover { text-decoration: underline; }
.ix-barra__accesos span { color: #b9c0ca; }
.ix-cabecera__fila { max-width: var(--ix-ancho); margin: 0 auto !important; gap: 1.5rem; align-items: center; padding: 1.15rem var(--ix-margen); box-sizing: content-box; }
.ix-logo { display: block; color: var(--ix-lima); line-height: 0; flex: none; }
.ix-logo svg { height: 1.7rem; width: auto; }
.ix-menu { font-size: 0.95rem; font-weight: 450; gap: 0.25rem 1.75rem; }
.ix-menu a { color: #fff; text-decoration: none; padding: 0.35rem 0; }
.ix-menu a:hover { text-decoration: underline; text-underline-offset: 0.3em; }
.ix-menu .current-menu-item > a,
.ix-menu a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--ix-lima); text-decoration-thickness: 2px; text-underline-offset: 0.35em; }
.ix-menu .ix-menu__cta a { border: 1px solid var(--ix-lima); color: var(--ix-lima); padding: 0.5rem 1rem; border-radius: 2px; }
.ix-menu .ix-menu__cta a:hover { background: var(--ix-lima); color: var(--ix-oscura); text-decoration: none; }
.ix-menu .wp-block-navigation__responsive-container-open { color: #fff; }
.ix-menu .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--ix-pizarra);
	color: #fff;
	padding: 1.25rem var(--ix-margen);
}
.ix-menu .is-menu-open .wp-block-navigation__responsive-container-content { gap: 1.25rem; padding-top: 3.5rem; }
.ix-menu .is-menu-open a { font-size: 1.5rem; font-weight: 400; }
.ix-menu .is-menu-open .wp-block-navigation__responsive-container-close { color: #fff; }
@media (max-width: 600px) { .ix-barra__contacto { display: none !important; } }

/* ---------- Bandas ---------- */
/* Cada banda ocupa todo el ancho; el contenido se alinea a la izquierda de una columna de 72rem. */
.ix-banda {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	padding-block: var(--wp--preset--spacing--50);
	padding-inline: max(var(--ix-margen), calc((100% - var(--ix-ancho)) / 2));
}
.ix-banda > * { margin-inline: 0 !important; }
.ix-banda > * + * { margin-block-start: 1.25rem; }
.ix-banda--pizarra { background: var(--ix-pizarra); color: #e4e8ed; }
.ix-banda--pizarra :where(h1, h2, h3) { color: #fff; }
.ix-banda--pizarra a { color: #fff; }
.ix-banda--niebla { background: var(--ix-niebla); }
.ix-banda--linea { border-top: 1px solid var(--ix-linea); }
.ix-banda p, .ix-banda li { max-width: 40rem; }
.ix-banda h2 { max-width: 30ch; }

/* Portada: texto a la izquierda y la petición de propuesta a la derecha */
.ix-portada { padding-top: clamp(2.5rem, 6vw, 4.5rem) !important; padding-bottom: clamp(3.5rem, 7vw, 6rem) !important; position: relative; overflow: hidden; }
.ix-portada > .wp-block-columns { gap: 2.5rem clamp(2.5rem, 6vw, 5rem) !important; position: relative; z-index: 1; }
.ix-portada h1 { color: #fff; font-size: clamp(2.125rem, 4.2vw, 3.25rem); max-width: 17ch; }
.ix-entradilla { font-size: var(--wp--preset--font-size--entradilla); line-height: 1.55; color: #dfe4ea; }
.ix-portada .ix-entradilla { max-width: 36rem; }
.ix-claves { list-style: none; padding: 0; margin-top: 1.75rem !important; }
.ix-claves li { position: relative; padding: 0.55rem 0 0.55rem 2rem; border-top: 1px solid rgba(255,255,255,.14); color: #fff; max-width: 34rem; }
.ix-claves li:last-child { border-bottom: 1px solid rgba(255,255,255,.14); }
.ix-claves li::before { content: ""; position: absolute; left: 0; top: 0.95em; width: 1.15rem; height: 0.7rem; background: var(--ix-lima); -webkit-mask: var(--ix-tejado) no-repeat center / contain; mask: var(--ix-tejado) no-repeat center / contain; }
.ix-tarjeta { background: #fff; color: var(--ix-tinta); padding: clamp(1.5rem, 3vw, 2.25rem); border-radius: 2px; }
.ix-banda--pizarra .ix-tarjeta :where(h2, h3) { color: var(--ix-oscura); }
.ix-banda--pizarra .ix-tarjeta a { color: var(--ix-pizarra); }
.ix-tarjeta h2 { font-size: 1.5rem; }
.ix-tarjeta > p { color: var(--ix-gris); font-size: 0.975rem; }
.ix-cabeza { padding-top: clamp(2.5rem, 5vw, 4rem) !important; padding-bottom: clamp(2.5rem, 5vw, 4rem) !important; }
.ix-cabeza h1 { font-size: clamp(2.125rem, 5vw, 3.25rem); max-width: 22ch; }

/* Banda de cierre */
.ix-cierre h2 { max-width: 24ch; }
.ix-cierre .wp-block-buttons { margin-top: 1.75rem; }

/* ---------- Botones ---------- */
.wp-block-buttons { gap: 0.75rem 1rem; }
.wp-block-button__link { text-decoration: none; transition: background-color .15s, color .15s; }
.wp-block-button__link:hover { background: var(--ix-oscura); }
.ix-banda--pizarra .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--ix-lima); color: var(--ix-oscura); }
.ix-banda--pizarra .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: #fff; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--ix-pizarra); border: 1.5px solid currentColor; }
.ix-banda--pizarra .wp-block-button.is-style-outline .wp-block-button__link { color: #fff; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.08); }

/* ---------- Las dos fórmulas ---------- */
.ix-formulas { gap: 0 !important; margin-top: 2.25rem !important; }
.ix-formulas > .wp-block-column { padding: 0.25rem 0 0.5rem; }
.ix-formulas > .wp-block-column + .wp-block-column { border-left: 1px solid var(--ix-linea); padding-left: clamp(1.5rem, 4vw, 3rem); }
.ix-formulas > .wp-block-column:first-child { padding-right: clamp(1.5rem, 4vw, 3rem); }
.ix-formulas h3 { font-size: 1.625rem; font-weight: 500; }
.ix-formulas .ix-quien { color: var(--ix-gris); font-size: 0.95rem; margin-top: 0.35rem; }
.ix-formulas ul { list-style: none; padding: 0; margin-top: 1.5rem; border-top: 1px solid var(--ix-linea); }
.ix-formulas li { padding: 0.8rem 0; border-bottom: 1px solid var(--ix-linea); }
.ix-formulas li strong { display: block; font-weight: 500; color: var(--ix-oscura); }
@media (max-width: 781px) {
	.ix-formulas > .wp-block-column + .wp-block-column { border-left: 0; padding-left: 0; padding-top: 2.5rem; }
	.ix-formulas > .wp-block-column:first-child { padding-right: 0; }
}

/* ---------- Lista de lo que hacemos (viñeta: el tejado) ---------- */
.ix-tareas { list-style: none; padding: 0; columns: 2 18rem; column-gap: 3rem; margin-top: 2rem !important; max-width: none !important; }
.ix-tareas li { break-inside: avoid; position: relative; padding: 0 0 1.1rem 2.1rem; max-width: 30rem; }
.ix-tareas li::before {
	content: ""; position: absolute; left: 0; top: 0.35em; width: 1.3rem; height: 0.8rem;
	background: var(--ix-pizarra); -webkit-mask: var(--ix-tejado) no-repeat center / contain; mask: var(--ix-tejado) no-repeat center / contain;
}
.ix-tareas li strong { font-weight: 500; color: var(--ix-oscura); }

/* ---------- Pasos: números finos, como el EXA del logo ---------- */
.ix-pasos { list-style: none; padding: 0; counter-reset: paso; display: grid; grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)); gap: 2rem 2rem; margin-top: 2.25rem !important; max-width: none !important; }
.ix-pasos li { counter-increment: paso; max-width: none; border-top: 1px solid var(--ix-pizarra); padding-top: 0.75rem; }
.ix-pasos li::before { content: counter(paso); display: block; font-size: 4rem; font-weight: 150; line-height: 1; color: var(--ix-pizarra); margin-bottom: 0.75rem; font-variant-numeric: lining-nums; }
.ix-pasos--estrecho { grid-template-columns: 1fr; gap: 1.5rem; margin-top: 1.25rem !important; }
.ix-pasos--estrecho li::before { font-size: 2.75rem; margin-bottom: 0.5rem; }
.ix-pasos li strong { display: block; font-weight: 500; font-size: 1.125rem; color: var(--ix-oscura); margin-bottom: 0.35rem; }

/* ---------- Bloque de dos columnas texto + dato ---------- */
.ix-dos { gap: 2rem clamp(2rem, 6vw, 5rem) !important; align-items: flex-start !important; }
.ix-dato { font-size: 1.0625rem; }
.ix-dato p { margin: 0; }
.ix-dato p + p { margin-top: 0.5rem; }
.ix-dato a { font-weight: 500; }

/* ---------- Preguntas ---------- */
.wp-block-details { border-bottom: 1px solid var(--ix-linea); padding: 1.1rem 0; margin: 0 !important; max-width: 44rem; }
.wp-block-details:first-of-type { border-top: 1px solid var(--ix-linea); margin-top: 1.75rem !important; }
.wp-block-details summary { font-weight: 500; font-size: 1.125rem; color: var(--ix-oscura); cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-weight: 200; font-size: 1.75rem; line-height: 0.8; color: var(--ix-pizarra); }
.wp-block-details[open] summary::after { content: "–"; }
.wp-block-details > :not(summary) { margin-top: 0.75rem; color: #3a404b; }

/* ---------- Textos largos (legal) ---------- */
.ix-texto { padding: var(--wp--preset--spacing--40) var(--ix-margen) var(--wp--preset--spacing--50); }
.ix-texto > * { max-width: 42rem; margin-inline: auto; }
.ix-texto h2 { font-size: 1.5rem; margin-top: 2.25rem; }
.ix-texto h3 { font-size: 1.1875rem; margin-top: 1.5rem; }

/* ---------- Formularios (Contact Form 7) ---------- */
.ix-formulario { max-width: 42rem !important; }
.wpcf7 form { display: grid; gap: 1.15rem; }
.wpcf7 p { margin: 0; max-width: none; }
.wpcf7 .ix-etiqueta { display: block; font-weight: 500; font-size: 0.95rem; color: var(--ix-oscura); }
.wpcf7 label { display: block; font-weight: 500; font-size: 0.95rem; color: var(--ix-oscura); }
.wpcf7 .ix-ayuda { display: block; font-weight: 400; color: var(--ix-gris); font-size: 0.875rem; }
.wpcf7 .wpcf7-form-control-wrap { display: block; margin-top: 0.35rem; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 textarea {
	width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; color: var(--ix-tinta);
	background: #fff; border: 1px solid #aeb5bf; border-radius: 2px; padding: 0.7rem 0.8rem;
}
.wpcf7 textarea { min-height: 6.5rem; height: 8rem; resize: vertical; }
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus { border-color: var(--ix-pizarra); outline: 2px solid var(--ix-pizarra); outline-offset: 0; }
.ix-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1.15rem; }
.wpcf7 .wpcf7-radio .wpcf7-list-item, .wpcf7 .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0.35rem 0 0; font-weight: 400; }
.wpcf7 .wpcf7-list-item label { font-weight: 400; display: inline-flex; gap: 0.5rem; align-items: baseline; }
.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] { accent-color: var(--ix-pizarra); width: 1.05rem; height: 1.05rem; }
.wpcf7 .ix-legal-form { font-size: 0.875rem; color: var(--ix-gris); }
.wpcf7 input[type="submit"] {
	justify-self: start; font: inherit; font-weight: 500; font-size: 1rem; cursor: pointer;
	background: var(--ix-pizarra); color: #fff; border: 0; border-radius: 2px; padding: 0.9rem 1.6rem;
}
.wpcf7 input[type="submit"]:hover { background: var(--ix-oscura); }
.wpcf7 .wpcf7-spinner { margin: 0 0 0 1rem; }
.wpcf7-not-valid-tip { color: #a3261b; font-size: 0.875rem; margin-top: 0.3rem; }
.wpcf7 form .wpcf7-response-output { margin: 0; padding: 0.9rem 1rem; border: 0; border-left: 3px solid var(--ix-pizarra); background: var(--ix-niebla); }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { border-left-color: #a3261b; }
.wpcf7 form.sent .wpcf7-response-output { border-left-color: #3f7a2b; }

/* ---------- Pie ---------- */
.ix-pie { background: var(--ix-oscura); color: #c3c9d2; padding: clamp(2.5rem, 6vw, 4rem) var(--ix-margen) 2rem; font-size: 0.95rem; }
.ix-pie a { color: #fff; }
.ix-pie__rejilla { max-width: var(--ix-ancho); margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1.2fr repeat(3, 1fr); gap: 2rem; }
.ix-pie__rejilla > * { margin: 0 !important; }
.ix-pie__col p { margin: 0.5rem 0 0; }
.ix-pie__marca { color: var(--ix-lima); font-weight: 600; letter-spacing: 0.08em; font-size: 1.125rem; margin: 0 !important; }
.ix-pie__titulo { color: #fff; font-size: 0.95rem !important; font-weight: 500; margin: 0; letter-spacing: 0; }
.ix-pie__legal { max-width: var(--ix-ancho); margin: 2.5rem auto 0 !important; padding-top: 1.25rem; border-top: 1px solid rgba(255,255,255,.14); font-size: 0.85rem; }
@media (max-width: 781px) { .ix-pie__rejilla { grid-template-columns: 1fr 1fr; } .ix-pie__rejilla > :first-child { grid-column: 1 / -1; } }

/* ---------- Área de clientes ---------- */
.ix-accesos { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0; border-top: 1px solid var(--ix-linea); max-width: none !important; margin-top: 2rem !important; }
.ix-acceso { display: block; padding: 1.5rem 1.5rem 1.6rem 0; border-bottom: 1px solid var(--ix-linea); text-decoration: none; color: var(--ix-tinta); }
.ix-acceso + .ix-acceso { padding-left: 1.5rem; border-left: 1px solid var(--ix-linea); }
.ix-acceso__titulo { display: block; font-size: 1.375rem; font-weight: 500; color: var(--ix-oscura); margin-bottom: 0.4rem; }
.ix-acceso__titulo::after { content: ""; display: inline-block; width: 0.5em; height: 0.5em; margin-left: 0.55em; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg) translateY(-0.15em); }
.ix-acceso__texto { color: var(--ix-gris); }
.ix-acceso:hover .ix-acceso__titulo { text-decoration: underline; text-underline-offset: 0.25em; }
@media (max-width: 781px) { .ix-acceso + .ix-acceso { padding-left: 0; border-left: 0; } }

.ix-entrada { max-width: 26rem !important; }
.ix-entrada form p { margin: 0 0 1rem; max-width: none; }
.ix-entrada label { display: block; font-weight: 500; font-size: 0.95rem; color: var(--ix-oscura); margin-bottom: 0.35rem; }
.ix-entrada input[type="text"], .ix-entrada input[type="password"], .ix-form-incidencia select, .ix-form-incidencia textarea, .ix-form-incidencia input[type="file"] {
	width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; border: 1px solid #aeb5bf; border-radius: 2px; padding: 0.7rem 0.8rem; background: #fff; color: var(--ix-tinta);
}
.ix-entrada .login-remember label { font-weight: 400; display: inline-flex; gap: 0.5rem; align-items: center; }
.ix-entrada input[type="checkbox"] { accent-color: var(--ix-pizarra); }
.ix-entrada .button, .ix-boton {
	display: inline-block; font: inherit; font-weight: 500; font-size: 1rem; cursor: pointer; text-decoration: none;
	background: var(--ix-pizarra); color: #fff !important; border: 0; border-radius: 2px; padding: 0.85rem 1.5rem;
}
.ix-entrada .button:hover, .ix-boton:hover { background: var(--ix-oscura); }
.ix-boton[disabled] { opacity: .5; cursor: not-allowed; }
.ix-entrada__ayuda { margin-top: 0.5rem !important; }
.ix-entrada__nota { color: var(--ix-gris); font-size: 0.925rem; margin-top: 1.5rem !important; padding-top: 1rem; border-top: 1px solid var(--ix-linea); }

.ix-mensaje { padding: 0.9rem 1rem; border-left: 3px solid var(--ix-pizarra); background: var(--ix-niebla); max-width: 44rem; }
.ix-mensaje--error { border-left-color: #a3261b; }
.ix-mensaje--ok { border-left-color: #3f7a2b; }
.ix-aviso-caja { max-width: 36rem !important; }

.ix-area { max-width: none !important; }
.ix-area__cabeza { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--ix-linea); }
.ix-area__cabeza p { margin: 0; }
.ix-area__saludo { font-size: 1.375rem; font-weight: 500; color: var(--ix-oscura); }
.ix-area__viviendas { color: var(--ix-gris); }
.ix-area__salir { margin-left: auto !important; }
.ix-area__bloque { margin-top: 2.75rem; }
.ix-area__bloque h2 { font-size: 1.625rem; margin-bottom: 1rem; }
.ix-avisos__item { padding: 1rem 0; border-bottom: 1px solid var(--ix-linea); max-width: 44rem; }
.ix-avisos__item h3 { font-size: 1.125rem; margin: 0.15rem 0 0.4rem; }
.ix-avisos__item p { margin: 0.4rem 0 0; }
.ix-fecha { color: var(--ix-gris); font-size: 0.875rem; margin: 0; }
.ix-vacio { color: var(--ix-gris); }
.ix-tabla { width: 100%; border-collapse: collapse; font-size: 0.975rem; }
.ix-tabla th { text-align: left; font-weight: 500; color: var(--ix-gris); font-size: 0.875rem; padding: 0.5rem 0.75rem 0.5rem 0; border-bottom: 1px solid var(--ix-pizarra); }
.ix-tabla td { padding: 0.75rem 0.75rem 0.75rem 0; border-bottom: 1px solid var(--ix-linea); vertical-align: top; }
.ix-tabla td:first-child { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ix-gris); }
.ix-estado { display: inline-block; font-size: 0.85rem; padding: 0.15rem 0.5rem; border-radius: 2px; background: var(--ix-niebla); white-space: nowrap; }
.ix-estado--en_curso { background: #fff3cd; }
.ix-estado--cerrada { background: #e3f1dc; }
.ix-form-incidencia { max-width: 36rem; margin-top: 2rem; padding: 1.5rem; background: var(--ix-niebla); }
.ix-form-incidencia h3 { margin: 0 0 1rem; font-size: 1.1875rem; }
.ix-form-incidencia p { margin: 0 0 1rem; }
.ix-form-incidencia label { display: block; font-weight: 500; font-size: 0.95rem; color: var(--ix-oscura); margin-bottom: 0.35rem; }
.ix-form-incidencia .ix-ayuda { font-weight: 400; color: var(--ix-gris); font-size: 0.875rem; }
.ix-nota { font-size: 0.925rem; color: var(--ix-gris); }
@media (max-width: 600px) {
	.ix-tabla thead { display: none; }
	.ix-tabla tr { display: grid; grid-template-columns: auto 1fr; gap: 0 0.75rem; padding: 0.6rem 0; border-bottom: 1px solid var(--ix-linea); }
	.ix-tabla td { border: 0; padding: 0.15rem 0; }
	.ix-tabla td:nth-child(2) { grid-column: 1 / -1; order: -1; }
}
.ix-subtitulo { font-size: 1.1875rem !important; margin-top: 1.5rem; }
.ix-dato .ix-subtitulo:first-child { margin-top: 0; }

/* ---------- Bienvenida y perfiles ---------- */
.ix-bienvenida h1 { max-width: 16ch; font-size: clamp(2.375rem, 5.5vw, 4rem); }
.ix-bienvenida .ix-entradilla { max-width: 40rem; }
.ix-bienvenida .wp-block-buttons { margin-top: 2rem; }
.ix-perfiles { gap: 0 !important; margin-top: 2.25rem !important; }
.ix-perfiles > .wp-block-column { display: flex; flex-direction: column; padding: 1.5rem clamp(1.25rem, 3vw, 2.25rem) 0.5rem; border-top: 2px solid var(--ix-pizarra); }
.ix-perfiles > .wp-block-column:first-child { padding-left: 0; }
.ix-perfiles > .wp-block-column:last-child { padding-right: 0; }
.ix-perfiles > .wp-block-column + .wp-block-column { border-left: 1px solid var(--ix-linea); }
.ix-perfiles h3 { font-size: 1.625rem; font-weight: 500; }
.ix-perfiles ul { list-style: none; padding: 0; margin: 1.25rem 0 1.75rem; }
.ix-perfiles li { position: relative; padding: 0.4rem 0 0.4rem 1.75rem; border-top: 1px solid var(--ix-linea); }
.ix-perfiles li::before { content: ""; position: absolute; left: 0; top: 0.85em; width: 1.05rem; height: 0.65rem; background: var(--ix-pizarra); -webkit-mask: var(--ix-tejado) no-repeat center / contain; mask: var(--ix-tejado) no-repeat center / contain; }
.ix-perfiles .wp-block-buttons { margin-top: auto; }
@media (max-width: 781px) {
	.ix-perfiles > .wp-block-column { padding-left: 0 !important; padding-right: 0 !important; border-left: 0 !important; padding-bottom: 2rem; }
}
@media (max-width: 1000px) { .ix-pie__rejilla { grid-template-columns: 1fr 1fr 1fr; } .ix-pie__rejilla > :first-child { grid-column: 1 / -1; } }

/* ---------- Tejado del logo (v4): la casa con sus proporciones exactas, nunca estirada ---------- */
.ix-tejado { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; max-width: none !important; margin: 0 !important; line-height: 0; pointer-events: none; --ix-tejado-alto: clamp(56px, 7vw, 104px); }
.ix-tejado svg { display: block; height: var(--ix-tejado-alto); overflow: visible; }
.ix-tejado__linea { flex: 3 1 0; width: 10px; }
.ix-tejado__linea--der { flex: 1 1 0; }
.ix-tejado--izq .ix-tejado__linea { flex: 1 1 0; }
.ix-tejado--izq .ix-tejado__linea--der { flex: 4 1 0; }
.ix-tejado__casa { width: calc(var(--ix-tejado-alto) * 96 / 43); flex: none; }
.ix-tejado path { fill: none; stroke: var(--ix-lima); stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }

/* ---------- Portada con la Plaza del Castillo ---------- */
.ix-bienvenida {
	background:
		linear-gradient(180deg, rgba(66, 74, 89, 0) 62%, rgba(66, 74, 89, .92) 88%, #424a59 100%),
		linear-gradient(90deg, rgba(44, 50, 61, .94) 0%, rgba(44, 50, 61, .82) 38%, rgba(44, 50, 61, .35) 72%, rgba(44, 50, 61, .15) 100%),
		url("img/plaza-castillo-2000.webp") center 60% / cover no-repeat,
		var(--ix-pizarra);
	min-height: min(78vh, 46rem);
	display: flex; flex-direction: column; justify-content: center;
	padding-bottom: clamp(5rem, 10vw, 8rem) !important;
}
.ix-bienvenida > * { position: relative; z-index: 1; }
.ix-bienvenida .ix-tejado { position: absolute; }
.ix-bienvenida h1 { text-shadow: 0 1px 24px rgba(0, 0, 0, .25); }
.ix-foto-credito { position: absolute !important; right: max(var(--ix-margen), calc((100% - var(--ix-ancho)) / 2)); bottom: calc(clamp(56px, 7vw, 104px) + 0.75rem); margin: 0 !important; font-size: 0.75rem; color: rgba(255, 255, 255, .78); text-shadow: 0 1px 6px rgba(0, 0, 0, .5); max-width: none !important; }
.ix-foto-credito a { color: inherit !important; }
@media (max-width: 781px) {
	.ix-bienvenida { background: linear-gradient(180deg, rgba(44, 50, 61, .86) 0%, rgba(44, 50, 61, .8) 75%, #424a59 100%), url("img/plaza-castillo-1100.webp") center / cover no-repeat, var(--ix-pizarra); min-height: 0; }
	.ix-foto-credito { display: none; }
}

/* Cuatro puertas en la portada */
.ix-perfiles--cuatro { flex-wrap: wrap !important; }
.ix-perfiles--cuatro > .wp-block-column { flex: 1 1 0 !important; }
@media (max-width: 1100px) and (min-width: 782px) {
	.ix-perfiles--cuatro > .wp-block-column { flex: 1 1 45% !important; }
	.ix-perfiles--cuatro > .wp-block-column:nth-child(3) { padding-left: 0; border-left: 0 !important; }
	.ix-perfiles--cuatro > .wp-block-column:nth-child(2) { padding-right: 0; }
}

/* ---------- Inmuebles en venta ---------- */
.ix-inms { display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); gap: 2rem 1.75rem; max-width: none !important; margin-top: 2rem !important; }
.ix-inm { background: #fff; border: 1px solid var(--ix-linea); border-radius: 2px; overflow: hidden; }
.ix-inm__enlace { display: block; color: inherit; text-decoration: none; height: 100%; }
.ix-inm__foto { position: relative; aspect-ratio: 4 / 3; background: var(--ix-niebla); overflow: hidden; }
.ix-inm__foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.ix-inm__enlace:hover .ix-inm__foto img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) { .ix-inm__foto img { transition: none; } }
.ix-inm__sinfoto { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ix-gris); font-size: 0.9rem; }
.ix-inm__estado { position: absolute; left: 0.75rem; top: 0.75rem; background: var(--ix-oscura); color: #fff; font-size: 0.8rem; font-weight: 500; padding: 0.25rem 0.6rem; border-radius: 2px; }
.ix-ficha__precio .ix-inm__estado { position: static; vertical-align: middle; margin-left: 0.75rem; }
.ix-inm__texto { padding: 1.1rem 1.25rem 1.3rem; }
.ix-inm__precio { font-size: 1.5rem; font-weight: 600; color: var(--ix-oscura); margin: 0; font-variant-numeric: tabular-nums; }
.ix-inm__titulo { font-size: 1.0625rem !important; font-weight: 500; margin: 0.35rem 0 0; line-height: 1.35; }
.ix-inm__enlace:hover .ix-inm__titulo { text-decoration: underline; text-underline-offset: 0.2em; }
.ix-inm__zona { color: var(--ix-gris); margin: 0.2rem 0 0; font-size: 0.95rem; }
.ix-inm__datos { margin: 0.75rem 0 0; padding-top: 0.75rem; border-top: 1px solid var(--ix-linea); font-size: 0.925rem; color: var(--ix-tinta); }
.ix-inms-vacio { max-width: 40rem; padding: 1.5rem; border-left: 3px solid var(--ix-pizarra); background: var(--ix-niebla); }
.ix-inms-vacio p { margin: 0; }
.ix-inms-vacio p + p { margin-top: 0.5rem; }

.ix-filtros { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; align-items: flex-end; max-width: none !important; padding: 1.25rem; background: var(--ix-niebla); }
.ix-filtros p { margin: 0; }
.ix-filtros label { display: block; font-size: 0.875rem; font-weight: 500; color: var(--ix-oscura); margin-bottom: 0.3rem; }
.ix-filtros select { font: inherit; font-size: 0.975rem; border: 1px solid #aeb5bf; border-radius: 2px; padding: 0.6rem 0.7rem; background: #fff; min-width: 11rem; }

/* Ficha */
.ix-banda--ficha { padding-top: clamp(2rem, 4vw, 3rem) !important; }
.ix-ficha { max-width: none !important; }
.ix-ficha__zona { color: var(--ix-gris); margin: 0; }
.ix-ficha__titulo { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; margin: 0.25rem 0 0; max-width: 30ch; }
.ix-ficha__precio { font-size: 1.75rem; font-weight: 600; color: var(--ix-oscura); margin: 0.5rem 0 0; }
.ix-galeria { display: grid; grid-template-columns: 2fr 1fr; grid-auto-rows: clamp(10rem, 17vw, 15rem); gap: 0.5rem; margin-top: 1.75rem; }
.ix-galeria[data-total="1"] { grid-template-columns: 1fr; }
.ix-galeria[data-total="2"] .ix-galeria__foto:nth-child(2) { grid-row: span 2; }
.ix-galeria__foto { display: block; overflow: hidden; background: var(--ix-niebla); }
.ix-galeria__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ix-galeria__foto--principal { grid-row: span 2; }
.ix-galeria__foto:nth-child(n+4) { display: none; }
@media (max-width: 781px) { .ix-galeria { grid-template-columns: 1fr 1fr; grid-auto-rows: 8rem; } .ix-galeria__foto--principal { grid-column: 1 / -1; grid-row: span 2; } }
.ix-ficha__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 24rem; gap: 2.5rem clamp(2rem, 5vw, 4rem); margin-top: 2.5rem; align-items: start; }
@media (max-width: 900px) { .ix-ficha__cuerpo { grid-template-columns: 1fr; } }
.ix-ficha__datos { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: 0; margin: 0; border-top: 1px solid var(--ix-linea); }
.ix-ficha__datos > div { padding: 0.8rem 0.75rem 0.8rem 0; border-bottom: 1px solid var(--ix-linea); }
.ix-ficha__datos dt { font-size: 0.85rem; color: var(--ix-gris); }
.ix-ficha__datos dd { margin: 0.15rem 0 0; font-weight: 500; color: var(--ix-oscura); }
.ix-ficha__descripcion { margin-top: 1.75rem; max-width: 42rem; }
.ix-ficha__contacto { position: sticky; top: 1.5rem; border: 1px solid var(--ix-linea); }
.ix-ficha__contacto h2 { font-size: 1.375rem !important; margin: 0; }
.ix-energia { display: inline-block; min-width: 1.9rem; text-align: center; color: #fff; font-weight: 600; padding: 0.1rem 0.45rem; border-radius: 2px; }
.ix-energia--a { background: #00843d; } .ix-energia--b { background: #4bb04f; } .ix-energia--c { background: #bed630; color: #23272f; }
.ix-energia--d { background: #fff200; color: #23272f; } .ix-energia--e { background: #fcb814; color: #23272f; } .ix-energia--f { background: #f36f21; } .ix-energia--g { background: #e2231a; }

/* ---------- Portada de primer nivel (v5) ---------- */
/* Fondos fotográficos: la foto, un velo pizarra que asegura el contraste y un fundido al pie para el tejado */
.ix-foto { position: relative; background-color: var(--ix-pizarra); background-size: cover; background-position: center; }
.ix-hero, .ix-foto--quiosco { --ix-foto: url("img/plaza-quiosco-2000.webp"); --ix-foto-movil: url("img/plaza-quiosco-1100.webp"); }
.ix-foto--casco { --ix-foto: url("img/casco-viejo-2000.webp"); --ix-foto-movil: url("img/casco-viejo-1100.webp"); background-position: center 35%; }
.ix-foto--balcon { --ix-foto: url("img/plaza-balcon-2000.webp"); --ix-foto-movil: url("img/plaza-balcon-1100.webp"); }
.ix-hero, .ix-foto {
	background-image:
		linear-gradient(180deg, rgba(66, 74, 89, 0) 60%, rgba(66, 74, 89, .9) 90%, #424a59 100%),
		linear-gradient(90deg, rgba(38, 43, 53, .9) 0%, rgba(38, 43, 53, .72) 40%, rgba(38, 43, 53, .3) 68%, rgba(38, 43, 53, .2) 100%),
		var(--ix-foto);
	background-size: cover; background-position: center 55%;
}
.ix-hero { min-height: min(88vh, 50rem); display: flex; flex-direction: column; justify-content: center; padding-top: clamp(3rem, 7vw, 5.5rem) !important; padding-bottom: clamp(6rem, 11vw, 9rem) !important; }
.ix-hero h1 { font-size: clamp(2.5rem, 5.6vw, 4.5rem) !important; max-width: 13ch !important; letter-spacing: -0.025em; text-shadow: 0 2px 30px rgba(0, 0, 0, .3); }
.ix-hero .ix-entradilla { max-width: 34rem; color: #eef1f4; }
.ix-hero .wp-block-buttons { margin-top: 2rem; }
.ix-hero__otros { display: flex; flex-wrap: wrap; gap: 0.25rem 1.1rem; font-size: 0.95rem; color: #c9d0d9; margin-top: 1.5rem !important; }
.ix-hero__otros a { color: #fff; }
@media (max-width: 781px) {
	.ix-hero, .ix-foto { background-image: linear-gradient(180deg, rgba(38, 43, 53, .84) 0%, rgba(38, 43, 53, .8) 80%, #424a59 100%), var(--ix-foto-movil); }
	.ix-hero { min-height: 0; }
}

/* Tarjeta de valoración en tres pasos */
.ix-tarjeta--valoracion { box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45); }
.ix-tarjeta--valoracion h2 { font-size: 1.625rem !important; }
.ix-progreso { display: none; }
.ix-pasos-form--activo .ix-progreso { display: flex; gap: 0.35rem; margin: 0 0 1.25rem !important; }
.ix-progreso__paso { flex: 1; font-size: 0.8rem; color: var(--ix-gris); padding-top: 0.5rem; border-top: 3px solid var(--ix-linea); }
.ix-progreso__paso.is-hecho { border-top-color: var(--ix-pizarra); }
.ix-progreso__paso.is-actual { border-top-color: var(--ix-lima); color: var(--ix-oscura); font-weight: 500; }
.ix-paso { display: grid; gap: 1.1rem; }
.ix-paso + .ix-paso { margin-top: 1.5rem; }
.ix-pasos-form--activo .ix-paso + .ix-paso { margin-top: 0; }
.ix-paso[hidden] { display: none; }
.ix-paso__botones { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.ix-pasos-form:not(.ix-pasos-form--activo) .ix-siguiente, .ix-pasos-form:not(.ix-pasos-form--activo) .ix-anterior { display: none; }
.ix-siguiente, .ix-anterior { font: inherit; font-weight: 500; font-size: 1rem; cursor: pointer; border-radius: 2px; padding: 0.85rem 1.5rem; }
.ix-siguiente { background: var(--ix-pizarra); color: #fff; border: 0; }
.ix-siguiente:hover { background: var(--ix-oscura); }
.ix-anterior { background: transparent; color: var(--ix-pizarra); border: 1px solid #aeb5bf; }
.ix-tarjeta--valoracion .wpcf7-radio { display: grid; gap: 0.5rem; margin-top: 0.6rem; }
.ix-tarjeta--valoracion .wpcf7-radio .wpcf7-list-item { margin: 0 !important; }
.ix-tarjeta--valoracion .wpcf7-radio .wpcf7-list-item label { display: flex; width: 100%; box-sizing: border-box; padding: 0.85rem 1rem; border: 1px solid #aeb5bf; border-radius: 2px; cursor: pointer; font-weight: 500; color: var(--ix-oscura); }
.ix-tarjeta--valoracion .wpcf7-radio .wpcf7-list-item label:has(input:checked) { border-color: var(--ix-pizarra); box-shadow: inset 0 0 0 1px var(--ix-pizarra); background: #f6f8f0; }
.wpcf7 input[type="number"] { width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; color: var(--ix-tinta); background: #fff; border: 1px solid #aeb5bf; border-radius: 2px; padding: 0.7rem 0.8rem; }

/* Franja de confianza */
.ix-confianza { background: var(--ix-pizarra); color: #dfe4ea; padding-top: 0 !important; padding-bottom: clamp(2.5rem, 5vw, 3.5rem) !important; }
.ix-confianza__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem 2rem; max-width: none !important; }
.ix-confianza__lista li { border-top: 1px solid rgba(255, 255, 255, .18); padding-top: 1rem; max-width: none; }
.ix-confianza__lista strong { display: block; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 500; color: #fff; line-height: 1.1; }
.ix-confianza__lista span { display: block; margin-top: 0.35rem; font-size: 0.95rem; }
@media (max-width: 900px) { .ix-confianza__lista { grid-template-columns: 1fr 1fr; } }

/* Dos tarjetas grandes con foto */
.ix-grandes { gap: 1.5rem !important; margin-top: 2rem !important; }
.ix-grande { position: relative; color: #fff; padding: clamp(1.75rem, 4vw, 3rem) !important; min-height: 30rem; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 2px; overflow: hidden; background-size: cover; background-position: center; }
.ix-grande--venta { background-image: linear-gradient(180deg, rgba(38, 43, 53, .35) 0%, rgba(38, 43, 53, .8) 32%, rgba(38, 43, 53, .95) 52%), url("img/plaza-balcon-1100.webp"); }
.ix-grande--gestion { background-image: linear-gradient(180deg, rgba(38, 43, 53, .35) 0%, rgba(38, 43, 53, .8) 32%, rgba(38, 43, 53, .95) 52%), url("img/casco-viejo-1100.webp"); background-position: center 30%; }
.ix-grande h3 { color: #fff !important; font-size: clamp(1.75rem, 3vw, 2.25rem) !important; font-weight: 500; }
.ix-grande p { color: #e4e8ed; max-width: 30rem; }
.ix-grande ul { list-style: none; padding: 0; margin: 1rem 0 1.75rem; }
.ix-grande li { position: relative; padding: 0.45rem 0 0.45rem 1.75rem; border-top: 1px solid rgba(255, 255, 255, .18); color: #fff; }
.ix-grande li::before { content: ""; position: absolute; left: 0; top: 0.85em; width: 1.05rem; height: 0.65rem; background: var(--ix-lima); -webkit-mask: var(--ix-tejado) no-repeat center / contain; mask: var(--ix-tejado) no-repeat center / contain; }
.ix-grande .wp-block-button__link { background: var(--ix-lima) !important; color: var(--ix-oscura) !important; }
.ix-grande .wp-block-button__link:hover { background: #fff !important; }
@media (max-width: 781px) { .ix-grande { min-height: 26rem; } }

/* Comparativa */
.ix-comparativa { margin: 2rem 0 2rem !important; max-width: none !important; overflow-x: auto; }
.ix-comparativa table { width: 100%; border-collapse: collapse; background: #fff; font-size: 0.975rem; min-width: 40rem; }
.ix-comparativa th, .ix-comparativa td { padding: 0.9rem 1rem; text-align: left; border: 0 !important; border-bottom: 1px solid var(--ix-linea) !important; vertical-align: top; }
.ix-comparativa thead { border: 0 !important; }
.ix-comparativa thead th { font-weight: 500; color: #fff; background: var(--ix-oscura); border-bottom: 0; }
.ix-comparativa thead th:last-child { background: var(--ix-pizarra); box-shadow: inset 0 -3px 0 var(--ix-lima); }
.ix-comparativa tbody th { font-weight: 500; color: var(--ix-oscura); width: 28%; }
.ix-comparativa td:nth-child(2) { color: var(--ix-gris); }
.ix-comparativa td:last-child { background: #f6f8f0; font-weight: 500; color: var(--ix-oscura); }

/* Una empresa navarra */
.ix-nosotros__foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2px; }
.ix-nosotros h2 { font-size: clamp(2rem, 3.6vw, 2.75rem) !important; }
.ix-nosotros__otros { color: var(--ix-gris); }
.ix-nosotros__otros a { color: var(--ix-pizarra); }
.ix-mas { margin-top: 1.5rem !important; }
.ix-mas a { font-weight: 500; }

/* Cierre con la plaza */
.ix-cierre--foto { background-image: linear-gradient(90deg, rgba(38, 43, 53, .94) 0%, rgba(38, 43, 53, .86) 50%, rgba(38, 43, 53, .7) 100%), url("img/plaza-castillo-2000.webp"); background-size: cover; background-position: center 60%; padding-top: clamp(4rem, 9vw, 7rem) !important; padding-bottom: clamp(4rem, 9vw, 7rem) !important; }
.ix-cierre--foto h2 { font-size: clamp(2.25rem, 4.5vw, 3.5rem) !important; }
@media (max-width: 781px) { .ix-cierre--foto { background-image: linear-gradient(rgba(38, 43, 53, .85), rgba(38, 43, 53, .85)), url("img/plaza-castillo-1100.webp"); } }

/* Cabeceras de página con foto: velo más denso que en la portada, el texto va encima de la foto */
.ix-foto { background-image:
	linear-gradient(180deg, rgba(66, 74, 89, 0) 60%, rgba(66, 74, 89, .9) 90%, #424a59 100%),
	linear-gradient(90deg, rgba(38, 43, 53, .94) 0%, rgba(38, 43, 53, .86) 45%, rgba(38, 43, 53, .45) 75%, rgba(38, 43, 53, .35) 100%),
	var(--ix-foto); }
@media (max-width: 781px) { .ix-foto { background-image: linear-gradient(180deg, rgba(38, 43, 53, .88) 0%, rgba(38, 43, 53, .84) 80%, #424a59 100%), var(--ix-foto-movil); } }