/* css/webcams-guias-page.css
 * Consolidated inline styles for webcams.html + guias.html (PT + EN variants).
 * Extracted from inline <style> blocks — shared via <link> in all 4 page shells.
 */

/* ── Webcams page variables & base ────────────────────────────────────────── */
:root {
  --blue:#1b3a6b;--blue-mid:#1a5fa3;--blue-light:#2980d4;
  --ocean:#0077B6;--ocean-light:#00B4D8;
  --coral:#E07A5F;--coral-light:#F4A89A;--coral-glow:rgba(224,122,95,0.32);
  --gold:#c9a84c;--gold-light:#e8c97a;--gold-glow:rgba(201,168,76,0.25);
  --white:#ffffff;--off-white:#f6f4ef;
  --text:#1a1a2e;--text-mid:#4a5568;--text-light:#566072;
  --border:rgba(10,61,107,0.10);
  --glass:rgba(255,255,255,0.10);--glass-border:rgba(255,255,255,0.20);
  --shadow:0 4px 20px rgba(10,61,107,0.10);
  --shadow-lg:0 16px 48px rgba(10,61,107,0.20);
  --radius:16px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);
  /* Guides page aliases */
  --navy:#1B3A6B;--navy-dark:#0d2b4e;--navy-mid:#1a5fa3;--navy-light:#2980d4;
  --gold-glow:rgba(201,168,76,0.25);
}

/* ── Breadcrumb ────────────────────────────────────────────────────────────── */
.breadcrumb{padding:16px 5vw 0;display:flex;align-items:center;gap:8px;font-size:0.8rem;color:var(--text-light);}
.breadcrumb a{color:var(--blue-mid);transition:color var(--transition);}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb svg{width:14px;height:14px;stroke:var(--text-light);fill:none;flex-shrink:0;}

/* ─────────────────────────────────────────────────────────────────────────── */
/* WEBCAMS PAGE                                                                */
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Filters ────────────────────────────────────────────────────────────────── */
.wcam-filters{background:var(--white);border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(10,61,107,0.06);position:sticky;top:72px;z-index:50;}
.filter-top{display:flex;align-items:center;gap:10px;padding:12px 5vw;flex-wrap:wrap;}
.filter-label{font-size:0.78rem;font-weight:600;color:var(--text-mid);white-space:nowrap;flex-shrink:0;}
.search-wrap{position:relative;flex:1;min-width:160px;max-width:280px;}
.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;stroke:var(--text-light);fill:none;stroke-width:2;pointer-events:none;}
.search-input{width:100%;padding:7px 12px 7px 32px;border-radius:50px;border:1.5px solid var(--border);background:var(--off-white);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color var(--transition);outline:none;min-height:34px;}
.search-input::placeholder{color:var(--text-light);}
.search-input:focus{border-color:var(--blue-mid);}
.wcam-count{margin-left:auto;font-size:0.8rem;color:var(--text-light);white-space:nowrap;}
.wcam-count strong{color:var(--blue);}
.region-chips-bar{padding:10px 5vw;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--border);-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);}
.region-chips-bar::-webkit-scrollbar{display:none;}
.chip{padding:6px 16px;border-radius:50px;border:1.5px solid var(--border);background:var(--off-white);color:var(--text-mid);font-size:0.78rem;font-weight:500;cursor:pointer;transition:all var(--transition);min-height:34px;white-space:nowrap;display:inline-flex;align-items:center;flex-shrink:0;}
.chip:hover{border-color:var(--blue-mid);color:var(--blue);}
.chip.active{background:var(--blue);color:var(--white);border-color:var(--blue);}
.tipo-chips-bar{padding:8px 5vw;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--border);-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);}
.tipo-chips-bar::-webkit-scrollbar{display:none;}

/* ── Grid ──────────────────────────────────────────────────────────────────── */
/* Override style.css:2634 which hides #webcams on the homepage — that rule
   collides with the same ID used on webcams.html for the grid section. */
section.wcam-section#webcams{display:block;}
.wcam-section{padding:36px 5vw 64px;}
.wcam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1280px;margin:0 auto;}

