




.isla-hero .page-hero__visual{display:grid;place-items:center;background:var(--mv-mar,#0A1114)}
.isla-hero .page-hero__visual::after{background:linear-gradient(90deg,var(--ink-bg),transparent 18%)}
.isla-mapa{position:relative;margin:0;width:100%;height:100%;display:grid;place-items:center;padding:clamp(28px,5vw,72px)}
.isla-mapa svg{display:block;width:100%;height:auto;max-height:72vh;overflow:visible}
.isla-silueta{fill:rgba(63,169,174,.12);stroke:rgba(232,227,221,.7);stroke-width:1.2;vector-effect:non-scaling-stroke}
.isla-halo{fill:none;stroke:rgba(63,169,174,.28);stroke-width:9;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.isla-contexto{fill:rgba(232,227,221,.05);stroke:rgba(232,227,221,.28);stroke-width:1;vector-effect:non-scaling-stroke}
.isla-contexto-rotulo{fill:rgba(232,227,221,.6);font-family:Jost,Futura,"Century Gothic",sans-serif;font-weight:600;letter-spacing:.18em}
.isla-punto-visible{fill:var(--mv-roca);stroke:var(--mv-turquesa-clara);stroke-width:1.5;vector-effect:non-scaling-stroke}
.isla-punto text{fill:var(--mv-turquesa-clara);font-family:var(--mv-font-body,Manrope,sans-serif);font-weight:700;text-anchor:middle;dominant-baseline:central}
.isla-mapa figcaption{position:absolute;left:clamp(16px,3vw,28px);bottom:16px;max-width:60%;color:rgba(232,227,221,.66);font-size:var(--mv-type-12);letter-spacing:.06em}
.isla-acceso{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin:34px 0 0;max-width:660px}
.isla-acceso>div{background:var(--ink-bg);padding:14px 18px;display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:16px;align-items:baseline}
.isla-acceso dt{color:rgba(232,227,221,.72);font-size:var(--mv-type-12);letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.isla-acceso dd{margin:0;color:var(--mv-texto);font-size:var(--mv-type-16)}
.isla-acceso a{color:var(--mv-turquesa-clara)}
.page-hero .eyebrow a{color:inherit;text-decoration:none}


.elige{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.elige__cabeza{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:12px 40px;align-items:end;margin-bottom:30px}
.elige__titulo{margin:12px 0 0;font-family:var(--display);font-size:var(--mv-type-40);font-weight:500;line-height:.95;letter-spacing:-.04em}
.elige__cabeza p{margin:0;color:rgba(232,227,221,.72);max-width:52ch}
.elige__facetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.faceta{border:0;margin:0;padding:0;min-width:0}
.faceta legend{padding:0;margin:0 0 12px;font-size:var(--mv-type-12);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-texto)}
.faceta legend small{display:block;margin-top:4px;font-size:var(--mv-type-12);font-weight:400;letter-spacing:.02em;text-transform:none;color:rgba(232,227,221,.66)}
.faceta .chips{margin-top:0}
.chip--opcion{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--mv-texto);font-family:inherit;cursor:pointer}
.chip--opcion[aria-pressed="true"]{border-color:var(--mv-turquesa);background:rgba(63,169,174,.18);color:var(--mv-turquesa-clara)}
.chip--opcion[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.chip__n{font-variant-numeric:tabular-nums;color:rgba(232,227,221,.66)}
.chip--opcion[aria-pressed="true"] .chip__n{color:inherit}
.elige__pie{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.elige__resultado{margin:0;color:var(--mv-texto);font-weight:700}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.indice a{display:inline-flex;align-items:center;min-height:44px;color:var(--mv-texto);text-decoration:none}


.capitulo .section-head h2{max-width:16ch}
.planes{align-items:stretch}
.plan{display:flex;flex-direction:column;gap:12px}
.plan h3{margin:4px 0 0;font-family:var(--display);font-size:var(--mv-type-28);font-weight:500;line-height:1.02;letter-spacing:-.02em}
.plan__texto{margin:0;color:rgba(232,227,221,.74)}
.plan__datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:4px 0 0;background:var(--line);border:1px solid var(--line)}
.plan__datos>div{background:var(--ink-bg);padding:10px 12px;min-width:0}
.plan__datos dt{font-size:var(--mv-type-12);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,227,221,.66)}
.plan__datos dd{margin:4px 0 0;color:var(--mv-texto);font-size:var(--mv-type-14);overflow-wrap:anywhere}
.dato--pendiente{color:rgba(232,227,221,.72);text-decoration:underline dashed rgba(232,227,221,.4);text-underline-offset:3px}
.dato__tag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid rgba(232,227,221,.3);font-size:var(--mv-type-12);letter-spacing:.06em;text-transform:uppercase;color:rgba(232,227,221,.72)}
.plan__confianza{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:var(--mv-type-12);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,227,221,.72)}
.plan__mas summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--mv-turquesa-clara);font-size:var(--mv-type-14);font-weight:700}
.plan__mas p,.plan__mas ul{margin:8px 0 0;font-size:var(--mv-type-14);color:rgba(232,227,221,.8)}
.plan__mas ul{padding-left:18px}
.plan__mas a{color:var(--mv-turquesa-clara)}
.plan__ruta{display:flex;align-items:center;gap:10px;font-size:var(--mv-type-12);font-weight:700;letter-spacing:.16em;color:var(--mv-texto)}
.plan__ruta i{flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--mv-turquesa) 0 6px,transparent 6px 11px)}
.plan.is-pendiente{outline:1px dashed rgba(232,227,221,.45);outline-offset:-1px}
.plan[hidden],.capitulo__vacio[hidden]{display:none}
.capitulo__vacio{margin:18px 0 0;color:rgba(232,227,221,.72)}


