/* Portal Nômade — v2.6: fixed search above the entire site; Astra menu stays below it. */
:root{--pnb-search-height:54px;--pnb-search-width:1050px}
.pnb-global-search{display:block;position:fixed;top:0;left:0;right:0;z-index:99999;width:100%;box-sizing:border-box;background:transparent;padding:4px 0 5px;margin:0;float:none;box-shadow:none}
.pnb-search-wrap{width:min(var(--pnb-search-width),calc(100% - 40px));max-width:var(--pnb-search-width);margin:0 auto;padding:0;box-sizing:border-box}
.pnb-search-bar{display:grid;grid-template-columns:1fr 1.05fr 1fr auto;align-items:center;width:100%;height:44px;padding:0 8px;background:#fff;border-radius:9px;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;box-sizing:border-box}
.pnb-field{position:relative;min-width:0;height:100%;padding:5px 14px 4px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.pnb-field+.pnb-field{border-left:1px solid #e2e2e2}
.pnb-field label{display:block;margin:0 0 2px;color:#555;font-size:9px;line-height:1;font-weight:700;text-transform:uppercase}
.pnb-field select{display:block;width:100%;height:19px;margin:0;padding:0 22px 0 0;border:0!important;background:transparent;color:#222;font-size:13px;box-shadow:none!important;outline:none!important}
.pnb-field select:disabled{color:#aaa}
#pnb-buscar{align-self:center;height:32px;min-width:118px;margin:0 6px;padding:0 12px;border:0;border-radius:12px;background:#c99d38;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;cursor:pointer}
#pnb-buscar:hover{background:#b88c2f}
.pnb-search-icon{display:inline-block;margin-right:5px;font-size:14px;vertical-align:-2px}

/* Leave WordPress' admin/customization bar visible for logged-in editors. */
body.admin-bar .pnb-global-search{top:32px}
body.admin-bar #masthead{margin-top:calc(var(--pnb-search-height) + 32px)!important}
body.admin-bar #masthead.ast-header-sticked,body.admin-bar #masthead.ast-sticky-active{top:calc(var(--pnb-search-height) + 32px)!important}

/* Keep Astra's menu/header below the fixed search, including when Astra makes it sticky. */
#masthead{margin-top:var(--pnb-search-height)!important}
#masthead .main-header-bar,#masthead .main-header-bar-wrap{z-index:99990}
#masthead .main-header-bar[style*="position: fixed"],#masthead .main-header-bar[style*="position:sticky"],#masthead .main-header-bar[style*="position: sticky"]{top:var(--pnb-search-height)!important}
#masthead.ast-header-sticked,#masthead.ast-sticky-active{top:var(--pnb-search-height)!important}
body{padding-top:0!important}
.astra-header-search-placeholder{display:none}

/* Destination page / related posts */
.pnb-destination-results{width:min(1250px,calc(100% - 40px));margin:48px auto 70px}.pnb-destination-head{text-align:center;margin-bottom:32px}.pnb-destination-kicker,.pnb-related-head span{color:#bd932f;font-size:12px;font-weight:800;letter-spacing:.12em}.pnb-destination-head h1{margin:6px 0 0;font-size:42px;line-height:1.1}.pnb-destination-content{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06)}.pnb-destination-image img{display:block;width:100%;max-height:520px;object-fit:cover}.pnb-destination-body{padding:38px 48px;font-size:17px;line-height:1.75}.pnb-related{margin-top:60px}.pnb-related-head{margin-bottom:24px}.pnb-related-head h2{margin:6px 0 0;font-size:27px}.pnb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.pnb-related-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.06)}.pnb-related-thumb{display:block;aspect-ratio:16/9;overflow:hidden}.pnb-related-thumb img{display:block;width:100%;height:100%;object-fit:cover}.pnb-related-body{display:flex;flex:1;flex-direction:column;padding:24px}.pnb-related-body h3{margin:0 0 10px;font-size:21px;line-height:1.2}.pnb-related-body h3 a{color:#222;text-decoration:none}.pnb-related-body p{margin:0 0 18px;color:#666;line-height:1.55}.pnb-card-link{margin-top:auto;color:#bd932f;font-size:13px;font-weight:800;text-decoration:none}.pnb-no-results{padding:24px;background:#fff;border:1px solid #e6e6e6}

@media(max-width:1050px){
  .pnb-search-bar{grid-template-columns:1fr 1fr;height:auto;padding:8px}
  .pnb-field+.pnb-field{border-left:0}
  .pnb-field{padding:15px 17px}
  #pnb-buscar{grid-column:1/-1;width:calc(100% - 18px);margin:6px 9px 2px}
  .pnb-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .pnb-global-search{padding:3px 0 4px}
  body.admin-bar .pnb-global-search{top:46px}
  body.admin-bar #masthead{margin-top:calc(var(--pnb-search-height) + 46px)!important}
  body.admin-bar #masthead.ast-header-sticked,body.admin-bar #masthead.ast-sticky-active{top:calc(var(--pnb-search-height) + 46px)!important}
  .pnb-search-wrap,.pnb-destination-results{width:calc(100% - 24px)}
  .pnb-search-bar{grid-template-columns:1fr;border-radius:10px}
  .pnb-field+.pnb-field{border-top:1px solid #e5e5e5}
  .pnb-destination-head h1{font-size:34px}
  .pnb-destination-body{padding:26px 22px}
  .pnb-related-grid{grid-template-columns:1fr}
}
.pnb-related-on-page{margin-top:50px}


/* v3.1 — draggable/closable controls */
.pnb-global-search{transition:opacity .18s ease,transform .18s ease}
.pnb-global-search.pnb-is-dragging{cursor:grabbing}
.pnb-drag-handle{position:absolute;left:50%;top:0;transform:translateX(-50%);width:72px;height:9px;border-radius:0 0 6px 6px;cursor:grab;z-index:100002;background:rgba(0,0,0,.12);touch-action:none}
.pnb-drag-handle:hover{background:rgba(0,0,0,.18)}
.pnb-search-close{position:absolute;left:calc(50% - (var(--pnb-search-width) / 2) - 34px);top:7px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:20px;cursor:pointer;z-index:100003;box-shadow:none}
.pnb-search-close:hover{background:rgba(0,0,0,.78)}
.pnb-search-reopen{display:none;position:fixed;left:12px;top:8px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#c99d38;color:#fff;font-size:20px;line-height:38px;cursor:pointer;z-index:100004;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.pnb-search-reopen.pnb-is-visible{display:block}
.pnb-global-search.pnb-is-closed{display:none}
@media(max-width:1050px){.pnb-search-close{left:6px;right:auto;top:4px}.pnb-drag-handle{width:64px}}
@media(max-width:700px){.pnb-search-close{left:5px;right:auto;top:4px;width:20px;height:20px;font-size:16px;line-height:18px}.pnb-search-reopen{left:8px;top:6px;width:36px;height:36px;line-height:36px}}


/* v3.2.1 — responsive containment: prevent saved/dragged positions from pushing the page sideways. */
html, body { max-width:100%; overflow-x:clip; }
.pnb-global-search, .pnb-search-wrap, .pnb-search-bar, .pnb-field { box-sizing:border-box; min-width:0; }
.pnb-global-search { max-width:100vw; }
.pnb-search-wrap { max-width:var(--pnb-search-width); }
.pnb-search-bar { min-width:0; }
.pnb-field select { max-width:100%; min-width:0; }
@media (max-width: 782px) {
  .pnb-global-search { position:fixed !important; left:0 !important; right:0 !important; width:100% !important; max-width:100vw !important; transform:none !important; margin:0 !important; padding:4px 0 !important; }
  body.admin-bar .pnb-global-search { top:46px !important; }
  body:not(.admin-bar) .pnb-global-search { top:0 !important; }
  .pnb-search-wrap { width:calc(100% - 24px) !important; max-width:560px !important; margin:0 auto !important; padding:0 !important; }
  .pnb-search-bar { display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; max-width:100% !important; padding:8px !important; gap:0 !important; overflow:hidden !important; }
  .pnb-field { width:100% !important; max-width:100% !important; padding:10px 12px !important; }
  .pnb-field select { width:100% !important; font-size:16px !important; }
  #pnb-buscar { width:100% !important; min-width:0 !important; max-width:100% !important; margin:8px 0 0 !important; grid-column:1 !important; }
  .pnb-search-close { left:5px !important; right:auto !important; }
  .pnb-drag-handle { touch-action:pan-y !important; cursor:default !important; }
  .pnb-destination-results { width:calc(100% - 24px) !important; max-width:100% !important; }
}
@media (max-width: 380px) {
  .pnb-search-wrap { width:calc(100% - 16px) !important; }
  .pnb-field { padding:9px 8px !important; }
  .pnb-search-bar { padding:6px !important; }
}