/* ── Card ──────────────────────────────────────────────────────────────────── */
.wcam-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition);}
.wcam-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 20px 52px rgba(10,61,107,0.22);}
.wcam-visual{position:relative;height:156px;overflow:hidden;}
.wcam-visual-bg{position:absolute;inset:0;}
.wcam-visual-wave{position:absolute;bottom:0;left:0;width:100%;}
.wcam-visual-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.wcam-visual-icon svg{width:56px;height:56px;stroke:rgba(255,255,255,0.22);fill:none;stroke-width:1.0;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(0,180,216,0.35));}
.wcam-visual-meta{position:absolute;bottom:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.wcam-region-badge{font-size:0.65rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:4px 10px;border-radius:50px;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.25);color:var(--white);white-space:nowrap;}
.wcam-status{font-size:0.62rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 10px;border-radius:50px;backdrop-filter:blur(8px);border:1px solid;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.wcam-status--live{background:rgba(16,185,129,0.28);border-color:rgba(16,185,129,0.55);color:#a7f3d0;}
.wcam-status--live::before{content:'';width:6px;height:6px;border-radius:50%;background:#10B981;flex-shrink:0;box-shadow:0 0 6px #10B981;animation:live-pulse 1.8s ease-in-out infinite;}
.wcam-status--pending{background:rgba(245,158,11,0.22);border-color:rgba(245,158,11,0.42);color:#fde68a;}
.wcam-status--soon{background:rgba(148,163,184,0.18);border-color:rgba(148,163,184,0.35);color:#cbd5e1;}
@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}

/* ── Region gradients ──────────────────────────────────────────────────────── */
.wcam-bg--porto   {background:linear-gradient(145deg,#02111f 0%,#023E7D 55%,#0077B6 100%);}
.wcam-bg--centro  {background:linear-gradient(145deg,#020c1a 0%,#03045e 55%,#0096C7 100%);}
.wcam-bg--lisboa  {background:linear-gradient(145deg,#040f20 0%,#0a2a5e 55%,#0077B6 100%);}
.wcam-bg--alentejo{background:linear-gradient(145deg,#071410 0%,#0f2a1e 55%,#1a4a30 100%);}
.wcam-bg--algarve {background:linear-gradient(145deg,#07131a 0%,#0077B6 50%,#00B4D8 100%);}
.wcam-bg--acores  {background:linear-gradient(145deg,#030f08 0%,#064020 55%,#0a6a35 100%);}
.wcam-bg--madeira {background:linear-gradient(145deg,#090f18 0%,#1a2a14 55%,#2a4a20 100%);}

/* ── Card body ─────────────────────────────────────────────────────────────── */
.wcam-body{padding:16px 18px 12px;flex:1;display:flex;flex-direction:column;gap:5px;}
.wcam-name{font-family:'Bodoni Moda',serif;font-size:1.1rem;font-weight:700;color:var(--blue);line-height:1.2;}
.wcam-location{font-size:0.74rem;color:var(--text-light);display:flex;align-items:center;gap:4px;}
.wcam-location svg{width:10px;height:10px;stroke:var(--text-light);fill:none;flex-shrink:0;}
.wcam-desc{font-size:0.82rem;color:var(--text-mid);line-height:1.55;margin-top:4px;flex:1;}
.wcam-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.wcam-tag{font-size:0.67rem;padding:3px 8px;border-radius:50px;background:rgba(10,61,107,0.05);color:var(--text-mid);border:1px solid var(--border);}
.wcam-footer{padding:12px 18px;border-top:1px solid var(--border);}
.wcam-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:50px;font-size:0.8rem;font-weight:600;font-family:inherit;transition:var(--transition);min-height:38px;text-decoration:none;border:none;width:100%;cursor:pointer;}
.wcam-btn--live{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--blue);font-weight:700;}
.wcam-btn--live:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,0.38);}
.wcam-btn--pending{background:rgba(10,61,107,0.05);color:var(--text-mid);border:1.5px solid var(--border);cursor:default;pointer-events:none;}
.wcam-btn--soon{background:rgba(201,168,76,0.07);color:var(--gold);border:1.5px solid rgba(201,168,76,0.20);cursor:default;pointer-events:none;}
.wcam-btn--region{background:rgba(10,61,107,0.05);color:var(--blue-mid);border:1.5px solid var(--border);}
.wcam-btn--region:hover{border-color:var(--blue-mid);background:rgba(10,61,107,0.09);}

/* ── Empty state ────────────────────────────────────────────────────────────── */
.wcam-empty{grid-column:1/-1;text-align:center;padding:72px 24px;}
.wcam-empty-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(201,168,76,0.12),rgba(201,168,76,0.06));border-radius:50%;display:flex;align-items:center;justify-content:center;}
.wcam-empty-icon svg{width:32px;height:32px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.wcam-empty-title{font-family:'Bodoni Moda',serif;font-size:1.4rem;font-weight:700;color:var(--blue);margin-bottom:8px;}
.wcam-empty-sub{font-size:0.9rem;color:var(--text-mid);max-width:320px;margin:0 auto 20px;line-height:1.6;}
.btn-reset{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;background:var(--blue);color:var(--white);font-size:0.875rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:opacity 0.2s;}
.btn-reset:hover{opacity:0.85;}

/* ── Conditions widget ─────────────────────────────────────────────────────── */
.wcam-conditions{padding:10px 16px;background:linear-gradient(135deg,#EBF5FF 0%,#E0F0FF 100%);border-top:1px solid rgba(0,119,182,0.12);}
.wcam-cond-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.wcam-cond-item{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap;}
.wcam-cond-alert{color:var(--coral) !important;font-weight:700;}
.wcam-cond-unavail{font-size:12px;color:var(--text-light);font-style:italic;}
.wcam-cond-skeleton{height:34px;border-radius:8px;background:linear-gradient(90deg,#c8dff5 25%,#dceeff 50%,#c8dff5 75%);background-size:200% 100%;animation:wcam-shimmer 1.4s ease-in-out infinite;}
@keyframes wcam-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Card secondary footer ─────────────────────────────────────────────────── */
.wcam-footer-secondary{display:flex;align-items:center;gap:8px;padding:8px 18px 14px;flex-wrap:wrap;border-top:1px solid var(--border);}
.wcam-sec-link{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;font-weight:500;color:var(--text-light);padding:4px 10px;border-radius:50px;border:1px solid var(--border);transition:all 0.2s;white-space:nowrap;text-decoration:none;min-height:28px;}
.wcam-sec-link:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.05);}
.wcam-sec-link svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;}

/* ── Value section ─────────────────────────────────────────────────────────── */
.wcam-value{background:var(--white);padding:64px 5vw;}
.value-inner{max-width:1100px;margin:0 auto;}
.value-header{text-align:center;max-width:600px;margin:0 auto 44px;}
.value-tag{font-size:0.72rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px;}
.value-title{font-family:'Bodoni Moda',serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--blue);font-weight:700;margin-bottom:12px;line-height:1.15;}
.value-title em{font-style:italic;color:var(--blue-mid);}
.value-subtitle{font-size:0.95rem;color:var(--text-mid);line-height:1.7;}
.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.value-card{border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;background:var(--off-white);}
.value-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-mid));display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.value-card-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.value-card-title{font-family:'Bodoni Moda',serif;font-size:1.1rem;font-weight:700;color:var(--blue);margin-bottom:10px;}
.value-card-body{font-size:0.875rem;color:var(--text-mid);line-height:1.7;}
.value-card-body strong{color:var(--text);}

/* ── Partner banner ────────────────────────────────────────────────────────── */
.wcam-partner{background:var(--off-white);padding:36px 5vw;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.wcam-partner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.wcam-partner-label{font-size:0.7rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:5px;}
.wcam-partner-title{font-family:'Bodoni Moda',serif;font-size:1.2rem;font-weight:700;color:var(--blue);margin-bottom:5px;}
.wcam-partner-sub{font-size:0.84rem;color:var(--text-mid);max-width:520px;line-height:1.6;}
.wcam-partner-link{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;background:var(--white);border:1.5px solid var(--border);color:var(--blue-mid);font-size:0.82rem;font-weight:600;flex-shrink:0;transition:all var(--transition);}
.wcam-partner-link:hover{border-color:var(--blue-mid);color:var(--blue);}
.wcam-partner-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0;}

/* ── CTA Multi ─────────────────────────────────────────────────────────────── */
.cta-multi{background:linear-gradient(135deg,var(--blue) 0%,#0d2b4e 100%);padding:64px 5vw;}
.cta-multi-inner{max-width:1100px;margin:0 auto;}
.cta-multi-header{text-align:center;margin-bottom:40px;}
.cta-multi-title{font-family:'Bodoni Moda',serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.15;}
.cta-multi-title em{font-style:italic;}
.cta-multi-sub{font-size:0.95rem;color:rgba(255,255,255,0.70);max-width:480px;margin:0 auto;line-height:1.65;}
.cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cta-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;gap:12px;transition:background var(--transition),border-color var(--transition);}
.cta-card:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.24);}
.cta-card-icon{width:44px;height:44px;border-radius:12px;background:rgba(201,168,76,0.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cta-card-icon svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.cta-card-title{font-family:'Bodoni Moda',serif;font-size:1.05rem;font-weight:700;color:var(--white);}
.cta-card-body{font-size:0.82rem;color:rgba(255,255,255,0.68);line-height:1.65;flex:1;}
.cta-card-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:50px;font-size:0.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);min-height:40px;text-decoration:none;margin-top:auto;width:fit-content;}
.cta-card-btn--gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--blue);}
.cta-card-btn--gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--gold-glow);}
.cta-card-btn--ghost{background:rgba(255,255,255,0.10);color:var(--white);border:1px solid rgba(255,255,255,0.25);}
.cta-card-btn--ghost:hover{background:rgba(255,255,255,0.18);}

/* ── When-to-use ────────────────────────────────────────────────────────────── */
.wcam-when{background:var(--off-white);padding:56px 5vw;border-top:1px solid var(--border);}
.wcam-when-inner{max-width:1100px;margin:0 auto;}
.when-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;}
.when-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 20px;cursor:pointer;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;display:flex;flex-direction:column;gap:10px;text-align:left;}
.when-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--coral);border-left:4px solid var(--coral);padding-left:17px;}
.when-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.when-icon svg{width:22px;height:22px;stroke:var(--white);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.when-title{font-family:'Bodoni Moda',serif;font-size:1rem;font-weight:700;color:var(--blue);line-height:1.2;}
.when-desc{font-size:0.8rem;color:var(--text-mid);line-height:1.55;flex:1;}
.when-trigger{font-size:0.78rem;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:4px;}
.when-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;}

/* ── Zone section ──────────────────────────────────────────────────────────── */
.wcam-zone{background:var(--white);padding:56px 5vw;border-top:1px solid var(--border);}
.wcam-zone-inner{max-width:1100px;margin:0 auto;}
.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.zone-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;gap:8px;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;text-decoration:none;background:linear-gradient(145deg,var(--white) 0%,#f0f6ff 100%);}
.zone-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(10,61,107,0.14);border-color:var(--ocean);}
.zone-card--b2b{background:rgba(10,61,107,0.02);border-style:dashed;}
.zone-card--b2b:hover{border-color:var(--blue-mid);border-style:solid;background:rgba(10,61,107,0.04);}
.zone-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.zone-icon svg{width:18px;height:18px;stroke:var(--white);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.zone-label{font-size:0.62rem;font-weight:700;letter-spacing:0.10em;text-transform:uppercase;color:var(--text-light);}
.zone-title{font-family:'Bodoni Moda',serif;font-size:0.95rem;font-weight:700;color:var(--blue);line-height:1.2;}
.zone-desc{font-size:0.78rem;color:var(--text-mid);line-height:1.5;flex:1;}
.zone-cta{font-size:0.72rem;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:4px;margin-top:4px;}
.zone-cta svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;}

/* ── Sponsor slot ──────────────────────────────────────────────────────────── */
.wcam-sponsor-slot{background:var(--off-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:13px 5vw;}
.wcam-sponsor-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.wcam-sponsor-tag{font-size:0.6rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-light);background:var(--white);border:1px dashed var(--border);padding:3px 10px;border-radius:50px;white-space:nowrap;flex-shrink:0;}
.wcam-sponsor-body{flex:1;min-width:180px;}
.wcam-sponsor-title{font-size:0.84rem;font-weight:600;color:var(--text);display:block;line-height:1.3;}
.wcam-sponsor-sub{font-size:0.74rem;color:var(--text-light);display:block;margin-top:2px;line-height:1.4;}
.wcam-sponsor-cta{font-size:0.78rem;font-weight:600;color:var(--blue);text-decoration:none;white-space:nowrap;transition:color 0.2s;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;}
.wcam-sponsor-cta:hover{color:var(--gold);}
.wcam-sponsor-cta svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* ─────────────────────────────────────────────────────────────────────────── */
/* GUIDES HUB PAGE                                                             */
/* ─────────────────────────────────────────────────────────────────────────── */

/* ── Hero ──────────────────────────────────────────────────────────────────── */
.guides-hero{position:relative;background:linear-gradient(160deg,var(--navy-dark) 0%,#0a2a50 45%,#0e3560 100%);min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;overflow:hidden;}
.guides-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,rgba(201,168,76,0.08) 0%,transparent 65%);pointer-events:none;}
.guides-hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-glow);border:1px solid rgba(201,168,76,0.35);color:var(--gold-light);font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:24px;}
.guides-hero__title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:var(--white);line-height:1.18;margin:0 0 16px;max-width:700px;}
.guides-hero__title em{font-style:italic;color:var(--gold-light);}
.guides-hero__sub{font-size:clamp(1rem,2vw,1.15rem);color:rgba(255,255,255,0.75);max-width:580px;line-height:1.65;margin:0 0 28px;}
.guides-hero__meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;font-size:0.8rem;color:rgba(255,255,255,0.55);font-weight:500;}
.guides-hero__meta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;vertical-align:-2px;margin-right:5px;}
.guides-hero__wave{position:absolute;bottom:-1px;left:0;right:0;width:100%;height:56px;}

