/* ============================================================
   HEADER COMPARTIDO — el mismo header compacto del home, cargado en
   todas las páginas del sitio para que la navegación se vea y se
   comporte igual en todas partes. No modifica styles.css ni
   polish.css: usa clases propias (rd-header, rd-nav, etc.) y no
   depende de la clase rd-body, así que no cambia la tipografía del
   resto de cada página, solo la del header.
   ============================================================ */

.rd-header{
  position:sticky; top:0; z-index:40; background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
  font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.rd-header-inner{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; }
.rd-brand img{ height:34px; display:block; }
.rd-menu-toggle{ display:none; flex-direction:column; justify-content:center; gap:5px; width:38px; height:38px; border:0; background:transparent; cursor:pointer; }
.rd-menu-toggle span{ display:block; width:22px; height:2px; background:var(--petrol); border-radius:2px; }
.rd-nav{ display:flex; align-items:center; gap:10px; font-weight:600; font-size:.92rem; color:var(--petrol); }
.rd-nav a:not(.rd-nav-cta):not(.nav-services-menu a){ color:var(--petrol); padding:10px 6px; }
.rd-nav a:not(.rd-nav-cta):not(.nav-services-menu a):hover{ color:var(--gold-dark); }
.rd-nav-cta{ padding:10px 20px; min-height:auto; margin-left:6px; }
.rd-header .btn-gold{
  background:linear-gradient(155deg,#e9c25a,var(--gold) 55%,var(--gold-dark));
  box-shadow:0 12px 26px rgba(173,129,16,.32), inset 0 1px 0 rgba(255,255,255,.4);
}
.rd-header .btn-gold svg{ width:16px; height:16px; margin-left:2px; transition:transform .18s ease; }
.rd-header .btn-gold:hover svg{ transform:translateX(4px); }

@media (max-width:900px){
  .rd-menu-toggle{ display:flex; }
  .rd-nav{
    position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch;
    gap:2px; background:white; border-bottom:1px solid var(--line); padding:10px 20px 18px;
    max-height:0; overflow:hidden; transition:max-height .25s ease;
  }
  .rd-nav.open{ max-height:2000px; }
  .rd-nav a{ padding:12px 4px; border-bottom:1px solid var(--soft); }
  .rd-nav .nav-services{ border-bottom:1px solid var(--soft); }
  .rd-nav .nav-services summary{ padding:12px 4px; border-radius:0; }
  .rd-nav .nav-travel-dd summary{ border-radius:999px; margin:6px 4px; padding:10px 16px; }
  .rd-nav-cta{ margin-top:10px; text-align:center; }
}

@media (prefers-reduced-motion:reduce){
  .rd-nav{ transition:none !important; }
}

/* ---------- Botones de las páginas internas (mismo look que la portada) ---------- */
.standalone-page .btn{ min-height:52px; padding:14px 26px; font-weight:800; }
.standalone-page .btn-gold{
  background:#f2b91f; color:#14282d; border:0;
  box-shadow:0 10px 24px rgba(242,185,31,.38);
}
.standalone-page .btn-gold:hover{ background:#ffc934; box-shadow:0 14px 30px rgba(242,185,31,.5); }
.standalone-page .btn-light{ border-color:#cfe4dd; }
.standalone-page .btn-light:hover{ border-color:#25d366; background:#eefaf3; }
.standalone-page .btn-whatsapp-green{ background:#25d366; border-color:#25d366; }
.standalone-page .rd-nav-cta{ min-height:44px; padding:10px 20px; }

/* Pantallas medianas (laptops chicas / tablets horizontales): menú en una sola línea */
@media (min-width:901px) and (max-width:1180px){
  .rd-nav{ gap:2px; font-size:.86rem; }
  .rd-nav > a, .rd-nav summary{ white-space:nowrap; }
  .rd-nav a:not(.rd-nav-cta):not(.nav-services-menu a){ padding:10px 6px; }
  .rd-nav .nav-services summary{ padding:10px 8px; font-size:.86rem; }
  .rd-nav-cta{ white-space:nowrap; padding:10px 14px !important; margin-left:2px; font-size:.86rem !important; }
  .rd-nav-cta svg{ display:none; }
}