.turomas-soporte { display: grid; gap: 16px; }
.turomas-soporte__content { display: grid; grid-template-columns: 420px 1fr; gap: 16px; }
@media (max-width: 980px){
  .turomas-soporte__content { grid-template-columns: 1fr; }
}

.turomas-card { border: 1px solid #e5e5e5; border-radius: 12px; padding: 16px; background: #fff; }
.turomas-card__title { font-weight: 700; margin-bottom: 10px; }
.turomas-card__label { font-weight: 700; margin: 10px 0 6px; }
.turomas-card__row { margin: 4px 0; }
.turomas-soporte__hint { color: #666; }

/* Hide results panel by default - will be shown when a country is selected */
.turomas-soporte__data { display: none; }

/* Static content (options page data) - hidden by default, shown via JS */
.turomas-soporte__data--static { display: none !important; }
.turomas-soporte__data--static.is-visible { display: block !important; }

.turomas-options-content { display: grid; gap: 16px; }

/* Country cards - hidden by default */
.turomas-card--country { display: none !important; }
.turomas-card--country.is-visible { display: block !important; }

.turomas-soporte__map svg { width: 100%; height: auto; }
.turomas-soporte__map svg [id] { cursor: pointer; transition: opacity .15s ease, filter .15s ease; opacity: .55; }
.turomas-soporte__map svg [id].is-active { opacity: 1; filter: drop-shadow(0 0 3px rgba(0,0,0,.25)); fill: #ed8118; }
.turomas-soporte__map svg [id]:hover { opacity: .9; }