/* ── Page body ─────────────────────────────────────────────────────────────── */
.guides-page{background:var(--off-white);padding:0 0 80px;}

/* ── Grid layout ───────────────────────────────────────────────────────────── */
.guides-grid-wrap{max-width:1180px;margin:0 auto;padding:48px 24px 0;}
.guides-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}

/* ── Guide card ────────────────────────────────────────────────────────────── */
.guide-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;transition:transform 220ms cubic-bezier(0.4,0,0.2,1),box-shadow 220ms cubic-bezier(0.4,0,0.2,1);border:1px solid var(--border);}
.guide-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.guide-card--featured{grid-column:1 / -1;flex-direction:row;}
.guide-card__img-wrap{overflow:hidden;flex-shrink:0;}
.guide-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 400ms ease;}
.guide-card:hover .guide-card__img-wrap img{transform:scale(1.04);}
.guide-card:not(.guide-card--featured) .guide-card__img-wrap{aspect-ratio:16/9;width:100%;}
.guide-card--featured .guide-card__img-wrap{width:52%;max-height:380px;}
.guide-card--featured .guide-card__img-wrap img{height:100%;}
.guide-card__body{padding:28px 28px 24px;display:flex;flex-direction:column;flex:1;justify-content:center;}
.guide-card--featured .guide-card__body{padding:36px 40px;}
.guide-card__badges{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.badge-novo,.badge-new{background:var(--gold);color:var(--navy-dark);font-size:0.65rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px;}
.badge-time{font-size:0.75rem;color:var(--text-light);font-weight:500;display:flex;align-items:center;gap:4px;}
.badge-time svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;}
.guide-card__title{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.3;margin:0 0 10px;}
.guide-card--featured .guide-card__title{font-size:1.7rem;margin-bottom:14px;}
.guide-card__desc{font-size:0.9rem;color:var(--text-mid);line-height:1.6;margin:0 0 20px;flex:1;}
.guide-card--featured .guide-card__desc{font-size:1rem;}
.guide-card__cta{display:inline-flex;align-items:center;gap:6px;font-size:0.82rem;font-weight:600;color:var(--navy);letter-spacing:0.02em;margin-top:auto;text-decoration:none;}
.guide-card__cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform 200ms ease;}
.guide-card:hover .guide-card__cta svg{transform:translateX(4px);}

