/* Pulido visual Territorio: tierra | mapa | mar. Solo presentación. */
@media (min-width: 901px) {
  .territorio-real .rail {
    background-color: #f8f6ec;
    background-image:
      linear-gradient(180deg, rgba(255, 253, 245, .13) 0%, transparent 38%, rgba(255, 251, 238, .22) 100%),
      url('../art/dunas-izquierda.webp');
    background-position: center, center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    border-right-color: rgba(29, 73, 84, .13);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .territorio-real #right-panel {
    background-color: #a7dfe6;
    background-image: url('../art/mar-derecha.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-left-color: rgba(28, 87, 105, .18);
  }

  #right-panel .drawer-head,
  #right-panel .capas-search {
    background: rgba(251, 251, 244, .84);
    border-color: rgba(41, 97, 108, .19);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  #right-panel .drawer-body { background: transparent; }
  #right-panel .lp-card,
  #right-panel .cat-cat,
  #right-panel .cat-capa,
  #right-panel .cat-card,
  #right-panel .info-disclaimer,
  #right-panel .mdd-chk,
  #right-panel .info-links a,
  #right-panel #date-range {
    background-color: rgba(255, 253, 247, .95);
    border-color: rgba(40, 93, 100, .20);
  }

  #right-panel .lp-card:hover,
  #right-panel .cat-cat:hover,
  #right-panel .cat-capa:hover,
  #right-panel .cat-card:hover,
  #right-panel .mdd-chk:hover,
  #right-panel .info-links a:hover {
    background-color: rgba(255, 253, 247, .97);
  }

  #right-panel .lp-group,
  #right-panel .drawer-label,
  #right-panel .info-src,
  #right-panel .lp-empty,
  #right-panel .cat-cards-toggle {
    color: #173b4b;
    text-shadow: 0 1px 0 rgba(251, 253, 249, .7);
  }

  #right-panel #capas-q { background: rgba(255, 253, 247, .96); }
  #right-panel .info-src {
    margin: 16px 0 0;
    padding: 10px 12px;
    background: rgba(255, 253, 247, .92);
    border: 1px solid rgba(40, 93, 100, .20);
    border-radius: 8px;
    color: #3b5961;
    line-height: 1.55;
    text-shadow: none;
  }
  #right-panel #list-panel .lp-legal {
    background: rgba(250, 250, 241, .88);
    border-top-color: rgba(41, 97, 108, .19);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }

  .territorio-real .rail-btn:not(.rail-primary) {
    min-height: 50px;
    color: #193d50;
    font-weight: 600;
  }
  .territorio-real .rail-btn:not(.rail-primary):hover,
  .territorio-real .rail-btn:not(.rail-primary).active {
    background: rgba(231, 241, 234, .86);
  }
  .territorio-real .rail-primary {
    min-height: 53px;
    margin-bottom: 16px;
  }
  .territorio-real .rail { gap: 7px; }
}

@media (min-width: 1101px) {
  body.territorio-real {
    --rail-w: clamp(236px, 21.5vw, 340px);
    --right-w: clamp(326px, 29.6vw, 620px);
  }
  .territorio-real .topbar-search { width: min(640px, 50vw); }
}

@media (min-width: 901px) and (max-width: 1050px) {
  .territorio-real .rail-btn:not(.rail-primary),
  .territorio-real .rail-primary { min-height: 43px; margin-bottom: 0; }
  .territorio-real .rail { gap: 3px; }
}