/* Guía de Tenerife en camper */
.nav-links a.current{color:var(--coral);font-weight:700}
.g-hero{position:relative;min-height:68svh;display:flex;align-items:center;color:#fff;overflow:hidden}
.g-hero .hero-img{object-position:center 65%}
.g-hero-in{position:relative;padding:110px 0 110px}
.g-hero h1{color:#fff;font-size:clamp(2.2rem,6.5vw,4.2rem);max-width:16ch;text-shadow:0 3px 20px rgba(0,0,0,.3)}
.g-hero .eyebrow{color:var(--sun)}
.g-hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.narrow{max-width:900px}
.g-intro{padding-top:30px}
.legend{background:#fff;border-left:6px solid var(--teal);border-radius:var(--r);padding:16px 20px;box-shadow:var(--shadow);font-size:.92rem;margin-bottom:46px}
.alerts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.alert{background:#fff7ed;border:1.5px solid #f4c08b;border-radius:14px;padding:16px}
.alert b{display:block;font-size:1.05rem;margin-bottom:4px;color:var(--deep)}
.alert p{font-size:.9rem}
@media(max-width:860px){.alerts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.alerts{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:-16px 0 34px}
.chips a{background:#fff;border-radius:999px;padding:6px 12px;font-size:.85rem;text-decoration:none;color:var(--deep);box-shadow:0 2px 8px rgba(6,50,74,.08)}
.chips a:hover{background:var(--ocean);color:#fff}
.places{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:860px){.places{grid-template-columns:1fr}}
.pl{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;scroll-margin-top:80px}
.pl-head{position:relative;color:#fff;padding:22px 22px 18px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.pl-head h3{color:#fff;font-size:1.45rem;line-height:1.15;padding-right:56px}
.pl-area{opacity:.92;font-size:.88rem;margin-top:2px}
.pl-num{position:absolute;top:14px;left:20px;font-weight:700;font-size:.8rem;opacity:.75;letter-spacing:.1em}
.pl-ico{position:absolute;top:14px;right:18px;font-size:2.3rem}
.pl-dist{align-self:flex-start;margin-top:10px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:3px 11px;font-size:.82rem;font-weight:600}
.pl-body{padding:18px 22px 22px;font-size:.93rem}
.pl-body dt{font-weight:700;color:var(--ocean);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}
.pl-body dt:first-child{margin-top:0}
.pl-body dd{margin:2px 0 0}
.pl-warn{margin-top:14px;background:#fff7ed;border-left:4px solid var(--sun);border-radius:8px;padding:10px 12px;font-size:.88rem}
.t-roques{background:linear-gradient(160deg,#6b4226,#b5651d 55%,#e9b872)}
.t-masca{background:linear-gradient(160deg,#283618,#606c38 60%,#bc6c25)}
.t-bodegas{background:linear-gradient(160deg,#081c15,#2d6a4f 55%,#40916c)}
.t-gigantes{background:linear-gradient(160deg,#3d405b,#81598a 50%,#e07a5f)}
.t-teno{background:linear-gradient(160deg,#023e8a,#0077b6 55%,#90e0ef)}
.t-teresitas{background:linear-gradient(160deg,#bc6c25,#dda15e 55%,#48cae4)}
.t-laja{background:linear-gradient(160deg,#03045e,#023e8a 50%,#00b4d8)}
.t-bajamar{background:linear-gradient(160deg,#005f73,#0a9396 55%,#94d2bd)}
.t-laguna{background:linear-gradient(160deg,#6d2e46,#a26769 55%,#d5b9b2)}
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}
@media(max-width:860px){.rule-grid{grid-template-columns:1fr}}
.rule{background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--shadow);border-top:6px solid var(--teal);font-size:.92rem}
.rule.no{border-top-color:var(--coral)} .rule.warn{border-top-color:var(--sun)}
.rule h3{font-size:1.1rem;margin-bottom:6px}
.sub{font-size:1.35rem;margin:30px 0 10px}
.zones{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}
.zones th{background:var(--ocean);color:#fff;padding:11px 12px;text-align:left}
.zones td{padding:11px 12px;border-bottom:1px solid #eee;vertical-align:top}
.zones td:nth-child(2),.zones td:nth-child(3){white-space:nowrap}
.table-wrap.zw{max-width:none}
#dormir .table-wrap{max-width:none;margin:16px 0 12px}
.muted{color:#6b7280}.small{font-size:.85rem}
.golden{margin-top:30px;background:var(--deep);color:#e6f1f5;border-radius:var(--r);padding:22px 26px}
.golden h3{color:#fff;margin-bottom:8px}
.golden ul{padding-left:20px}.golden li{margin:4px 0}
.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
@media(max-width:960px){.routes{grid-template-columns:1fr}}
.route{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.route-head{display:flex;align-items:baseline;gap:6px;color:var(--coral);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.route-n{font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--ocean);letter-spacing:0}
.route h3{font-size:1.25rem;margin:4px 0 10px}
.route ol{list-style:none;padding:0;font-size:.9rem}
.route li{padding:8px 0;border-top:1px dashed #e5d9c6}
.route li b{display:block;color:var(--ocean);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.sources{columns:2;column-gap:28px;font-size:.88rem;padding-left:18px;margin-bottom:14px}
.sources li{break-inside:avoid;margin:0 0 6px}
@media(max-width:640px){.sources{columns:1}}
.g-cta{margin-top:34px;text-align:center;background:var(--sand2);border-radius:var(--r);padding:28px}
.g-cta h3{margin-bottom:14px;font-size:1.4rem}
.v,.u{font-size:.9em}
@media(max-width:560px){.g-hero-in{padding:96px 0 90px}.pl-head{min-height:130px}}
@media(max-width:640px){
  .g-hero-in{padding-bottom:120px}
  .zones thead{display:none}
  .zones,.zones tbody,.zones tr,.zones td{display:block;width:100%}
  .zones tr{padding:12px 14px;border-bottom:1px solid #eee}
  .zones td{border:0;padding:2px 0}
  .zones td:nth-child(2),.zones td:nth-child(3){display:inline-block;width:auto;margin:6px 8px 4px 0;background:var(--sand2);border-radius:999px;padding:2px 10px;font-weight:600;font-size:.82rem}
  .zones td:nth-child(2)::before{content:"👥 "}
  .zones td:nth-child(3)::before{content:"🚐 "}
}