/* ── Pro strip ─────────────────────────────────────────────────────────────── */
.pro-strip{max-width:1180px;margin:52px auto 0;padding:0 24px;}
.pro-strip__inner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);border-radius:16px;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.pro-strip__text h3{font-family:'Playfair Display',Georgia,serif;font-size:1.35rem;font-weight:700;color:var(--white);margin:0 0 8px;}
.pro-strip__text p{font-size:0.92rem;color:rgba(255,255,255,0.7);margin:0;max-width:480px;line-height:1.6;}
.pro-strip__cta{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy-dark);font-size:0.9rem;font-weight:700;padding:13px 28px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background 200ms ease,transform 200ms ease;}
.pro-strip__cta:hover{background:var(--gold-light);transform:translateY(-2px);}

/* ── Final CTA row ─────────────────────────────────────────────────────────── */
.guides-cta-row{max-width:1180px;margin:40px auto 0;padding:0 24px;display:flex;gap:16px;flex-wrap:wrap;}
.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--navy);font-size:0.9rem;font-weight:600;padding:13px 26px;border-radius:100px;text-decoration:none;border:2px solid var(--border);transition:border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease;}
.cta-btn:hover{border-color:var(--navy);box-shadow:var(--shadow);transform:translateY(-2px);}
.cta-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}

