/* Galápagos Guide — design system Dana */
:root{
  --green:#415f13; --gold:#edb95d; --navy:#0a2540; --red:#e83030;
  --bg:#faf9f6; --card:#ffffff; --ink:#22303c; --muted:#5c6b78;
  --border:#e3e0d8; --radius:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Poppins,'Segoe UI',system-ui,sans-serif;font-size:17px;line-height:1.65}
.wrap{max-width:920px;margin:0 auto;padding:0 20px}

/* barra de vuelta al sitio */
.back-bar{background:#071a30;padding:6px 20px;display:flex;gap:18px;justify-content:center}
.back-bar a{color:#9fb2c5;font-size:.8rem;text-decoration:none}
.back-bar a:hover{color:var(--gold)}
.back-bar .bb-avail{border-left:1px solid rgba(255,255,255,.15);padding-left:18px}

/* header */
.site-head{background:var(--navy);color:#fff;position:relative;z-index:50}
.head-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px}
.brand{display:flex;flex-direction:column;text-decoration:none;color:#fff;line-height:1.15}
.brand-main{font-weight:700;font-size:1.15rem}
.brand-sub{font-size:.78rem;color:var(--gold)}
.mainnav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.nav-link{color:#dbe6f0;text-decoration:none;font-size:.85rem;padding:7px 11px;border-radius:999px}
.nav-link:hover{background:rgba(255,255,255,.12);color:#fff}
.nav-link.active{background:var(--gold);color:var(--navy);font-weight:600}

/* breadcrumb + article */
.crumb{margin:18px 0 4px;font-size:.85rem;color:var(--muted)}
.crumb a{color:var(--green);text-decoration:none}
h1{font-size:2.1rem;line-height:1.2;color:var(--navy);margin:.4em 0 .5em}
h2{font-size:1.45rem;color:var(--navy);margin-top:1.6em;border-bottom:2px solid var(--border);padding-bottom:.25em}
h3{font-size:1.15rem;color:var(--green);margin-top:1.3em}
article a{color:var(--green)}
article table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.95rem}
article th{background:var(--navy);color:#fff;text-align:left;padding:9px 12px}
article td{border:1px solid var(--border);padding:8px 12px;background:var(--card)}
article tr:nth-child(even) td{background:#f4f2ec}
blockquote{border-left:4px solid var(--gold);margin:1.2em 0;padding:.4em 1em;background:var(--card);border-radius:0 var(--radius) var(--radius) 0}
img{max-width:100%;border-radius:var(--radius)}
li{margin:.3em 0}
.verified{display:inline-block;margin-top:1.5em;font-size:.82rem;color:var(--muted);
  border:1px solid var(--border);border-radius:999px;padding:4px 12px;background:var(--card)}

/* hero image */
.hero-img{width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius);margin:.2em 0 1.2em}

/* cards grid (index) */
section h2{margin-top:1.8em}
.sec-desc{color:var(--muted);margin-top:-.4em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:1em 0 2em}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;text-decoration:none;transition:.15s}
.card-title,.card-sec{padding:0 18px}
.card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 14px rgba(10,37,64,.08)}
.card-title{color:var(--navy);font-weight:600;font-size:.98rem;line-height:1.3}
.card-sec{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* CTA */
.cta-box{background:var(--navy);color:#fff;border-radius:var(--radius);padding:26px 28px;margin:34px 0}
.cta-box h3{color:var(--gold);margin:0 0 8px;font-size:1.2rem}
.cta-box p{margin:0 0 16px;color:#dbe6f0}
.cta-btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;
  padding:11px 22px;border-radius:8px;text-decoration:none}
.cta-btn:hover{background:#f5c878}

/* CTA availability (navy, toma los colores de la caja anterior) */
.cta-box{background:var(--navy);color:#fff;border-radius:var(--radius);padding:26px 28px;margin:34px 0}
.cta-box h3{color:var(--gold);margin:0 0 8px;font-size:1.2rem}
.cta-box p{margin:0 0 16px;color:#dbe6f0}
.cta-btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;
  padding:11px 22px;border-radius:8px;text-decoration:none}
.cta-btn:hover{background:#f5c878}

/* caja "Want the full story?" en páginas de isla (guía travel-blog) */
.guide-link-box{background:#eef4e6;border:1px solid #415f13;border-radius:12px;padding:22px 24px;margin-top:10px}
.guide-link-box h4{margin:0 0 8px;color:#415f13;font-size:1.15rem}
.guide-link-box p{margin:0}
.guide-link-box a{color:#415f13;font-weight:600}

/* footer */
.site-foot{background:var(--navy);color:#9fb2c5;margin-top:40px;padding:26px 0;font-size:.85rem}
.site-foot .wrap{display:flex;flex-direction:column;gap:6px}

/* buscador */
.searchbar{width:100%;padding:13px 18px;font-size:1rem;border:2px solid var(--border);
  border-radius:999px;margin:18px 0;background:var(--card)}
.searchbar:focus{outline:none;border-color:var(--green)}
#search-results .card{margin-bottom:8px}
.no-results{color:var(--muted);font-style:italic;padding:10px 4px}

@media(max-width:640px){
  h1{font-size:1.7rem}
  .mainnav{margin-left:0}
  body{font-size:16px}
}
/* card thumbnails (estilo Happy Gringo / Insiders) */
.card-thumb{height:130px;margin:-16px -18px 10px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}
.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.card:hover .card-thumb img{transform:scale(1.05)}
.card-thumb-blank{background:var(--navy);display:flex;align-items:center;justify-content:center}
.card-thumb-blank span{color:var(--gold);font-weight:700;font-size:1.4rem}

.photo-credit{font-size:.72rem;color:var(--muted);margin:-.6em 0 1em}
.photo-credit a{color:var(--muted)}

/* anclas del menú no cortan el inicio de sección */
section[id]{scroll-margin-top:24px}

.site-foot a{color:#c9d6e4;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}
.site-foot a:hover{color:var(--gold);border-bottom-color:var(--gold)}

/* ===== Blindaje contra estilos globales del theme WP (si el hosting los inyecta) ===== */
.back-bar,.back-bar a{all:revert-layer;position:static !important}
.back-bar{background:#071a30 !important;padding:6px 20px !important;display:flex !important;gap:18px !important;justify-content:center !important;position:static !important}
.back-bar a{color:#9fb2c5 !important;font-size:.8rem !important;text-decoration:none !important}
.back-bar a:hover{color:var(--gold) !important}
.back-bar .bb-avail{border-left:1px solid rgba(255,255,255,.15) !important;padding-left:18px !important}
.site-head{position:relative !important} /* nunca sticky, nunca fixed */
.site-head,.site-foot,.back-bar{box-shadow:none !important;transform:none !important}
.site-foot{background:var(--navy) !important;color:#9fb2c5 !important}
.site-foot p{color:#9fb2c5 !important;margin:4px 0 !important;font-size:.85rem !important}
.site-foot a{color:#c9d6e4 !important;border-bottom:none !important}
.site-foot a:hover{color:var(--gold) !important}
.site-foot strong{color:#fff !important}
html{scroll-padding-top:0 !important}