.home{display:grid;grid-template-columns:minmax(320px,440px) 1fr;height:calc(100dvh - 60px);background:#fff}
.intro{padding:32px 28px;overflow:auto;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line)}
.intro h1{font-size:31px;line-height:1.15;letter-spacing:-.02em;font-weight:800}
.lead{font-size:17px;color:#3d4653}
.cards{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.rcard{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--line);border-radius:var(--r);padding:16px 18px;background:#fff;cursor:pointer;text-align:left;width:100%;transition:border-color .15s,box-shadow .15s,transform .15s}
.rcard:hover,.rcard.on{border-color:var(--accent);box-shadow:0 4px 18px rgba(182,38,130,.16)}
.rcard b{display:block;font-size:19px}
.rcard small{display:block;color:var(--muted);margin-top:2px}
.rcard .go{flex:none;background:var(--accent);color:#fff;border-radius:999px;padding:9px 16px;font-weight:700}
.rcard.prox .go{background:#e9ebef;color:#667085}
.nota-home{font-size:14px;color:var(--muted);margin-top:auto}
.mapa-home{position:relative;min-height:320px;background:#eef0f2}
#spain{position:absolute;inset:0}
.hint-home{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#fff;border-radius:999px;box-shadow:var(--shadow);padding:9px 16px;font-weight:600;pointer-events:none}
.etiqueta-region{background:#fff;border:2px solid var(--accent);border-radius:999px;padding:6px 14px;font-weight:800;box-shadow:var(--shadow);color:var(--accent-d);cursor:pointer;white-space:nowrap;font-size:15px}
.etiqueta-region:hover{background:var(--accent);color:#fff}
@media (max-width:860px){
  .home{grid-template-columns:1fr;grid-template-rows:auto minmax(46dvh,1fr);height:auto;min-height:calc(100dvh - 60px)}
  .intro{border-right:0;padding:20px 16px;order:1}
  .mapa-home{order:2;min-height:48dvh}
  .intro h1{font-size:25px}
}