/* ── Mobile bottom nav ─────────────────────────────────────────────────────── */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(10,61,107,0.97);backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid var(--glass-border);}
.mobile-bottom-nav-inner{display:flex;height:60px;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px);}
.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:rgba(255,255,255,0.6);font-size:0.58rem;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;padding:4px 2px;text-decoration:none;cursor:pointer;border:none;background:none;font-family:inherit;transition:color var(--transition);min-height:44px;}
.mobile-nav-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--gold);}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media(max-width:900px){
  .wcam-grid{grid-template-columns:repeat(2,1fr);}
  .value-cards{grid-template-columns:1fr 1fr;gap:16px;}
  .cta-cards{grid-template-columns:1fr 1fr;}
  .zone-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .mobile-bottom-nav{display:block;}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));}
  .filter-top{padding:10px 4vw;}
  .region-chips-bar{padding:8px 4vw;}
  .tipo-chips-bar{padding:8px 4vw;}
  .wcam-section{padding:24px 4vw 48px;}
  .wcam-value,.cta-multi,.wcam-partner{padding:40px 4vw;}
  .wcam-partner-inner{flex-direction:column;align-items:flex-start;}
  .when-grid{grid-template-columns:1fr;}
  .guides-grid{grid-template-columns:1fr;}
  .guide-card--featured{flex-direction:column;grid-column:auto;}
  .guide-card--featured .guide-card__img-wrap{width:100%;max-height:240px;}
  .guide-card--featured .guide-card__body{padding:24px;}
  .guide-card--featured .guide-card__title{font-size:1.35rem;}
  .pro-strip__inner{padding:28px 24px;flex-direction:column;align-items:flex-start;}
  .guides-hero{padding:100px 20px 72px;}
}
@media(max-width:540px){
  .wcam-grid{grid-template-columns:1fr;gap:16px;}
  .value-cards{grid-template-columns:1fr;}
  .cta-cards{grid-template-columns:1fr;}
  .zone-grid{grid-template-columns:1fr 1fr;gap:12px;}
}