.comparativa{margin:0 0 clamp(36px,5vw,64px)}
.comparativa h3{margin:0 0 18px;font-family:var(--display);font-size:var(--mv-type-40);font-weight:500;line-height:1;letter-spacing:-.03em}
.comparativa table{width:100%;border-collapse:collapse;table-layout:fixed}
.comparativa th,.comparativa td{padding:16px 14px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.comparativa thead th{border-top:0;font-family:var(--display);font-size:var(--mv-type-28);font-weight:500;line-height:1.05}
.comparativa tbody th{width:24%;font-size:var(--mv-type-12);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,227,221,.72)}
.comparativa td{color:var(--mv-texto)}




.lugares__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}
.lugares__lista li{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 18px;background:var(--surface)}
.lugar__n{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--mv-turquesa-clara);border-radius:50%;color:var(--mv-turquesa-clara);font-size:var(--mv-type-12);font-weight:700}
.lugar__nombre{display:block;color:var(--mv-texto)}
.lugar__fuente{display:block;margin-top:4px;font-size:var(--mv-type-12);color:rgba(232,227,221,.66);overflow-wrap:anywhere}
.lugar__fuente a{color:var(--mv-turquesa-clara)}
.lugares__nota{margin:18px 0 0;color:rgba(232,227,221,.72);max-width:70ch}


.consulta__caja{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.consulta__caja p{margin:14px 0 0;color:rgba(243,237,223,.72);max-width:52ch}
.consulta__accion{display:grid;gap:10px;justify-items:start}
.consulta__nota{margin:0!important;font-size:var(--mv-type-14)}
.consulta__estado{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px dashed rgba(232,227,221,.45);font-size:var(--mv-type-12);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mv-texto)}


.otras__lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}
.otras__lista a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:18px 20px;background:var(--surface);color:var(--mv-texto);text-decoration:none;font-family:var(--display);font-size:var(--mv-type-28);line-height:1}
.otras__lista a::after{content:'↗︎';color:var(--orange);font-family:var(--body);font-size:var(--mv-type-16)}

@media (max-width:1050px){
 .elige__facetas{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lugares__lista,.otras__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
 .elige__cabeza,.consulta__caja{grid-template-columns:1fr}
}
@media (max-width:680px){
 .planes{grid-template-columns:1fr}
 .elige__facetas,.lugares__lista,.otras__lista{grid-template-columns:1fr}
 .isla-acceso>div{grid-template-columns:1fr;gap:4px}
 .isla-mapa svg{max-height:46vh}
 .isla-mapa figcaption{max-width:none;right:16px}
 .comparativa thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .comparativa table,.comparativa tbody,.comparativa tr,.comparativa th,.comparativa td{display:block;width:auto}
 .comparativa tr{padding:12px 0;border-top:1px solid var(--line)}
 .comparativa th,.comparativa td{border-top:0;padding:6px 0}
 .comparativa td::before{content:attr(data-op);display:block;font-size:var(--mv-type-12);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mv-turquesa-clara)}
}
@media (max-width:420px){.plan__datos{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.plan,.chip--opcion{transition:none}}
.otras .eyebrow{margin-bottom:22px}


.elige [hidden],.indice[hidden],.plan[hidden],.capitulo__vacio[hidden]{display:none!important}
.plan__datos>div:last-child:nth-child(odd){grid-column:1/-1}
.plan__pendiente{margin:0;font-size:var(--mv-type-14);color:rgba(232,227,221,.72)}
.plan__pendiente span{color:var(--mv-texto);font-weight:700}
.planes--1{grid-template-columns:minmax(0,560px)}
.planes--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:680px){
 .planes--1,.planes--2{grid-template-columns:1fr}
 .isla-mapa figcaption{left:16px;right:48px}
 .faceta .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
 .chip--opcion{flex:0 0 auto}
}


