/* FishZone — estilos de páginas-guía (contenido SEO, diseño de marca) */
:root{
  --bg:#0a0f1e; --bg2:#0d1426; --card:#111a30; --card2:#0e1730; --border:#1e2c47;
  --gold:#c9a84c; --gold-soft:#e2c97e; --teal:#1a9b8a; --teal-soft:#3fd0ba;
  --white:#f5f8fc; --text:#cdd9e8; --muted:#8aa0bb;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  line-height:1.7;font-size:16px;
  background-image:radial-gradient(ellipse 100% 45% at 50% -8%,#0b1e3e 0%,transparent 62%);
}
a{color:var(--gold-soft);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}

/* NAV */
.gz-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.7rem;padding:.8rem 1.25rem;background:rgba(7,12,24,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.gz-nav img{width:36px;height:36px;object-fit:contain}
.gz-nav .brand{font-family:'Bebas Neue',sans-serif;font-size:1.45rem;letter-spacing:.04em;color:var(--white)}
.gz-nav .brand span{color:var(--gold)}
.gz-nav .home{margin-left:auto;font-size:.85rem;color:var(--muted)}

/* HERO */
.gz-hero{position:relative;overflow:hidden;padding:3rem 1.25rem 2.4rem;text-align:center;background:radial-gradient(ellipse 80% 70% at 50% 25%,#0b1e3e 0%,#071428 60%,var(--bg) 95%)}
.gz-hero .wrap{max-width:820px;margin:0 auto;position:relative;z-index:2}
.gz-eyebrow{color:var(--gold);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.6rem}
.gz-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.02;letter-spacing:.01em;color:var(--white);margin:.1rem 0 .7rem}
.gz-hero h1 .g{color:var(--gold)}
.gz-hero .sub{font-size:1.08rem;color:var(--text);max-width:680px;margin:0 auto}
.gz-gold-line{width:90px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.1rem auto 0}

/* BREADCRUMB */
.gz-crumb{max-width:880px;margin:0 auto;padding:.9rem 1.25rem 0;font-size:.8rem;color:var(--muted)}
.gz-crumb a{color:var(--muted)}
.gz-crumb a:hover{color:var(--gold-soft)}

/* LAYOUT */
.gz-wrap{max-width:880px;margin:0 auto;padding:1.6rem 1.25rem 3rem}
.gz-wrap h2{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;color:var(--white);font-size:1.7rem;margin:2.4rem 0 .5rem;padding-top:1.4rem;border-top:1px solid var(--border)}
.gz-wrap h3{color:var(--gold-soft);font-size:1.12rem;margin:1.5rem 0 .3rem}
.gz-wrap p,.gz-wrap li{color:var(--text)}
.gz-wrap ul,.gz-wrap ol{padding-left:1.2rem}
.gz-wrap li{margin:.4rem 0}
.gz-wrap strong{color:var(--white)}
.gz-lead{font-size:1.12rem;color:var(--text);margin-top:.4rem}

/* CARDS / BOXES */
.gz-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.35rem;margin:1.2rem 0}
.gz-card h3{margin-top:0}
.gz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.2rem 0}
.gz-box{background:var(--card2);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:10px;padding:1rem 1.25rem;margin:1.4rem 0}
.gz-box.teal{border-left-color:var(--teal)}
.gz-tag{display:inline-block;background:rgba(201,168,76,.12);color:var(--gold-soft);border:1px solid rgba(201,168,76,.3);border-radius:50px;padding:.15rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;margin:.15rem .25rem .15rem 0}

/* TABLES */
table.gz-table{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.9rem}
table.gz-table th,table.gz-table td{border:1px solid var(--border);padding:.6rem .75rem;text-align:left;vertical-align:top}
table.gz-table th{background:var(--bg2);color:var(--gold-soft);font-weight:600}
table.gz-table tr:nth-child(even) td{background:rgba(255,255,255,.015)}

/* CTA */
.gz-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--gold),#a8862f);color:#1a1205;font-weight:700;padding:.75rem 1.6rem;border-radius:50px;margin:.35rem .4rem .35rem 0}
.gz-cta.wa{background:linear-gradient(135deg,#25D366,#1aab52);color:#fff}
.gz-cta.ghost{background:transparent;color:var(--gold-soft);border:1px solid var(--border)}
.gz-cta:hover{text-decoration:none;filter:brightness(1.06)}

/* FAQ */
.gz-faq details{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.2rem 1.1rem;margin:.6rem 0}
.gz-faq summary{cursor:pointer;font-weight:600;color:var(--white);padding:.85rem 0;list-style:none}
.gz-faq summary::-webkit-details-marker{display:none}
.gz-faq summary::before{content:"+";color:var(--gold);font-weight:700;margin-right:.6rem}
.gz-faq details[open] summary::before{content:"\2013"}
.gz-faq details[open] summary{border-bottom:1px solid var(--border)}
.gz-faq p{padding:.7rem 0 .3rem;margin:0}

/* RELATED GUIDES */
.gz-related{margin:2.6rem 0 0}
.gz-related h2{border-top:1px solid var(--border)}
.gz-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1rem}
.gz-rel-grid a{display:block;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.15rem;color:var(--white)}
.gz-rel-grid a:hover{border-color:var(--gold);text-decoration:none;transform:translateY(-2px);transition:.2s}
.gz-rel-grid .k{display:block;font-family:'Bebas Neue',sans-serif;font-size:1.15rem;letter-spacing:.02em;margin-bottom:.2rem;color:var(--gold-soft)}
.gz-rel-grid .d{display:block;font-size:.82rem;color:var(--muted)}

/* FOOTER */
.gz-foot{border-top:1px solid var(--border);color:var(--muted);font-size:.82rem;text-align:center;padding:1.6rem 1.25rem 3rem}
.gz-foot .links{max-width:880px;margin:.6rem auto 0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:center}
.gz-foot a{color:var(--muted)}