@media (max-width:1050px){
 .isla-hero .page-hero__visual{order:0;min-height:auto}
 .isla-hero .page-hero__copy{padding-bottom:28px}
 .isla-mapa{padding:8px 20px 40px}
 .isla-mapa svg{max-height:40vh}
}
@media (max-width:680px){.isla-hero .page-hero__copy{padding-top:36px}.isla-mapa svg{max-height:34vh}}
.elige__facetas--1{grid-template-columns:minmax(0,1fr)}
.elige__facetas--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.elige__facetas--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:680px){.elige__facetas--2,.elige__facetas--3{grid-template-columns:1fr}}
.ref[hidden]{display:none!important}
.referencias{margin:0 0 18px}
.referencias__titulo{margin:0 0 14px;font-size:var(--mv-type-12);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mv-texto)}
.referencias__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}
.ref{display:grid;gap:4px;padding:16px 18px;background:var(--surface)}
.ref.is-pendiente{outline:1px dashed rgba(232,227,221,.45);outline-offset:-1px}
.ref__nombre{font-family:var(--display);font-size:var(--mv-type-28);line-height:1.05;color:var(--mv-texto);text-decoration:none}
.ref__nombre:hover{text-decoration:underline}
.ref__nombre:focus-visible{outline:2px solid var(--mv-foco);outline-offset:2px}
.ref__zona{font-size:var(--mv-type-14);color:rgba(232,227,221,.74)}
.ref__fuente{font-size:var(--mv-type-12);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mv-turquesa-clara)}
.referencias__nota{margin:14px 0 0;font-size:var(--mv-type-14);color:rgba(232,227,221,.72);max-width:70ch}
.capitulo__sinfichas{margin:18px 0 0;padding:12px 16px;border-left:2px solid rgba(232,227,221,.35);color:rgba(232,227,221,.78);max-width:70ch}
.capitulo__ruta{max-width:560px;margin:0 0 24px}
@media (max-width:680px){.referencias__lista{grid-template-columns:1fr}}

.referencias__lista>li:last-child:nth-child(odd){grid-column:1/-1}
.referencias__titulo{font-family:var(--body)}
.chip--opcion:focus-visible,.otras__lista a:focus-visible{outline:2px solid var(--mv-foco);outline-offset:2px}

/* Puntos numerados: navegación nativa al lugar, sin depender de JavaScript. */
.isla-hero .page-hero__visual::after{pointer-events:none}
a.isla-punto{cursor:pointer;text-decoration:none}
a.isla-punto:hover .isla-punto-visible,a.isla-punto:focus-visible .isla-punto-visible{fill:var(--mv-turquesa-clara);stroke:var(--mv-texto)}
a.isla-punto:hover text,a.isla-punto:focus-visible text{fill:var(--mv-roca)}
a.isla-punto:focus-visible{outline:2px solid var(--mv-turquesa-clara);outline-offset:4px}
.lugares__lista>li[id]{scroll-margin-top:calc(var(--mv-cab,76px) + 24px)}
.lugares__lista>li:target{outline:2px solid var(--mv-turquesa-clara);outline-offset:-2px;background:var(--mv-superficie-2,#1B1F22)}
.lugares__lista>li[id]:focus-visible{outline:2px solid var(--mv-turquesa-clara);outline-offset:-2px}

/* G1: superficie táctil mínima de 44px a 320x640; sin cambiar tamaño de los números. */
a.isla-punto .isla-punto-hit{fill:transparent;stroke:none;pointer-events:all}
a.isla-punto .isla-punto-visible,a.isla-punto text{pointer-events:none}
.isla-punto-guia{pointer-events:none}
.isla-punto-guia line{stroke:var(--mv-turquesa-clara);stroke-opacity:.65;stroke-width:1;vector-effect:non-scaling-stroke}
.isla-punto-guia circle{fill:var(--mv-turquesa-clara);stroke:none}

/* Aire: entrada ligera; visor y motor solo tras pulsación. */
.aire-entrada{grid-column:2;justify-self:start;margin-top:8px;min-height:44px;padding:8px 12px;border:1px solid var(--mv-turquesa-clara);border-radius:4px;background:transparent;color:var(--mv-turquesa-clara);font:inherit;cursor:pointer}.aire-entrada:focus-visible{outline:3px solid var(--mv-turquesa-clara);outline-offset:3px}
