.main-body { background:var(--parchment3);padding:100px var(--gutter) 120px;position:relative }
.main-body::after { content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,var(--void),transparent);pointer-events:none;z-index:1 }
.main-body::before { content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 0%,rgba(29,92,64,.04) 0%,transparent 45%),radial-gradient(circle at 85% 100%,rgba(196,135,42,.04) 0%,transparent 40%);pointer-events:none }
.section-header { display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 60px;padding-bottom: 28px;padding-top: 12px;position: relative;gap: 16px;flex-wrap: wrap }
.section-header-accent { position:absolute;bottom:-1px;left:0;display:flex;height:4px;gap:3px }
.section-header-accent span:nth-child(1) { display:block;width:0;height:4px;background:linear-gradient(90deg,#B85C2A,#D4742A);border-radius:0 2px 2px 0;transition:width .55s cubic-bezier(.34,1.56,.64,1) }
.section-header-accent span:nth-child(2) { display:block;width:0;height:4px;background:linear-gradient(90deg,#D4742A,#E8914A);border-radius:2px;transition:width .55s cubic-bezier(.34,1.56,.64,1) .10s }
.section-header-accent span:nth-child(3) { display:block;width:0;height:4px;background:var(--parchment2);opacity:.35;border-radius:2px;transition:width .55s cubic-bezier(.34,1.56,.64,1) .18s }
.section-header.visible .section-header-accent span:nth-child(1) { width:80px }
.section-header.visible .section-header-accent span:nth-child(2) { width:32px }
.section-header.visible .section-header-accent span:nth-child(3) { width:12px }
.section-eyebrow, .mood-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--verde);display:block;margin-bottom:8px }
.section-title, .mood-title { font-family:var(--f-display);font-size:clamp(24px,3.2vw,34px);font-weight:400;color:var(--ink);line-height:1;letter-spacing:-.5px }
.section-count { display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--parchment);font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:9px 18px;border-radius:30px;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.18) }
.us-section { margin-top:var(--section-gap);padding-top:24px }
.reveal { opacity:0;transform:translateY(24px) scale(.98);transition:opacity .65s var(--ease-out-expo),transform .65s var(--ease-out-expo);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform }
.reveal.visible { opacity:1;transform:translateY(0) scale(1) }
@media(max-width:1024px) { .reveal { filter:none } }
@media(max-width:1024px) { .reveal.visible { filter:none } }
.pills { display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px }
.pill { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 13px;border-radius:20px;white-space:nowrap;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out-expo),background .25s ease;cursor:default }
.pill-default { background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);color:rgba(242,237,227,.80) }
.pill-rating { background:rgba(184,92,42,.12);border:1px solid rgba(184,92,42,.38);color:var(--oro2) }
.pill-rating:hover { background:rgba(184,92,42,.22);box-shadow:0 0 0 1px rgba(184,92,42,.45),0 4px 14px rgba(184,92,42,.20);transform:translateY(-1px) }
.pill-price { background:rgba(29,92,64,.07);border:1px solid rgba(29,92,64,.22);color:var(--verde) }
.pill-price:hover { background:rgba(29,92,64,.14);box-shadow:0 0 0 1px rgba(29,92,64,.30),0 4px 12px rgba(29,92,64,.12);transform:translateY(-1px) }
.pill-feat { background:rgba(242,237,227,.08);border:1px solid rgba(242,237,227,.18);color:rgba(242,237,227,.72) }
.badge { position:absolute;top:14px;right:14px;background:var(--verde);color:#fff;font-family:var(--f-ui);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 13px;border-radius:20px;box-shadow:0 4px 14px rgba(29,92,64,.45),inset 0 1px 0 rgba(255,255,255,.15);z-index:4 }
.badge-gold { background:var(--oro);box-shadow:0 2px 12px rgba(196,135,42,.50),inset 0 1px 0 rgba(255,255,255,.20);color:var(--ink) }
.pill[data-tip] { position:relative;cursor:help }
.pill[data-tip]::after { content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--ink);color:var(--parchment);font-family:var(--f-ui);font-size:9px;font-weight:600;padding:8px 12px;border-radius:3px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none;letter-spacing:.3px;text-transform:none }
.pill[data-tip]::before { content:'';position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ink);opacity:0;visibility:hidden;transition:opacity .25s ease;z-index:50;pointer-events:none }
.pill[data-tip]:hover::after, .pill[data-tip]:focus::after { opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) }
.pill[data-tip]:hover::before, .pill[data-tip]:focus::before { opacity:1;visibility:visible }
@media(max-width:768px) { .pill[data-tip]::after, .pill[data-tip]::before { display:none } }
.mood-wrap { width:100%;margin:0 0 80px;display:block;position:relative }
.mood-hdr { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;position:relative;gap:16px;flex-wrap:wrap }
.mood-hdr::after { content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(26,25,22,.12) }
.mood-hdr-accent { position:absolute;bottom:-1px;left:0;display:flex;height:3px }
.mood-hdr-accent span:nth-child(1) { display:block;width:80px;height:3px;background:var(--verde) }
.mood-hdr-accent span:nth-child(2) { display:block;width:32px;height:3px;background:var(--oro) }
.mood-hdr-accent span:nth-child(3) { display:block;width:12px;height:3px;background:var(--parchment2);opacity:.4 }
.mood-card { background:linear-gradient(145deg,#140E0A 0%,#1A1008 50%,#120C08 100%);border-radius:4px;position:relative;overflow:hidden;padding:40px 44px;box-shadow:0 24px 72px -12px rgba(0,0,0,.60),0 0 0 1px rgba(184,92,42,.18),inset 0 1px 0 rgba(232,145,74,.08) }
.mood-card::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 90% at 95% 5%,rgba(184,92,42,.28) 0%,rgba(120,55,20,.12) 45%,transparent 68%),radial-gradient(ellipse 45% 70% at 5% 95%,rgba(100,40,10,.18) 0%,transparent 58%);pointer-events:none;z-index:0 }
.mood-suggest { position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.36);border-radius:2px;padding:9px 18px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro2);margin-bottom:24px;min-height:34px }
.mood-suggest-dot { width:6px;height:6px;border-radius:50%;background:var(--oro2);flex-shrink:0;animation:ac-pulse-glow 2.5s ease-in-out infinite alternate }
.mood-question { position:relative;z-index:1;font-family:var(--f-display);font-style:italic;font-size:clamp(20px,2.8vw,30px);color:var(--parchment);line-height:1.15;margin-bottom:30px;display:block }
.mood-grid { position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px }
.mood-btn { background:rgba(242,237,227,.04);border:1px solid rgba(242,237,227,.12);border-radius:3px;padding:24px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;cursor:pointer;text-align:left;transition:background .3s ease,border-color .3s ease,transform .35s var(--ease-spring),box-shadow .35s var(--ease-out-expo);font-family:inherit;color:inherit }
.mood-btn:hover { background:rgba(184,92,42,.12);border-color:rgba(212,116,42,.55);transform:translateY(-6px) scale(1.022) rotate(.3deg);box-shadow:0 20px 48px rgba(0,0,0,.30),0 0 0 1px rgba(184,92,42,.35),0 0 24px -4px rgba(184,92,42,.20) }
.mood-grid:has(.mood-btn:hover) .mood-btn:not(:hover) { transform:translateY(3px) scale(0.97);opacity:0.65;transition:transform .35s var(--ease),opacity .35s ease }
.mood-btn:focus-visible { background:rgba(196,135,42,.10);border-color:var(--oro2) }
.mood-btn.active { background:rgba(184,92,42,.16);border-color:rgba(212,116,42,.60);transform:scale(1) rotate(-.5deg);box-shadow:0 0 0 2px rgba(184,92,42,.45),inset 0 1px 0 rgba(232,145,74,.12);outline:2px solid rgba(212,116,42,.70);outline-offset:3px }
.mood-btn.suggested { box-shadow:0 0 0 1px rgba(196,135,42,.45) }
.mood-btn-icon { font-size:26px;line-height:1 }
.mood-btn-label { font-family:var(--f-display);font-style:italic;font-size:16px;color:var(--parchment);line-height:1.2 }
.mood-btn-sub { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.30) }
.mood-result { position:relative;z-index:1;margin-top:0;max-height:0;overflow:hidden;transition:max-height .5s var(--ease),margin-top .5s var(--ease) }
.mood-result.open { max-height:800px;margin-top:28px }
.mood-result-inner { border-top:1px solid rgba(242,237,227,.08);padding-top:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center }
.mood-result-hint { width:100%;font-family:var(--f-italic);font-style:italic;font-size:13px;color:rgba(242,237,227,.40);margin-bottom:6px }
.mood-result-chip { display:inline-flex;align-items:center;gap:8px;background:rgba(242,237,227,.05);border:1px solid rgba(242,237,227,.14);border-radius:2px;padding:10px 16px;font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(242,237,227,.75);text-decoration:none;transition:background .3s ease,border-color .3s ease }
.mood-result-chip:hover { background:rgba(196,135,42,.10);border-color:var(--oro2);color:var(--parchment) }
.mood-result-clear { margin-left:auto;background:none;border:1px solid rgba(242,237,227,.18);color:rgba(242,237,227,.45);font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:9px 14px;border-radius:2px;cursor:pointer;transition:border-color .25s ease,color .25s ease }
.mood-result-clear:hover { border-color:rgba(242,237,227,.40);color:var(--parchment) }
@media(max-width:860px) { .mood-grid { grid-template-columns:repeat(2,1fr) } }
@media(max-width:860px) { .mood-card { padding:30px 26px } }
.resto-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2px;row-gap:2px;background:rgba(26,25,22,.14);border:1px solid rgba(26,25,22,.14) }
.rcard { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);border-radius:var(--radius-card);border:1px solid var(--card-border-oro) }
.rcard { display:flex;flex-direction:column;padding:32px 28px 28px;text-decoration:none;position:relative;overflow:hidden;min-height:180px;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease,opacity .3s ease;contain:layout style }
.rcard::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--oro2),var(--oro));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);z-index:0 }
.rcard:hover::before, .rcard:focus-visible::before { transform:scaleX(1) }
.rcard:has(.badge-gold)::before { transform:scaleX(0.35);opacity:0.4 }
.rcard:has(.badge-gold):hover::before { transform:scaleX(1);opacity:1 }
.rcard:not(.rcard-feat):not(.rcard-ad):hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover);transform:translateY(-4px);box-shadow:0 0 0 1px var(--card-border-oro-hover),0 20px 56px rgba(0,0,0,.55),0 0 32px -8px rgba(184,92,42,.20);transition:background .25s ease,border-color .25s ease,transform .35s var(--ease-spring),box-shadow .35s ease }
.rcard-feat { grid-column:span 2;background:var(--ink);color:var(--parchment);padding:44px 40px 38px;min-height:220px;position:relative;overflow:hidden }
.rcard-feat::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7A3B1E 0%,#B85C2A 35%,#E08830 65%,#D4742A 100%);z-index:2 }
.rcard-feat::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 75% at 92% 18%,rgba(29,92,64,.28) 0%,transparent 58%),radial-gradient(ellipse 45% 55% at 8% 82%,rgba(196,135,42,.12) 0%,transparent 55%);pointer-events:none;z-index:1 }
.rcard-feat:hover { background:linear-gradient(145deg,#222219 0%,#1a1916 100%);transform:translateY(-6px) scale(1.005);box-shadow:0 40px 80px -12px rgba(6,6,5,.65),0 0 0 1px rgba(196,135,42,.10) }
.rcard-shine { position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);left:-100%;z-index:3;transition:left .7s var(--ease);pointer-events:none }
.rcard:hover .rcard-shine, .rcard-feat:hover .rcard-shine { left:100% }
.rcard-ad { background:rgba(196,135,42,.05);border:1px dashed rgba(196,135,42,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:180px;transition:background .4s ease,border-color .4s ease,transform .4s var(--ease);padding:32px 24px }
.rcard-ad:hover { background:rgba(196,135,42,.10);border-color:var(--oro2);border-style:solid;transform:translateY(-4px) }
.rcard-ad-icon, .cv-night-chip-final { font-size:28px }
.rcard-ad-sub { font-family:var(--f-italic);font-style:italic;font-size:12px;color:rgba(242,237,227,.78);line-height:1.6;max-width:140px }
.rcard-content, .gcard-content { position:relative;z-index:2;display:flex;flex-direction:column;gap:13px;height:100% }
.rcard-top, .gcard-top, .fin-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:8px }
.rcard-open { display:inline-flex;align-items:center;gap:7px;background:rgba(29,92,64,.18);border:1px solid rgba(29,92,64,.45);border-radius:2px;color:rgba(100,210,155,.95);font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:5px 10px }
.rcard-open.is-unverified { background:rgba(242,237,227,.04);border-color:rgba(242,237,227,.14);color:rgba(242,237,227,.32) }
.rcard-open-dot { width:5px;height:5px;background:var(--verde2);border-radius:50%;flex-shrink:0 }
.rcard-icon { font-size:34px;line-height:1 }
.rcard-feat .rcard-icon { font-size:48px }
.rcard-name { font-family:var(--f-display);font-size:22px;line-height:1.1;color:var(--card-text);letter-spacing:-.4px;display:block;word-break:break-word;font-weight:400 }
.rcard-feat .rcard-name { color:var(--parchment);font-size:32px;letter-spacing:-.8px }
.rcard-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:var(--card-text-soft);line-height:1.75;margin:0;flex:1 }
.rcard-feat .rcard-desc { color:rgba(242,237,227,.46) }
.rcard.mood-dim { opacity:.32;filter:saturate(.6);pointer-events:none }
.rcard.mood-match { box-shadow:0 0 0 2px rgba(196,135,42,.55),0 20px 48px -10px rgba(6,6,5,.30) }
.cafe-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.08);border:1px solid rgba(26,25,22,.08) }
.ccard { position:relative;height:240px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;contain:layout style;transition:opacity .3s ease;border-radius:var(--radius-card) }
.ccard-bg { position:absolute;inset:0;transition:transform .65s var(--ease) }
.ccard:hover .ccard-bg { transform:scale(1.07) }
.ccard-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,5,.97) 0%,rgba(6,6,5,.50) 45%,rgba(6,6,5,.04) 100%) }
.ccard-inner { position:relative;z-index:2;padding:28px;display:flex;flex-direction:column;gap:6px;transition:transform .4s var(--ease) }
.ccard:hover .ccard-inner { transform:translateY(-5px) }
.ccard-label { font-family:var(--f-ui);font-size:7px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--oro2) }
.ccard-name { font-family:var(--f-display);font-style:italic;font-size:24px;line-height:1.05;color:#fff }
.ccard-border { position:absolute;inset:0;border:1px solid transparent;transition:border-color .4s ease;pointer-events:none;z-index:3 }
.ccard:hover .ccard-border, .ccard:focus-visible .ccard-border { border-color:rgba(196,135,42,.40) }
.ccard-featured { grid-column:span 2;height:280px;border-top:3px solid var(--oro2) }
.ccard-featured .ccard-name { font-size:34px }
.bar-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(26,25,22,.08);border:1px solid rgba(26,25,22,.08) }
.bcard { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 20px 40px;text-align:center;text-decoration:none;position:relative;overflow:hidden;min-height:165px;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease,opacity .3s ease;contain:layout style;border-radius:var(--radius-card);border:1px solid var(--card-border-oro) }
.bcard::after { content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(90deg,var(--oro),var(--oro2));transition:height .35s var(--ease) }
.bcard:hover::after, .bcard:focus-visible::after { height:3px }
.bcard-icon { font-size:40px;line-height:1;transition:transform .4s var(--ease);position:relative;z-index:1 }
.bcard:hover .bcard-icon { transform:scale(1.15) rotate(-5deg) }
.bcard-name { font-family:var(--f-display);font-size:15px;color:var(--card-text);line-height:1.3;word-break:break-word;position:relative;z-index:1;font-weight:800 }
.bcard-desc { font-family:var(--f-italic);font-style:italic;font-size:12px;color:var(--card-text-soft);line-height:1.5;text-align:center;max-width:140px;position:relative;z-index:1;transition:color .4s ease }
.bcard:hover .bcard-desc { color:var(--card-text) }
.list-items { display:flex;flex-direction:column;gap:1px;background:rgba(26,25,22,.08);border:1px solid rgba(26,25,22,.08) }
.litem { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:center;gap:24px;padding:28px 32px;text-decoration:none;position:relative;overflow:hidden;border-left:4px solid rgba(196,135,42,.20);transition:background .35s ease,border-left-color .35s ease,transform .35s var(--ease),box-shadow .35s ease,opacity .3s ease;contain:layout style;border-radius:0 var(--radius-card) var(--radius-card) 0 }
.litem:hover, .litem:focus-visible { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-left-color:var(--oro2);transform:translateX(8px);box-shadow:-8px 0 32px -8px rgba(196,135,42,.25),-1px 0 0 0 var(--card-border-oro-hover) }
.litem-icon { font-size:30px;flex-shrink:0;transition:transform .35s var(--ease) }
.litem:hover .litem-icon { transform:scale(1.12) }
.litem-name { font-family:var(--f-display);font-size:19px;color:var(--card-text);flex:1;min-width:0;word-break:break-word;position:relative;z-index:1;font-weight:800 }
.litem-arrow { font-size:18px;color:rgba(242,237,227,.20);flex-shrink:0;transition:color .35s ease,transform .35s var(--ease);position:relative;z-index:1 }
.litem:hover .litem-arrow { color:var(--oro2);transform:translateX(6px) }
.gym-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
.gcard { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;padding:32px 28px 28px;text-decoration:none;position:relative;overflow:hidden;min-height:180px;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease;contain:layout style;border-radius:var(--radius-card);border:1px solid var(--card-border-oro) }
.gcard::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--oro2),var(--oro));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);z-index:0 }
.gcard:hover::before, .gcard:focus-visible::before { transform:scaleX(1) }
.gcard:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.gcard-feat { grid-column:span 2;background:var(--ink);color:var(--parchment);padding:44px 40px 38px;min-height:220px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(242,237,227,.06) }
.gcard-feat::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7A3B1E 0%,#B85C2A 35%,#E08830 65%,#D4742A 100%);z-index:2 }
.gcard-feat::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 75% at 92% 18%,rgba(29,92,64,.28) 0%,transparent 58%),radial-gradient(ellipse 45% 55% at 8% 82%,rgba(196,135,42,.12) 0%,transparent 55%);pointer-events:none;z-index:1 }
.gcard-feat:hover { background:#1e1e1a;transform:translateY(-5px);box-shadow:0 28px 64px -10px rgba(6,6,5,.50) }
.gcard-shine { position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);left:-100%;z-index:3;transition:left .7s var(--ease);pointer-events:none }
.gcard:hover .gcard-shine, .gcard-feat:hover .gcard-shine { left:100% }
.gcard-score { display:inline-flex;align-items:center;gap:6px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.35);border-radius:2px;color:var(--oro);font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:5px 10px }
.gcard-icon { font-size:34px;line-height:1 }
.gcard-feat .gcard-icon { font-size:48px }
.gcard-name { font-family:var(--f-display);font-size:20px;line-height:1.1;color:var(--card-text);letter-spacing:-.3px;display:block;font-weight:400 }
.gcard-feat .gcard-name { color:var(--parchment);font-size:32px;letter-spacing:-.8px }
.gcard-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:var(--card-text-soft);line-height:1.75;flex:1 }
.gcard-feat .gcard-desc { color:rgba(242,237,227,.46) }
.cat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
.cat-card { background:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:36px 32px 32px;text-decoration:none;position:relative;overflow:hidden;min-height:200px;transition:transform .4s var(--ease),box-shadow .4s ease;contain:layout style;border-radius:var(--radius-card) }
.cat-card::before { content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,92,64,.25) 0%,transparent 60%);opacity:0;transition:opacity .4s ease }
.cat-card:hover::before, .cat-card:focus-visible::before { opacity:1 }
.cat-card::after { content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--verde),var(--oro));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease) }
.cat-card:hover::after, .cat-card:focus-visible::after { transform:scaleX(1) }
.cat-card:hover, .cat-card:focus-visible { transform:translateY(-8px) scale(1.008);box-shadow:0 32px 80px -8px rgba(6,6,5,.70),0 0 0 1px rgba(196,135,42,.12) }
.cat-card-bg { position:absolute;inset:0;opacity:.12;transition:opacity .4s ease,transform .6s var(--ease);font-size:120px;display:flex;align-items:center;justify-content:center;line-height:1;filter:blur(2px);pointer-events:none }
.cat-card:hover .cat-card-bg { opacity:.20;transform:scale(1.08) }
.cat-card-content { position:relative;z-index:2 }
.cat-card-emoji { font-size:32px;display:block;margin-bottom:16px;transition:transform .4s var(--ease) }
.cat-card:hover .cat-card-emoji { transform:scale(1.15) rotate(-5deg) }
.cat-card-title { font-family:var(--f-display);font-style:italic;font-size:22px;color:var(--parchment);display:block;line-height:1.1;letter-spacing:-.3px;margin-bottom:8px }
.cat-card-sub { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(242,237,227,.35) }
.cat-card-arrow { position:absolute;top:24px;right:24px;width:36px;height:36px;border:1px solid rgba(242,237,227,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(242,237,227,.30);transition:border-color .3s ease,color .3s ease,transform .3s var(--ease),background .3s ease;z-index:2 }
.cat-card:hover .cat-card-arrow { border-color:var(--oro);color:var(--oro);background:rgba(196,135,42,.10);transform:rotate(45deg) }
.cat-card-highlight { grid-column:span 2;background:linear-gradient(135deg,#0e2a1e 0%,#1a1916 100%);min-height:220px }
.cat-card-highlight .cat-card-title { font-size:30px }
.cat-card-donde { grid-column:span 3;background:linear-gradient(135deg,#1e1408 0%,#140e05 60%,#0e1a12 100%);min-height:160px;border-top:1px solid rgba(196,135,42,.18) }
.cat-card-donde .cat-card-title { font-size:28px }
.cat-card-donde::after { background:linear-gradient(90deg,var(--oro),var(--verde),var(--oro)) }
.footer { background:var(--void);border-top:1px solid rgba(242,237,227,.08);padding:60px var(--gutter) 48px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;position:relative;overflow:hidden }
.footer-shimmer { position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--oro2),transparent);opacity:.75 }
.footer-logo { display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease);opacity:.8 }
.footer-logo:hover { transform:scale(1.06);opacity:1 }
.footer-divider { width:40px;height:1px;background:rgba(242,237,227,.12) }
.footer-stats { display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center }
.footer-stat { font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(242,237,227,.35) }
.footer-stat strong { color:rgba(242,237,227,.65);font-weight:700 }
.footer-copy { font-family:var(--f-ui);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.18) }
.ad-banner { display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;width:100%;background:var(--ink);border-left:5px solid var(--oro);border-radius:0 12px 12px 0;padding:48px 52px;margin:90px 0;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s ease;box-shadow:0 24px 72px -12px rgba(6,6,5,.35) }
.ad-banner::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 85% at 92% 50%,rgba(29,92,64,.18) 0%,transparent 58%),radial-gradient(ellipse 40% 65% at 4% 50%,rgba(196,135,42,.08) 0%,transparent 55%);pointer-events:none }
.ad-banner:hover { transform:translateY(-3px);box-shadow:0 32px 80px -12px rgba(6,6,5,.55) }
.ad-banner-left { display:flex;align-items:center;gap:28px;flex:1;min-width:0;position:relative;z-index:1;flex-wrap:wrap }
.ad-banner-icon { width:68px;height:68px;border-radius:3px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.28);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;transition:transform .4s var(--ease) }
.ad-banner:hover .ad-banner-icon { transform:scale(1.06) rotate(-3deg) }
.ad-banner-eyebrow { display:block;font-family:var(--f-ui);font-size:7px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:rgba(196,135,42,.65);margin-bottom:6px }
.ad-banner-title { display:block;font-family:var(--f-display);font-style:italic;font-size:22px;color:var(--parchment);margin-bottom:8px;letter-spacing:-.3px }
.ad-banner-sub { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.40);line-height:1.7 }
.ad-banner-btn { position:relative;z-index:1;flex-shrink:0;background:var(--oro);color:var(--ink);font-family:var(--f-ui);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;padding:16px 36px;border-radius:2px;transition:background .35s ease,transform .35s var(--ease) }
.ad-banner:hover .ad-banner-btn { background:var(--oro2);transform:translateY(-3px) }
.glos-wrap { width:100%;margin:0 0 64px }
.glos-toggle { display:inline-flex;align-items:center;gap:10px;background:rgba(26,25,22,.05);border:1px solid rgba(26,25,22,.14);border-radius:2px;padding:14px 22px;font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .3s ease,border-color .3s ease;width:100%;justify-content:space-between }
.glos-toggle:hover { background:rgba(29,92,64,.06);border-color:var(--verde2) }
.glos-body { max-height:0;overflow:hidden;transition:max-height .45s var(--ease) }
.glos-body.open { max-height:2000px }
.glos-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.08);border:1px solid rgba(26,25,22,.08);margin-top:1px }
.glos-item { background:#1a1916;padding:20px 22px;display:flex;flex-direction:column;gap:6px }
.glos-item-sym { font-family:var(--f-display);font-style:italic;font-size:18px;color:var(--verde) }
.glos-item-desc { font-family:var(--f-italic);font-style:italic;font-size:12.5px;color:rgba(242,237,227,.80);line-height:1.5 }
@media(max-width:860px) { .glos-grid { grid-template-columns:repeat(2,1fr) } }
@media(max-width:480px) { .glos-grid { grid-template-columns:1fr } }
.hp-intro { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(26,25,22,.82);max-width:760px;margin-bottom:36px;line-height:1.7 }
.hp-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
@media(max-width:768px) { .hp-grid { grid-template-columns:1fr } }
.hp-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);position:relative;transition:background .3s ease,border-color .3s ease;contain:layout style;border:1px solid var(--card-border-oro);border-radius:var(--radius-card);overflow:hidden }
.hp-card[open] { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.hp-name { font-family:var(--f-display);font-size:19px;color:var(--card-text);line-height:1.2;font-weight:800 }
.hp-sub { font-family:var(--f-italic);font-style:italic;font-size:12.5px;color:var(--card-text-soft) }
.hp-chevron { font-size:13px;color:rgba(242,237,227,.30);transition:transform .3s var(--ease);flex-shrink:0 }
.hp-desc { font-family:var(--f-italic);font-style:italic;font-size:14.5px;line-height:1.75;color:var(--card-text-soft);margin-bottom:20px }
.hp-card-feat .hp-facts>div { border-top:1px solid rgba(242,237,227,.08) }
.hp-empty { font-style:italic;color:rgba(242,237,227,.28)!important }
.hp-card-feat .hp-empty { color:rgba(242,237,227,.35)!important }
.hp-status { display:inline-flex;align-items:center;font-family:var(--f-ui);font-size:7px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:3px 8px;border-radius:2px;margin-left:8px;white-space:nowrap }
.hp-v { background:rgba(29,92,64,.18);color:rgba(100,210,155,.90);border:1px solid rgba(29,92,64,.45) }
.hp-o { background:rgba(26,92,138,.18);color:rgba(70,160,230,.90);border:1px solid rgba(26,92,138,.45) }
.hp-nv { background:rgba(192,57,43,.14);color:rgba(231,76,60,.90);border:1px solid rgba(192,57,43,.40) }
.hp-legend { display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(26,25,22,.08) }
.hp-legend-item { font-family:var(--f-ui);font-size:10.5px;color:rgba(242,237,227,.45);display:flex;align-items:center;gap:6px }
.us-section#historia { --ht-navy:#1C2E4A;--ht-bronze:#C4A882;--ht-cert-a:#0F6B3E;--ht-cert-b:#0E5E8A;--ht-cert-c:#92400E;--ht-myth:#DC2626;--ht-cause:#B45309;--ht-live:#15803D }
#historia .ht-hero { background:var(--ht-navy);border-radius:12px;padding:48px 52px;position:relative;overflow:hidden;margin-bottom:1px;color:white }
#historia .ht-hero-bg { position:absolute;inset:0;pointer-events:none;background: radial-gradient(ellipse 60% 70% at 85% 15%, rgba(196,168,130,.18) 0%, transparent 60%), linear-gradient(135deg, #1C2E4A 0%, #0e1a2e 100%) }
#historia .ht-hero::after { content:'';position:absolute;inset:0;background-image:repeating-linear-gradient( to bottom, transparent 0 38px, rgba(196,168,130,.06) 38px 39px );animation:ht-twinkle-fade 6s ease-in-out infinite alternate;pointer-events:none;z-index:0 }
@keyframes ht-twinkle-fade{ from{opacity:0.5} to{opacity:1} }
#historia .ht-hero-content { position:relative;z-index:1 }
#historia .ht-hero-chip { display:inline-flex;align-items:center;gap:10px;background:rgba(29,92,64,.14);border:1px solid rgba(29,92,64,.40);border-radius:2px;padding:8px 16px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(100,210,155,.90);margin-bottom:24px;width:fit-content }
#historia .ht-chip-dot { width:6px;height:6px;border-radius:50%;background:#64d29b;flex-shrink:0;animation:ac-pulse-glow 2.5s ease-in-out infinite alternate }
#historia .ht-hero-title { font-family:var(--f-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:white;margin-bottom:16px;line-height:1.1 }
#historia .ht-hero-title em { font-style:italic;color:var(--ht-bronze) }
#historia .ht-hero-sub { font-family:var(--f-italic);font-style:italic;font-size:clamp(.95rem,1.5vw,1.05rem);color:rgba(255,255,255,.75);max-width:600px;margin-bottom:36px;line-height:1.7 }
#historia .ht-hero-stats { display:flex;align-items:center;gap:32px;flex-wrap:wrap }
#historia .ht-stat { display:flex;flex-direction:column;gap:4px }
#historia .ht-stat-num { font-family:var(--f-display);font-size:2rem;font-weight:900;color:var(--ht-bronze);line-height:1 }
#historia .ht-stat-label { font-family:var(--f-ui);font-size:8px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55) }
#historia .ht-stat-div { width:1px;height:36px;background:rgba(255,255,255,.18) }
#historia .ht-legend { background:white;border:1px solid rgba(26,25,22,.10);padding:14px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:0 }
#historia .ht-legend-label { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B6B6B;white-space:nowrap }
#historia .ht-legend-items { display:flex;gap:16px;flex-wrap:wrap }
#historia .ht-legend-item { display:flex;align-items:center;gap:7px;font-family:var(--f-ui);font-size:11px;color:#3D3D3D }
#historia .ht-cert { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-family:var(--f-ui);font-size:10px;font-weight:700;flex-shrink:0 }
#historia .ht-cert-a { background:var(--ht-cert-a);color:white }
#historia .ht-cert-b { background:var(--ht-cert-b);color:white }
#historia .ht-cert-c { background:var(--ht-cert-c);color:white }
#historia .ht-tabs-wrap { background:white;border-bottom:2px solid rgba(26,25,22,.10);display:flex;overflow-x:auto;scrollbar-width:none;margin-bottom:0 }
#historia .ht-tabs-wrap::-webkit-scrollbar { display:none }
#historia .ht-tab { display:flex;flex-direction:column;padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:var(--f-ui);color:#6B6B6B;white-space:nowrap;transition:color .15s,border-color .15s;text-align:left;flex-shrink:0 }
#historia .ht-tab-num { font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8B7355;margin-bottom:2px;display:block }
#historia .ht-tab-title { font-size:13px;font-weight:500;display:block }
#historia .ht-tab:hover { color:#1C2E4A;border-bottom-color:rgba(26,25,22,.14) }
#historia .ht-tab-active { color:#1C2E4A!important;border-bottom-color:#8B7355!important }
#historia .ht-tab-active .ht-tab-num { color:#1C2E4A!important }
#historia .ht-chapter { display:none;padding:40px 0 0;animation:ht-reveal-up-tab .25s ease }
#historia .ht-chapter-active { display:block !important }
@keyframes ht-reveal-up-tab{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ht-reveal-down-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
#historia .ht-chapter:not(.ht-chapter-active) { animation:ht-reveal-down-out .2s ease both }
#historia .ht-chapter-header { margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid rgba(26,25,22,.10) }
#historia .ht-ch-eyebrow { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8B7355;margin-bottom:8px }
#historia .ht-ch-title { font-family:var(--f-display);font-size:clamp(1.4rem,2.8vw,2rem);color:#1C2E4A;margin-bottom:6px;line-height:1.15 }
#historia .ht-ch-sub { font-family:var(--f-ui);font-size:14px;color:#6B6B6B }
#historia .ht-certainty { display:flex;align-items:center;gap:12px;margin-top:16px }
#historia .ht-certainty-label { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B;white-space:nowrap }
#historia .ht-bar { flex:1;max-width:180px;height:6px;background:rgba(26,25,22,.12);border-radius:3px;overflow:hidden }
#historia .ht-bar-fill { height: 100%;border-radius: 3px;background: linear-gradient(90deg, var(--ht-cert-a), var(--ht-cert-b));transform: scaleX(0);transform-origin: left;transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s }
#historia .ht-chapter-active .ht-bar-fill { transform: scaleX(1) }
@media (prefers-reduced-motion: reduce) { #historia .ht-bar-fill { transition: none;transform: scaleX(1) } }
#historia .ht-certainty-val { font-family:var(--f-ui);font-size:10px;font-weight:700;color:var(--ht-cert-a) }
#historia .ht-hits { display:flex;flex-direction:column;gap:24px }
#historia .ht-hit-feat { background:#1C2E4A;border-radius:12px;padding:36px 40px;color:white;position:relative;overflow:hidden }
#historia .ht-hit-meta { display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap }
#historia .ht-date { font-family:var(--f-ui);font-size:11px;font-weight:700;background:rgba(196,168,130,.25);color:#C4A882;padding:4px 12px;border-radius:4px }
#historia .ht-hit-title { font-family:var(--f-display);font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700;color:white;margin-bottom:14px;line-height:1.2 }
#historia .ht-hit-body { font-size:14px;color:rgba(255,255,255,.82);line-height:1.75 }
#historia .ht-myth { background:rgba(220,38,38,.08);border-left:3px solid #DC2626;border-radius:0 8px 8px 0;padding:16px 20px;margin-top:20px }
#historia .ht-myth-header { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#DC2626;margin-bottom:10px }
#historia .ht-myth-item { background:rgba(255,255,255,.08);border-radius:4px;padding:8px 12px;margin-bottom:6px;font-family:var(--f-ui);font-size:12px;color:rgba(255,255,255,.8) }
#historia .ht-myth-item strong { color:white;font-weight:600 }
#historia .ht-myth-verdict { font-family:var(--f-ui);font-size:11px;font-weight:600;color:rgba(255,200,200,.9);margin-top:10px }
#historia .ht-cause { background:rgba(180,83,9,.08);border-left:3px solid #B45309;border-radius:0 8px 8px 0;padding:14px 18px;margin-top:20px }
#historia .ht-cause-header { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#B45309;margin-bottom:10px }
#historia .ht-cause-chain { display:flex;flex-direction:column;gap:6px;font-family:var(--f-ui);font-size:12px;color:rgba(255,255,255,.75) }
#historia .ht-cause-origin { color:rgba(255,255,255,.9);font-weight:500 }
#historia .ht-cause-arrow { color:#B45309;font-weight:700;font-size:14px }
#historia .ht-live { background:rgba(21,128,61,.10);border-left:3px solid #15803D;border-radius:0 8px 8px 0;padding:12px 18px;margin-top:16px;display:flex;align-items:flex-start;gap:12px }
#historia .ht-live-badge { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#15803D;white-space:nowrap;margin-top:2px }
#historia .ht-live-text { font-family:var(--f-ui);font-size:12px;color:#15653A;line-height:1.55 }
#historia .ht-cards-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
#historia .ht-card { background:white;padding:22px 20px;transition:background .25s ease }
#historia .ht-card:hover { background:#FAFAF7 }
#historia .ht-card-meta { display:flex;align-items:center;gap:8px;margin-bottom:10px }
#historia .ht-date-sm { font-family:var(--f-ui);font-size:10px;font-weight:700;color:#8B7355 }
#historia .ht-card-title { font-family:var(--f-display);font-size:1rem;font-weight:700;color:#1C2E4A;margin-bottom:8px;line-height:1.25 }
#historia .ht-card-body { font-size:12px;color:#3D3D3D;line-height:1.65 }
@media(max-width:768px) { #historia .ht-hero { padding:28px 22px } }
@media(max-width:768px) { #historia .ht-hit-feat { padding:24px 20px } }
@media(max-width:768px) { #historia .ht-stat-div { display:none } }
@media(max-width:768px) { #historia .ht-hero-stats { gap:20px } }
@media(max-width:480px) { #historia .ht-cards-grid { grid-template-columns:1fr } }
.nat-intro { margin-bottom:48px;position:relative }
.nat-intro-inner { max-width:760px }
.nat-intro-text { font-family:var(--f-italic);font-style:italic;font-size:15px;color:rgba(26,25,22,.58);line-height:1.75 }
.nat-intro-text em { font-style:normal;color:var(--verde2) }
.nat-river-line { height:2px;margin-top:24px;background:linear-gradient(90deg,var(--verde2),rgba(26,25,22,.08)) }
.nat-hero-card { display:block;position:relative;overflow:hidden;text-decoration:none;margin-bottom:1px;border:1px solid rgba(26,25,22,.10);min-height:280px;transition:transform .4s var(--ease),box-shadow .4s ease }
.nat-hero-card:hover { transform:translateY(-4px);box-shadow:0 32px 72px -10px rgba(6,6,5,.45) }
.nat-hero-bg { position:absolute;inset:0;background:linear-gradient(135deg,#0a1a12 0%,#0e2018 40%,#0a1508 100%) }
.nat-hero-gradient { position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 85% 20%,rgba(29,92,64,.45) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 5% 85%,rgba(196,135,42,.18) 0%,transparent 55%) }
.nat-hero-content { position:relative;z-index:2;padding:44px 48px;display:flex;flex-direction:column;gap:20px }
.nat-hero-top { display:flex;align-items:center;gap:12px;flex-wrap:wrap }
.nat-hero-main { display:flex;align-items:flex-start;gap:20px }
.nat-hero-icon { font-size:52px;line-height:1;flex-shrink:0;transition:transform .4s var(--ease) }
.nat-hero-card:hover .nat-hero-icon { transform:scale(1.12) rotate(-5deg) }
.nat-hero-title { font-family:var(--f-display);font-size:clamp(28px,4vw,44px);color:var(--parchment);letter-spacing:-.5px;line-height:1;display:block;margin-bottom:8px }
.nat-hero-sub { font-family:var(--f-italic);font-style:italic;font-size:16px;color:rgba(242,237,227,.55);line-height:1.6;max-width:560px;display:block }
.nat-hero-tags, .gr-hero-tags { display:flex;flex-wrap:wrap;gap:8px }
.nat-hero-info { display:flex;flex-direction:column;gap:4px;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(242,237,227,.30) }
.nat-hero-arrow { position:absolute;top:28px;right:28px;width:40px;height:40px;border:1px solid rgba(242,237,227,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:rgba(242,237,227,.30);transition:border-color .3s ease,color .3s ease,transform .3s var(--ease),background .3s ease }
.nat-hero-card:hover .nat-hero-arrow { border-color:var(--oro2);color:var(--oro2);background:rgba(196,135,42,.12);transform:rotate(45deg) }
.nat-badge-free { display:inline-flex;align-items:center;padding:6px 14px;background:rgba(196,135,42,.14);border:1px solid rgba(196,135,42,.40);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2);white-space:nowrap }
.nat-badge-highlight { display:inline-flex;align-items:center;padding:6px 14px;background:var(--verde);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;white-space:nowrap }
.nat-badge-free-sm { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(29,92,64,.09);border:1px solid rgba(29,92,64,.28);border-radius:2px;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--verde2);white-space:nowrap }
.nat-badge-top { display:inline-flex;align-items:center;padding:4px 10px;background:var(--ink);border-radius:2px;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--parchment);white-space:nowrap }
.nat-badge-protected { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(29,92,64,.10);border:1px solid rgba(29,92,64,.25);border-radius:2px;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--verde2);white-space:nowrap }
.nat-tag, .dep-tag { display:inline-flex;align-items:center;padding:5px 12px;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.70);white-space:nowrap }
.nat-tag-sm { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);border-radius:2px;font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.65);white-space:nowrap }
.nat-faro-card .nat-tag-sm { background:rgba(242,237,227,.08);border-color:rgba(242,237,227,.22);color:rgba(242,237,227,.80) }
.nat-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.nat-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:stretch;padding:0;text-decoration:none;position:relative;overflow:hidden;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease,border-color .4s ease;contain:layout style;border-radius:var(--radius-card);border:1px solid var(--card-border-oro) }
.nat-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);transform:translateY(-4px);box-shadow:0 0 0 1px var(--card-border-oro-hover),0 20px 48px rgba(0,0,0,.45);border-color:var(--card-border-oro-hover) }
.nat-card-wide { grid-column:span 2 }
.nat-card-featured { background:linear-gradient(135deg,#0a1a12 0%,#111a10 100%) }
.nat-card-featured .nat-card-name { color:var(--parchment) }
.nat-card-featured .nat-card-desc { color:rgba(242,237,227,.55) }
.nat-card-featured .nat-card-meta { color:rgba(242,237,227,.30) }
.nat-card-featured .nat-tag-sm { background:rgba(242,237,227,.07);border-color:rgba(242,237,227,.16);color:rgba(242,237,227,.65) }
.nat-card-featured:hover { background:linear-gradient(135deg,#0e2018 0%,#152012 100%) }
.nat-card-inner { position:relative;z-index:1;padding:32px 28px;display:flex;flex-direction:column;gap:14px;flex:1 }
.nat-card-top, .aloj-card-top, .sm-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap }
.nat-card-icon { font-size:36px;line-height:1;flex-shrink:0;transition:transform .4s var(--ease) }
.nat-card:hover .nat-card-icon { transform:scale(1.14) rotate(-6deg) }
.nat-card-badges { display:flex;gap:6px;flex-wrap:wrap }
.nat-card-name { font-family:var(--f-display);font-size:clamp(18px,2.2vw,24px);color:var(--card-text);letter-spacing:-.3px;line-height:1.1;font-weight:800 }
.nat-card-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:var(--card-text-soft);line-height:1.75;flex:1 }
.nat-card-meta { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--card-tag);padding-top:4px;border-top:1px solid rgba(242,237,227,.08) }
.nat-card-arrow { position:absolute;bottom:20px;right:20px;font-size:16px;color:rgba(26,25,22,.20);transition:color .3s ease,transform .3s var(--ease) }
.nat-card:hover .nat-card-arrow { color:var(--verde2);transform:translateX(4px) }
.nat-card-featured .nat-card-arrow { color:rgba(242,237,227,.25) }
.nat-card-featured:hover .nat-card-arrow { color:var(--oro2) }
.nat-termas-banner { display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--ink);border-left:5px solid var(--oro);padding:40px 48px;margin:1px 0;text-decoration:none;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s ease }
.nat-termas-banner::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 85% at 95% 50%,rgba(196,135,42,.14) 0%,transparent 60%);pointer-events:none }
.nat-termas-banner:hover { transform:translateY(-3px);box-shadow:0 28px 72px -10px rgba(6,6,5,.45) }
.nat-termas-left { display:flex;align-items:flex-start;gap:22px;flex:1;min-width:0;position:relative;z-index:1;flex-wrap:wrap }
.nat-termas-icon { font-size:38px;line-height:1;flex-shrink:0;transition:transform .4s var(--ease) }
.nat-termas-banner:hover .nat-termas-icon { transform:scale(1.10) rotate(-5deg) }
.nat-termas-eyebrow { display:block;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(196,135,42,.65);margin-bottom:6px }
.nat-termas-title { display:block;font-family:var(--f-display);font-style:italic;font-size:clamp(20px,2.8vw,28px);color:var(--parchment);margin-bottom:8px;letter-spacing:-.3px }
.nat-termas-sub { display:block;font-family:var(--f-italic);font-style:italic;font-size:13px;color:rgba(242,237,227,.40);line-height:1.7;max-width:520px }
.nat-termas-chips { display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1;align-self:center }
.nat-tag-termas { display:inline-flex;align-items:center;padding:7px 14px;background:rgba(196,135,42,.10);border:1px solid rgba(196,135,42,.30);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--oro2);white-space:nowrap }
.nat-termas-cta { position:relative;z-index:1;flex-shrink:0;background:var(--oro);color:var(--ink);font-family:var(--f-ui);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:14px 28px;border-radius:2px;transition:background .35s ease,transform .35s var(--ease) }
.nat-termas-banner:hover .nat-termas-cta { background:var(--oro2);transform:translateY(-3px) }
.nat-act-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.nat-act-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:20px;padding:32px 28px;position:relative;overflow:hidden;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.nat-act-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.nat-act-card::after { content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--verde2);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease) }
.nat-act-card:hover::after { transform:scaleX(1) }
.nat-act-icon { font-size:38px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.nat-act-card:hover .nat-act-icon { transform:scale(1.12) }
.nat-act-content, .nat-faro-text, .gr-species-body, .gr-prod-body, .cv-sede-text { display:flex;flex-direction:column;gap:10px;flex:1;min-width:0 }
.nat-act-name { font-family:var(--f-display);font-size:19px;color:var(--card-text);letter-spacing:-.2px;line-height:1.1;font-weight:800 }
.nat-act-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.nat-act-note { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro2);padding-top:8px;border-top:1px solid rgba(242,237,227,.08) }
.nat-faro-wrap { margin-top:1px }
.nat-faro-card { background:var(--ink);border-top:3px solid var(--oro2);position:relative;overflow:hidden }
.nat-faro-card::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 90% at 90% 50%,rgba(196,135,42,.12) 0%,transparent 60%);pointer-events:none }
.nat-faro-body { position:relative;z-index:1;display:flex;align-items:flex-start;gap:32px;padding:40px 48px }
.nat-faro-icon { font-size:52px;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 12px rgba(196,135,42,.40)) }
.nat-faro-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(196,135,42,.55) }
.nat-faro-title { font-family:var(--f-display);font-style:italic;font-size:clamp(22px,3vw,32px);color:var(--parchment);letter-spacing:-.4px }
.nat-faro-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.50);line-height:1.75;max-width:600px }
.nat-faro-tags { display:flex;flex-wrap:wrap;gap:7px;margin-top:4px }
.nat-disclaimer { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(26,25,22,.75);line-height:1.8;padding:20px 24px;background:rgba(26,25,22,.04);border-left:3px solid rgba(196,135,42,.35);margin-top:24px }
.nat-disclaimer strong { color:rgba(26,25,22,.65) }
.nat-section-sub { display:flex;flex-direction:column;gap:6px;margin-top:72px;margin-bottom:28px;padding-bottom:20px;position:relative;border-bottom:1px solid rgba(26,25,22,.10) }
.nat-sub-eyebrow, .gr-species-eyebrow, .dep-sub-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--verde2) }
.nat-sub-title, .gr-species-title, .gr-guia-title, .dep-sub-title { font-family:var(--f-display);font-size:clamp(22px,2.8vw,30px);color:var(--ink);letter-spacing:-.3px }
@media(max-width:860px) { .nat-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .nat-card-wide { grid-column:span 1 } }
@media(max-width:860px) { .nat-act-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .nat-hero-content { padding:30px 28px } }
@media(max-width:860px) { .nat-termas-banner { padding:28px 24px;flex-direction:column;align-items:flex-start } }
@media(max-width:860px) { .nat-termas-cta { align-self:stretch;text-align:center } }
@media(max-width:860px) { .nat-faro-body { padding:28px 24px;flex-direction:column;gap:16px } }
@media(max-width:640px) { .nat-hero-content { padding:24px var(--gutter) } }
@media(max-width:640px) { .nat-card-inner { padding:24px 18px } }
@media(max-width:640px) { .nat-act-card { padding:24px 18px;flex-direction:column;gap:12px } }
@media(max-width:640px) { .nat-faro-icon { font-size:38px } }
.gr-intro { margin-bottom:48px;padding:36px 44px;background:linear-gradient(135deg,#0a1a12 0%,#111810 100%);border-left:5px solid var(--verde2);position:relative;overflow:hidden }
.gr-intro::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(29,92,64,.22) 0%,transparent 60%);pointer-events:none }
.gr-intro-eyebrow, .dep-intro-eyebrow { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(196,135,42,.65);margin-bottom:14px;position:relative;z-index:1 }
.gr-intro-text { font-family:var(--f-display);font-style:italic;font-size:clamp(18px,2.4vw,26px);color:rgba(242,237,227,.82);line-height:1.55;letter-spacing:-.3px;max-width:680px;position:relative;z-index:1 }
.gr-intro-text em { font-style:normal;color:var(--oro2) }
.gr-intro-rule, .dep-intro-rule { height:3px;background:linear-gradient(90deg,var(--verde2),var(--oro2),rgba(242,237,227,.12));margin-top:28px }
.gr-hero { position:relative;overflow:hidden;margin-bottom:1px;min-height:240px;background:linear-gradient(135deg,#0e1c14 0%,#14200e 50%,#0e1908 100%);padding:48px 52px }
.gr-hero-bg { position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 80% 20%,rgba(29,92,64,.50) 0%,transparent 58%),radial-gradient(ellipse 40% 60% at 5% 85%,rgba(196,135,42,.20) 0%,transparent 55%) }
.gr-hero-content { position:relative;z-index:2;display:flex;align-items:center;gap:48px }
.gr-hero-left { flex:1;min-width:0;display:flex;flex-direction:column;gap:16px }
.gr-hero-chip { display:inline-flex;align-items:center;gap:10px;background:rgba(29,92,64,.14);border:1px solid rgba(29,92,64,.40);border-radius:2px;padding:8px 16px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(100,210,155,.90);width:fit-content }
.gr-hero-chip-dot { width:6px;height:6px;border-radius:50%;background:#64d29b;flex-shrink:0;animation:ac-pulse-glow 2.5s ease-in-out infinite alternate }
.gr-hero-title { font-family:var(--f-display);font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-1.5px;color:var(--parchment) }
.gr-hero-sub { font-family:var(--f-italic);font-style:italic;font-size:15px;color:rgba(242,237,227,.55);line-height:1.75;max-width:500px }
.gr-tag { display:inline-flex;align-items:center;padding:5px 12px;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.65);white-space:nowrap }
.gr-hero-right { flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px }
.gr-fish-illustration { width:220px;opacity:.85;filter:drop-shadow(0 0 18px rgba(196,135,42,.22));transition:filter .4s ease,opacity .4s ease }
.gr-hero:hover .gr-fish-illustration { opacity:1;filter:drop-shadow(0 0 24px rgba(196,135,42,.38)) }
.gr-fish-illustration svg { width:100%;height:auto }
.gr-fish-caption { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(242,237,227,.22);text-align:center;line-height:1.6 }
.gr-species-header, .dep-section-sub { display:flex;flex-direction:column;gap:6px;margin-top:64px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(26,25,22,.10) }
.gr-species-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.gr-species-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:18px;padding:30px 28px;position:relative;overflow:hidden;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.gr-species-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.gr-species-card:hover::after { transform:scaleX(1) }
.gr-species-feat { grid-column:span 2;background:var(--ink) }
.gr-species-feat:hover { background:#1e1e1a }
.gr-species-feat::after { background:var(--oro2) }
.gr-species-feat .gr-species-name, .gr-species-feat .gr-species-desc { color:var(--parchment) }
.gr-species-feat .gr-species-desc { color:rgba(242,237,227,.55) }
.gr-species-feat .gr-species-nota { color:rgba(242,237,227,.38) }
.gr-species-feat .gr-modo { background:rgba(242,237,227,.06);border-color:rgba(242,237,227,.16);color:rgba(242,237,227,.65) }
.gr-species-icon { font-size:32px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.gr-species-card:hover .gr-species-icon { transform:scale(1.12) }
.gr-species-feat .gr-species-icon { font-size:44px }
.gr-species-top { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap }
.gr-species-name { font-family:var(--f-display);font-size:22px;color:var(--card-text);letter-spacing:-.3px;line-height:1;font-weight:800 }
.gr-species-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:var(--card-text-soft);line-height:1.75 }
.gr-species-nota { font-family:var(--f-ui);font-size:8px;font-weight:600;letter-spacing:.5px;color:var(--card-tag);padding-top:8px;border-top:1px solid rgba(242,237,227,.08);line-height:1.6 }
.gr-separator { display:flex;align-items:center;gap:16px;margin:64px 0 28px }
.gr-sep-line { flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(26,25,22,.14),transparent) }
.gr-sep-text { font-family:var(--f-italic);font-style:italic;font-size:13px;color:rgba(26,25,22,.32);white-space:nowrap;flex-shrink:0 }
.gr-productos-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.gr-prod-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:16px;padding:28px 24px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.gr-prod-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.gr-prod-card:hover::before { transform:scaleX(1) }
.gr-prod-feat { grid-column:span 2;background:linear-gradient(135deg,#1a1408 0%,#140e05 60%,#0e1a0a 100%) }
.gr-prod-feat:hover { background:linear-gradient(135deg,#1e1808 0%,#181205 60%,#121e0e 100%) }
.gr-prod-feat .gr-prod-name { color:var(--parchment) }
.gr-prod-feat .gr-prod-desc { color:rgba(242,237,227,.50) }
.gr-prod-feat .gr-prod-origen { color:rgba(242,237,227,.28) }
.gr-prod-feat .gr-origen-dot { background:var(--oro2) }
.gr-prod-icon { font-size:30px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.gr-prod-card:hover .gr-prod-icon { transform:scale(1.12) rotate(-5deg) }
.gr-prod-feat .gr-prod-icon { font-size:38px }
.gr-prod-name { font-family:var(--f-display);font-size:19px;color:var(--card-text);letter-spacing:-.2px;line-height:1.1;font-weight:800 }
.gr-prod-feat .gr-prod-name { font-size:24px }
.gr-prod-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.gr-prod-origen { display:flex;align-items:center;gap:7px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--card-tag);padding-top:6px;border-top:1px solid rgba(242,237,227,.08) }
.gr-origen-dot { width:4px;height:4px;border-radius:50%;background:var(--oro2);flex-shrink:0 }
.gr-guia-header { display:flex;flex-direction:column;gap:6px;margin-top:72px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(26,25,22,.10) }
.gr-guia-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro) }
.gr-tips-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
.gr-tip { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:20px;padding:28px 26px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.gr-tip:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.gr-tip-num { font-family:var(--f-display);font-size:38px;line-height:1;color:rgba(196,135,42,.08);flex-shrink:0;letter-spacing:-1px;transition:color .35s ease;user-select:none }
.gr-tip:hover .gr-tip-num { color:rgba(196,135,42,.28) }
.gr-tip-title { font-family:var(--f-display);font-size:17px;color:var(--card-text);letter-spacing:-.2px;line-height:1.2;font-weight:800 }
.gr-tip-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.gr-disclaimer { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(26,25,22,.72);line-height:1.8;padding:20px 24px;background:rgba(26,25,22,.04);border-left:3px solid rgba(196,135,42,.35);margin-top:24px }
.gr-disclaimer strong { color:rgba(26,25,22,.88) }
.gr-species-badge { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.35);border-radius:2px;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2);white-space:nowrap }
.gr-badge-top { background:var(--oro);color:var(--ink);border-color:var(--oro) }
.gr-modo { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.70);white-space:nowrap;margin-right:4px;margin-bottom:4px }
.gr-species-modos { display:flex;flex-wrap:wrap;gap:4px;margin-top:8px }
.cv-comp-badge-wrap { margin-bottom:12px }
.cv-comp-badge-champ { display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,rgba(196,135,42,.22),rgba(212,116,42,.18));border:1px solid rgba(196,135,42,.55);border-radius:2px;font-family:var(--f-ui);font-size:8px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--oro2) }
.cv-comp-body { display:flex;align-items:flex-start;gap:14px;flex:1 }
.cv-comp-icon, .fin-wu-icon { font-size:28px;line-height:1;flex-shrink:0 }
.cv-comp-text { display:flex;flex-direction:column;gap:8px;flex:1;min-width:0 }
.cv-comp-tags, .aloj-chips, .sm-chips { display:flex;flex-wrap:wrap;gap:6px;margin-top:4px }
@media(max-width:860px) { .gr-hero-content { flex-direction:column;padding:32px 28px;gap:28px } }
@media(max-width:860px) { .gr-fish-illustration { width:160px } }
@media(max-width:860px) { .gr-species-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .gr-species-feat { grid-column:span 1 } }
@media(max-width:860px) { .gr-productos-grid { grid-template-columns:1fr 1fr } }
@media(max-width:860px) { .gr-prod-feat { grid-column:span 2 } }
@media(max-width:860px) { .gr-tips-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .gr-intro { padding:26px 24px } }
.cv-intro { margin-bottom:48px;padding:36px 44px;background:linear-gradient(135deg,#1a0a1e 0%,#12080e 100%);border-left:5px solid #7b3068;position:relative;overflow:hidden }
.cv-intro::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(123,48,104,.22) 0%,transparent 60%);pointer-events:none }
.cv-intro-eyebrow { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(195,110,180,.70);margin-bottom:14px;position:relative;z-index:1 }
.cv-intro-text { font-family:var(--f-display);font-style:italic;font-size:clamp(16px,2.2vw,22px);color:rgba(242,237,227,.80);line-height:1.6;position:relative;z-index:1;max-width:720px }
.cv-intro-text em { font-style:normal;color:var(--oro2) }
.cv-intro-rule { height:3px;background:linear-gradient(90deg,#7b3068,var(--oro2),rgba(242,237,227,.12));margin-top:28px }
.cv-calendar { background:var(--ink);border:1px solid rgba(242,237,227,.08);margin-bottom:1px;overflow:hidden }
.cv-calendar-header { padding:36px 44px 24px;border-bottom:1px solid rgba(242,237,227,.07) }
.cv-cal-eyebrow, .cv-comp-eyebrow { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(195,110,180,.70);margin-bottom:10px }
.cv-cal-title { font-family:var(--f-display);font-size:clamp(22px,3vw,32px);color:var(--parchment);margin-bottom:10px;letter-spacing:-.3px }
.cv-cal-sub { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.45);line-height:1.7 }
.cv-cal-sub strong { font-style:normal;color:rgba(242,237,227,.75);font-weight:400 }
.cv-nights { display:flex;flex-direction:column;gap:1px;background:rgba(242,237,227,.05);padding:0 }
.cv-night { display:flex;align-items:center;gap:0;background:rgba(6,6,5,.35);transition:background .3s ease;position:relative }
.cv-night:hover { background:rgba(123,48,104,.12) }
.cv-night-date { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 28px;min-width:100px;border-right:1px solid rgba(242,237,227,.07);flex-shrink:0;text-decoration:none }
.cv-night-day { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(242,237,227,.30) }
.cv-night-num { font-family:var(--f-display);font-size:38px;line-height:1;color:var(--parchment);letter-spacing:-1.5px }
.cv-night-month { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2) }
.cv-night-body { flex:1;padding:20px 28px;display:flex;flex-direction:column;gap:5px }
.cv-night-label { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(242,237,227,.30) }
.cv-night-title { font-family:var(--f-display);font-style:italic;font-size:clamp(16px,2vw,22px);color:var(--parchment);letter-spacing:-.2px }
.cv-night-place { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:1px;color:rgba(242,237,227,.30) }
.cv-night-chip { font-size:28px;padding:0 28px;flex-shrink:0 }
.cv-night-1 { border-left:4px solid #7b3068 }
.cv-night-2, .cv-night-3, .cv-night-4 { border-left:4px solid #5a2250 }
.cv-night-5 { border-left:6px solid var(--oro);background:rgba(196,135,42,.06) }
.cv-night-5 .cv-night-num { color:var(--oro2) }
.cv-night-5 .cv-night-title { color:var(--parchment);font-weight:700 }
.cv-calendar-note { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(242,237,227,.28);line-height:1.8;padding:16px 44px 20px;border-top:1px solid rgba(242,237,227,.06) }
.cv-comparsas-header { margin:48px 0 24px }
.cv-comp-title { font-family:var(--f-display);font-size:clamp(22px,3vw,32px);color:var(--ink);letter-spacing:-.3px;margin-bottom:8px }
.cv-comp-intro { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(26,25,22,.52);line-height:1.7 }
.cv-comp-intro strong { font-style:normal;color:var(--ink) }
.cv-comparsas-grid { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.cv-comparsa { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);padding:28px 26px;display:flex;flex-direction:column;gap:14px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.cv-comparsa:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.cv-comp-name { font-family:var(--f-display);font-size:clamp(18px,2vw,24px);color:var(--card-text);letter-spacing:-.2px;line-height:1.1;font-weight:800 }
.cv-comparsa-champ .cv-comp-name { color:var(--parchment) }
.cv-comparsa-champ { position:relative;overflow:hidden }
.cv-comparsa-champ .cv-comp-shine { position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);left:-100%;z-index:1;transition:left .7s var(--ease);pointer-events:none }
.cv-comparsa-champ:hover .cv-comp-shine { left:100% }
.cv-comp-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.cv-comparsa-champ .cv-comp-desc { color:rgba(242,237,227,.52) }
.cv-comp-tag { display:inline-flex;align-items:center;padding:4px 10px;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);border-radius:2px;font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.60);white-space:nowrap }
.cv-comparsa-champ .cv-comp-tag { background:rgba(242,237,227,.07);border-color:rgba(242,237,227,.18);color:rgba(242,237,227,.60) }
.cv-sede-banner { background:var(--ink);border-top:3px solid #7b3068;position:relative;overflow:hidden }
.cv-sede-banner::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 90% 50%,rgba(123,48,104,.18) 0%,transparent 60%);pointer-events:none }
.cv-sede-inner { position:relative;z-index:1;display:flex;align-items:center;gap:48px;flex-wrap:wrap;padding:40px 44px }
.cv-sede-left { display:flex;align-items:flex-start;gap:22px;flex:1;min-width:0 }
.cv-sede-icon { font-size:40px;line-height:1;flex-shrink:0 }
.cv-sede-eyebrow { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(195,110,180,.65) }
.cv-sede-title { display:block;font-family:var(--f-display);font-style:italic;font-size:clamp(18px,2.5vw,26px);color:var(--parchment);letter-spacing:-.3px }
.cv-sede-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:rgba(242,237,227,.48);line-height:1.75 }
.cv-sede-desc strong { font-style:normal;color:rgba(242,237,227,.78);font-weight:400 }
.cv-sede-stats { display:flex;align-items:center;gap:0;background:rgba(242,237,227,.05);border:1px solid rgba(242,237,227,.07);flex-shrink:0 }
.cv-sede-stat { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 24px }
.cv-sede-stat-num { font-family:var(--f-display);font-size:28px;line-height:1;color:var(--parchment);letter-spacing:-1px }
.cv-sede-stat-num sup { font-size:13px;color:var(--oro2);vertical-align:super }
.cv-sede-stat-label { font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.28);text-align:center }
.cv-sede-stat-div { width:1px;background:rgba(242,237,227,.07);align-self:stretch }
@media(max-width:860px) { .cv-comparsas-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .cv-sede-inner { flex-direction:column;padding:28px 24px } }
@media(max-width:860px) { .cv-nights .cv-night-date { min-width:80px;padding:16px 18px } }
@media(max-width:860px) { .cv-calendar-header, .cv-calendar-note { padding-left:24px;padding-right:24px } }
@media (max-width: 1280px) { :root { --gutter: 48px } }
@media (max-width: 1100px) { :root { --gutter: 40px } }
@media (max-width: 1100px) { .resto-grid { grid-template-columns: repeat(3, 1fr) } }
@media (max-width: 1100px) { .rcard-feat { grid-column: span 2 } }
@media (max-width: 1100px) { .cat-grid { grid-template-columns: repeat(3, 1fr) } }
@media (max-width: 1100px) { .cat-card-donde { grid-column: span 3 } }
@media (max-width: 1100px) { .gym-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 1100px) { .gcard-feat { grid-column: span 2 } }
@media (max-width: 860px) { :root { --gutter: 28px;--section-gap: 80px } }
@media (max-width: 860px) { .hero-title { font-size: clamp(48px, 8vw, 72px);letter-spacing: -2px } }
@media (max-width: 860px) { .main-body { padding: 72px var(--gutter) 88px } }
@media (max-width: 860px) { .resto-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 860px) { .rcard-feat { grid-column: span 2 } }
@media (max-width: 860px) { .cafe-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 860px) { .ccard-featured { grid-column: span 2 } }
@media (max-width: 860px) { .bar-grid { grid-template-columns: repeat(3, 1fr) } }
@media (max-width: 860px) { .cat-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 860px) { .cat-card-highlight { grid-column: span 2 } }
@media (max-width: 860px) { .cat-card-donde { grid-column: span 2 } }
@media (max-width: 860px) { .gym-grid { grid-template-columns: 1fr } }
@media (max-width: 860px) { .gcard-feat { grid-column: span 1;padding: 32px 26px;min-height: unset } }
@media (max-width: 860px) { .gcard-feat .gcard-name { font-size: 24px } }
@media (max-width: 860px) { .mood-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 860px) { .mood-card { padding: 30px 26px } }
@media (max-width: 860px) { .glos-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 768px) { .hero-orb-1, .hero-orb-2 { animation: none !important } }
@media (max-width: 768px) { .hc-particle { animation: none !important;opacity: 0 !important } }
@media (max-width: 768px) { .hero-inner { padding: 0 var(--gutter) 60px;flex-direction: column } }
@media (max-width: 768px) { .wx-hero { display: none } }
@media (max-width: 768px) { .wx-skeleton { animation: none !important } }
@media (max-width: 768px) { .ccard-bg { background-image: none !important;background: #1a1916 !important } }
@media (max-width: 768px) { .ccard-bg img { display: none !important } }
@media (max-width: 768px) { .rcard, .gcard, .cat-card, .bcard, .litem { will-change: auto;transition: none } }
@media (max-width: 768px) { .rcard:hover, .ccard:hover .ccard-bg, .bcard:hover, .cat-card:hover, .litem:hover, .gcard:hover { transform: none;box-shadow: none } }
@media (max-width: 768px) { .search-icon-btn { display: inline-flex } }
@media (min-width: 769px) and (hover: hover) { .rcard:hover, .gcard:hover, .cat-card:hover, .bcard:hover, .litem:hover { will-change: transform } }
@media (min-width: 769px) and (hover: hover) { .rcard, .gcard, .cat-card, .bcard, .litem { will-change: auto } }
@media (min-width: 769px) { .hero-orb-1, .hero-orb-2 { transform: translateZ(0) } }
@media (max-width: 640px) { :root { --gutter: 16px;--section-gap: 60px } }
@media (max-width: 640px) { .hero-topbar { padding: 20px var(--gutter);gap: 10px } }
@media (max-width: 640px) { .hero-logo img { width: 50px } }
@media (max-width: 640px) { .hero-inner { padding: 0 var(--gutter) 44px } }
@media (max-width: 640px) { .hero-title { font-size: 38px;letter-spacing: -1.5px;margin-bottom: 14px } }
@media (max-width: 640px) { .hero-title .eyebrow { font-size: 11px;letter-spacing: 5px } }
@media (max-width: 640px) { .hero-sub { font-size: 15px;margin-bottom: 18px } }
@media (max-width: 640px) { .live-chip { font-size: 7px;padding: 8px 14px;margin-bottom: 12px } }
@media (max-width: 640px) { .identity-strip { margin-bottom: 16px } }
@media (max-width: 640px) { .btn-ghost { display: inline-flex;justify-content: center;font-size: 13px } }
@media (max-width: 640px) { .hero-ctas { flex-direction: column;align-items: stretch;gap: 16px } }
@media (max-width: 640px) { .btn-primary { font-size: 12px;padding: 20px 28px;letter-spacing: 2px;width: 100%;justify-content: center;border-radius: 12px } }
@media (max-width: 640px) { .search-bar-wrap { padding-left: var(--gutter);padding-right: var(--gutter) } }
@media (max-width: 640px) { .main-body { padding: 48px var(--gutter) 72px;box-sizing: border-box;overflow-x: hidden } }
@media (max-width: 640px) { .us-section, .mood-wrap, .glos-wrap { box-sizing: border-box;max-width: 100% } }
@media (max-width: 640px) { .section-title { font-size: 22px } }
@media (max-width: 640px) { .resto-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .rcard-feat { grid-column: span 1;padding: 32px 26px;min-height: unset } }
@media (max-width: 640px) { .rcard-feat .rcard-name { font-size: 24px } }
@media (max-width: 640px) { .rcard { min-height: unset } }
@media (max-width: 640px) { .cafe-grid { grid-template-columns: 1fr 1fr } }
@media (max-width: 640px) { .ccard-featured { grid-column: span 2;height: 200px } }
@media (max-width: 640px) { .ccard { height: 170px } }
@media (max-width: 640px) { .ccard-name { font-size: 19px } }
@media (max-width: 640px) { .bar-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 640px) { .bcard { padding: 34px 14px 28px;gap: 12px;min-height: 132px } }
@media (max-width: 640px) { .bcard-icon { font-size: 34px } }
@media (max-width: 640px) { .bcard-name { font-size: 13px } }
@media (max-width: 640px) { .litem { padding: 22px var(--gutter);gap: 16px } }
@media (max-width: 640px) { .litem-name { font-size: 16px } }
@media (max-width: 640px) { .litem-icon { font-size: 26px } }
@media (max-width: 640px) { .ad-banner { flex-direction: column;align-items: flex-start;padding: 28px 22px;margin: 56px 0;gap: 20px } }
@media (max-width: 640px) { .ad-banner-btn { align-self: stretch;text-align: center;padding: 16px 24px } }
@media (max-width: 640px) { .ad-banner-title { font-size: 18px } }
@media (max-width: 640px) { .footer { padding: 60px var(--gutter) 48px } }
@media (max-width: 640px) { .cat-grid { grid-template-columns: 1fr 1fr } }
@media (max-width: 640px) { .cat-card-highlight { grid-column: span 2 } }
@media (max-width: 640px) { .cat-card-donde { grid-column: span 2 } }
@media (max-width: 640px) { .cat-card { min-height: 150px;padding: 24px 20px 20px } }
@media (max-width: 640px) { .cat-card-title { font-size: 18px } }
@media (max-width: 640px) { .cat-card-donde .cat-card-title { font-size: 20px } }
@media (max-width: 640px) { .gym-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .gcard-feat { grid-column: span 1 } }
@media (max-width: 640px) { .gcard { min-height: unset } }
@media (max-width: 640px) { .mood-grid { grid-template-columns: repeat(2, 1fr) } }
@media (max-width: 640px) { .mood-card { padding: 26px 20px } }
@media (max-width: 640px) { .mood-question { font-size: 20px;margin-bottom: 22px } }
@media (max-width: 640px) { .glos-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .main-nav { padding: 0;overflow: visible;min-height: 56px !important } }
@media (max-width: 640px) { .nav-scroll-area { display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;overflow-x: auto !important;overflow-y: hidden !important;-webkit-overflow-scrolling: touch !important;scrollbar-width: none !important;grid-template-columns: unset !important;gap: 0 !important;padding: 0 !important;align-items: stretch } }
@media (max-width: 640px) { .nav-scroll-area::-webkit-scrollbar { display: none } }
@media (max-width: 640px) { .nav-item { height: 56px !important;flex-direction: column !important;gap: 2px !important;padding: 8px 14px !important;font-size: 7px !important;letter-spacing: 0.8px !important;border-bottom: none !important;border-radius: 0 !important;justify-content: center !important;align-items: center !important;white-space: nowrap !important;text-align: center !important;flex: 0 0 auto !important;min-width: 64px !important } }
@media (max-width: 640px) { .nav-item:active { transform: scale(0.93);transition: transform .12s ease } }
@media (max-width: 640px) { .nav-emoji { font-size: 18px !important;display: block !important } }
@media (max-width: 640px) { .nav-divider { display: none !important } }
@media (max-width: 640px) { .search-icon-btn { flex: 0 0 auto;height: 56px !important;min-width: 44px } }
@media (max-width: 640px) { .main-nav::after, .main-nav::before, .nav-indicator, #nav-scroll-right { display: none !important } }
@media (max-width: 640px) { .hero-title .main-line { display: block;overflow: hidden } }
@media (max-width: 640px) { .live-chip { max-width: calc(100vw - 32px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis } }
@media (max-width: 640px) { .hero-ctas { width: 100%;box-sizing: border-box } }
@media (max-width: 640px) { #hero-stats-strip { display: flex !important;flex-wrap: nowrap !important;margin-bottom: 32px } }
@media (max-width: 640px) { .id-stat { flex: 0 0 auto;padding: 16px 20px !important;min-width: 100px } }
@media (max-width: 640px) { .id-stat-num { font-size: clamp(22px, 7vw, 32px) !important } }
@media (max-width: 640px) { .mood-card { padding: 26px 20px } }
@media (max-width: 640px) { .mood-question { font-size: 18px;margin-bottom: 20px } }
@media (max-width: 640px) { .circ-card, .circ-card-feat { padding: 24px 20px } }
@media (max-width: 640px) { .circ-intro { padding: 24px var(--gutter) } }
@media (max-width: 640px) { .cl-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .hp-facts > div { grid-template-columns: 1fr;gap: 4px } }
@media (max-width: 640px) { .hp-status { margin-left: 0;margin-top: 4px } }
@media (max-width: 640px) { .cv-nights .cv-night { flex-wrap: wrap } }
@media (max-width: 640px) { .cv-night-chip { padding: 0 18px 16px } }
@media (max-width: 640px) { .cv-sede-stats { width: 100% } }
@media (max-width: 640px) { .gr-intro { padding: 22px var(--gutter) } }
@media (max-width: 640px) { .gr-hero-content { padding: 26px var(--gutter) } }
@media (max-width: 640px) { .gr-species-card { padding: 22px 18px;gap: 12px } }
@media (max-width: 640px) { .gr-prod-card { padding: 22px 16px;gap: 12px } }
@media (max-width: 640px) { .gr-productos-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .gr-prod-feat { grid-column: span 1 } }
@media (max-width: 640px) { .gr-tips-grid { grid-template-columns: 1fr } }
@media (max-width: 640px) { .gr-tip { padding: 22px 18px;gap: 12px } }
@media (max-width: 640px) { .gr-tip-num { font-size: 28px } }
@media (max-width: 640px) { .dep-stats-grid { grid-template-columns: 1fr 1fr } }
@media (max-width: 640px) { .dep-hero { padding: 26px var(--gutter) } }
@media (max-width: 640px) { .dep-intro { padding: 22px var(--gutter) } }
@media (max-width: 640px) { .dep-feat-card, .dep-club-card, .dep-athlete-card { padding: 22px 18px;gap: 14px } }
@media (max-width: 640px) { .aloj-litem { padding: 20px 18px;gap: 14px } }
@media (max-width: 640px) { .aloj-litem-name { font-size: 15px } }
@media (max-width: 640px) { .aloj-card { padding: 24px 18px } }
@media (max-width: 640px) { .aloj-camping-specs { grid-template-columns: 1fr } }
@media (max-width: 640px) { .aloj-exec { padding: 20px var(--gutter,18px) } }
@media (max-width: 640px) { .aloj-depto-banner { padding: 20px var(--gutter,18px) } }
@media (max-width: 640px) { .fin-grid-banks, .fin-grid-atm, .fin-grid-wu { grid-template-columns: 1fr } }
@media (max-width: 640px) { .fin-card { padding: 22px 18px } }
@media (max-width: 640px) { .fin-exec { padding: 22px var(--gutter,18px) } }
@media (max-width: 640px) { .fin-editorial { flex-direction: column;gap: 8px } }
@media (max-width: 640px) { .sm-card { padding: 24px 18px } }
@media (max-width: 640px) { .sm-litem { padding: 20px 18px;gap: 14px } }
@media (max-width: 640px) { .sm-feria-specs { grid-template-columns: 1fr } }
@media (max-width: 640px) { .sm-exec { padding: 22px var(--gutter,18px) } }
@media (max-width: 640px) { .sm-feria-banner { padding: 22px var(--gutter,18px) } }
@media (max-width: 380px) { .hero-title { font-size: 34px;letter-spacing: -1px } }
@media (max-width: 380px) { .hero-logo img { width: 44px } }
@media (max-width: 380px) { .cafe-grid { grid-template-columns: 1fr } }
@media (max-width: 380px) { .ccard-featured { grid-column: span 1 } }
@media (max-width: 380px) { .cat-grid { grid-template-columns: 1fr } }
@media (max-width: 380px) { .cat-card-highlight { grid-column: span 1 } }
@media (max-width: 380px) { .cat-card-donde { grid-column: span 1 } }
@media (max-width: 380px) { .mood-grid { grid-template-columns: 1fr } }
.no-js .hero-word-noscript { opacity: 1 !important;transform: none !important }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important } }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1;transform: none;transition: none } }
@media (prefers-reduced-motion: reduce) { #back-to-top { transition: opacity .15s linear } }
@media (prefers-reduced-motion: reduce) { #back-to-top.visible { transform: none } }
@media (prefers-reduced-motion: reduce) { .hero-title, .live-chip, .hero-sub, .hero-ctas, .hero-topbar { animation: none;opacity: 1;transform: none } }
.rcard, .gcard, .nat-card, .dep-feat-card, .dep-club-card, .ccard { --mx:50%;--my:50% }
.rcard:not(.rcard-feat):not(.rcard-ad)::after { content:'';position:absolute;inset:0;background:radial-gradient( 280px circle at var(--mx) var(--my), rgba(212,116,42,.22) 0%, transparent 70% );opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1;border-radius:inherit;will-change:opacity;transform:translateZ(0) }
.rcard:not(.rcard-feat):not(.rcard-ad):hover::after { opacity:1 }
.ccard-glow { content:'';position:absolute;inset:0;background:radial-gradient( 260px circle at var(--mx) var(--my), rgba(232,145,74,.30) 0%, transparent 70% );opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2;will-change:opacity }
.ccard:hover .ccard-glow { opacity:1 }
@media (hover: hover) and (pointer: fine) { .rcard:not(.rcard-feat):hover, .bcard:hover, .litem:hover, .gcard:not(.gcard-feat):hover, .nat-card:not(.nat-card-featured):hover, .circ-card:not(.circ-card-feat):hover, .cl-card:hover, .dep-feat-card:hover, .dep-club-card:hover, .dep-athlete-card:not(.dep-athlete-feat):hover, .gr-tip:hover, .gr-prod-card:not(.gr-prod-feat):hover, .gr-species-card:not(.gr-species-feat):hover, .cv-comparsa:not(.cv-comparsa-champ):hover, .circ-card:hover { box-shadow: 0 0 0 1px var(--card-border-oro-hover), 0 0 32px -4px rgba(184,92,42,.28), 0 20px 56px rgba(0,0,0,.50), 0 0 0 0 rgba(184,92,42,0) } }
.footer-stat { color: rgba(242, 237, 227, .70) !important }
.footer-stat strong { color: rgba(242, 237, 227, .88) !important }
.footer-copy { color: rgba(242, 237, 227, .68) !important }
.footer-logo { opacity: 0.72 !important }
.footer-logo:hover { opacity: 1 !important }
.ccard:nth-child(1) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 65% 70% at 80% 20%, rgba(184,92,42,.38) 0%, transparent 65%);pointer-events: none }
.ccard:nth-child(2) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 55% 60% at 20% 75%, rgba(196,107,53,.30) 0%, transparent 60%);pointer-events: none }
.ccard:nth-child(3) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 60% 65% at 85% 30%, rgba(212,116,42,.35) 0%, transparent 65%);pointer-events: none }
.ccard:nth-child(4) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 50% 60% at 15% 80%, rgba(180,80,30,.28) 0%, transparent 60%);pointer-events: none }
.ccard:nth-child(5) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 55% 70% at 75% 15%, rgba(200,100,40,.32) 0%, transparent 65%);pointer-events: none }
.ccard:nth-child(6) .ccard-bg::before { content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 60% 55% at 25% 70%, rgba(188,88,35,.30) 0%, transparent 60%);pointer-events: none }
.ccard::after { content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);width:3px;height:22px;background:linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.32));border-radius:2px;filter:blur(1.5px);animation:ac-rise-fade 3.2s ease-in-out infinite;pointer-events:none;z-index:5;opacity:0.18;transition:opacity .4s ease }
.ccard:hover::after { animation:ac-rise-fade 1.8s ease-in-out infinite;opacity:0.45 }
.ccard::before { content:'';position:absolute;top:16px;left:calc(50% + 6px);transform:translateX(-50%);width:2px;height:14px;background:linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.18));border-radius:2px;filter:blur(1px);animation:ac-rise-fade 3.2s ease-in-out infinite .9s;pointer-events:none;z-index:5;opacity:0.12;transition:opacity .4s ease }
.ccard:hover::before { animation:ac-rise-fade 1.8s ease-in-out infinite .45s;opacity:0.35 }
.ccard:nth-child(2)::after { animation-delay:.6s }
.ccard:nth-child(3)::after { animation-delay:1.1s }
.ccard:nth-child(4)::after { animation-delay:.3s }
.ccard:nth-child(5)::after { animation-delay:.9s }
.ccard:nth-child(6)::after { animation-delay:1.4s }
@media(prefers-reduced-motion:reduce) { .ccard::after, .ccard::before { animation:none } }
@keyframes ac-rise-fade { 0%   { transform: translateX(-50%) translateY(0px);   opacity: 0;    } 15%  { opacity: 1; } 85%  { opacity: 1; } 100% { transform: translateX(-50%) translateY(-18px);  opacity: 0;    } }
.ccard:hover .ccard-bg { transform: none !important;filter: brightness(1.15);transition: transform 0s, filter .5s ease }
.ccard .ccard-overlay { background: linear-gradient( to top, rgba(6, 6, 5, .96) 0%, rgba(6, 6, 5, .45) 40%, rgba(6, 6, 5, .08) 100% ) !important }
.ccard-name { color: #fff !important;text-shadow: 0 2px 16px rgba(0,0,0,.6) !important }
.ccard-label { color: var(--oro2) !important;text-shadow: 0 1px 8px rgba(0,0,0,.5) !important }
.ccard .pill { text-shadow: none !important }
.hp-card summary { display: flex;list-style: none;align-items: flex-start;gap: 14px;padding: 22px 24px;cursor: pointer;user-select: none;width: 100%;box-sizing: border-box;transition: background 0.2s ease }
.hp-card summary::-webkit-details-marker { display: none }
.hp-card summary::marker { content: '' }
.hp-summary { display: flex;align-items: flex-start;gap: 14px;padding: 22px 24px;cursor: pointer;width: 100%;box-sizing: border-box;position: relative }
.hp-summary-text { display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 0 }
.hp-card .hp-icon { font-size: 26px;line-height: 1;flex-shrink: 0;margin-top: 2px }
.hp-name { font-family: var(--f-display);font-size: 18px;color: var(--card-text);line-height: 1.2;font-weight: 800;display: block }
.hp-sub { font-family: var(--f-italic);font-style: italic;font-size: 12px;color: var(--card-text-soft);display: block }
.hp-card .hp-badge { position: absolute;top: 14px;right: 44px;background: var(--verde);color: #fff;font-family: var(--f-ui);font-size: 6.5px;font-weight: 800;letter-spacing: 2.5px;text-transform: uppercase;padding: 5px 11px;border-radius: 20px;box-shadow: 0 3px 10px rgba(29,92,64,.40) }
.hp-card .hp-badge-top { background: var(--oro);color: var(--ink);box-shadow: 0 2px 10px rgba(196,135,42,.45) }
.hp-chevron { font-size: 12px;color: rgba(242,237,227,.28);flex-shrink: 0;margin-top: 4px;transition: transform .3s var(--ease) }
.hp-card[open] > .hp-summary .hp-chevron { transform: rotate(180deg) }
.hp-body { padding: 0 24px 24px;border-top: 1px solid rgba(242,237,227,.07);overflow: hidden;max-height: 0;opacity: 0;transition: max-height .45s cubic-bezier(.16,1,.3,1), opacity .35s ease, padding .45s ease }
.hp-card[open] .hp-body { max-height: 1000px;opacity: 1 }
@media (prefers-reduced-motion: reduce) { .hp-body { animation: none } }
.hp-desc { font-family: var(--f-italic);font-style: italic;font-size: 13.5px;line-height: 1.75;color: var(--card-text-soft);margin-bottom: 18px;padding-top: 18px }
.hp-facts { display: flex;flex-direction: column;gap: 0 }
.hp-facts > div { display: grid;grid-template-columns: 130px 1fr;gap: 12px;align-items: start;padding: 10px 0;border-top: 1px solid rgba(242,237,227,.07) }
.hp-facts > div:first-child { border-top: none;padding-top: 0 }
.hp-facts dd a { color: var(--verde2);text-decoration: underline;text-decoration-color: rgba(38,122,85,.35) }
.hp-empty { font-style: italic;color: rgba(242,237,227,.28) !important }
.hp-status { display: inline-flex;align-items: center;font-family: var(--f-ui);font-size: 7px;font-weight: 800;letter-spacing: 1px;text-transform: uppercase;padding: 3px 7px;border-radius: 2px;margin-left: 6px;white-space: nowrap;vertical-align: middle }
.hp-v { background: rgba(29,92,64,.18);color: rgba(100,210,155,.90);border: 1px solid rgba(29,92,64,.45) }
.hp-o { background: rgba(26,92,138,.18);color: rgba(70,160,230,.90);border: 1px solid rgba(26,92,138,.45) }
.hp-nv { background: rgba(192,57,43,.14);color: rgba(231,76,60,.90);border: 1px solid rgba(192,57,43,.40) }
.hp-card-feat { grid-column: span 2 }
.hp-card > summary:hover { background: rgba(242,237,227,.03) }
.hp-legend { display: flex;flex-wrap: wrap;gap: 18px;margin-top: 28px;padding-top: 20px;border-top: 1px solid rgba(26,25,22,.09) }
.hp-legend-item { font-family: var(--f-ui);font-size: 10px;color: rgba(26,25,22,.48);display: flex;align-items: center;gap: 7px }
.hp-intro { font-family: var(--f-italic);font-style: italic;font-size: 14px;color: rgba(26,25,22,.82);max-width: 760px;margin-bottom: 36px;line-height: 1.7 }
@media (max-width: 768px) { .hp-grid { grid-template-columns: 1fr !important } }
@media (max-width: 768px) { .hp-card-feat { grid-column: span 1 !important } }
@media (max-width: 768px) { .hp-facts > div { grid-template-columns: 1fr;gap: 4px } }
@media (max-width: 768px) { .hp-status { margin-left: 0;display: inline-flex;margin-top: 3px } }
#historia.acc-collapsed .ht-hero, #historia.acc-collapsed .ht-legend, #historia.acc-collapsed .ht-tabs-wrap, #historia.acc-collapsed .ht-chapter, #historia.acc-collapsed .ht-cards-grid { display: none;visibility: hidden }
#patrimonio.acc-collapsed .hp-intro, #patrimonio.acc-collapsed .hp-grid, #patrimonio.acc-collapsed .hp-legend, #patrimonio.acc-collapsed .search-no-results { display: none;visibility: hidden }
.acc-collapsed > *:not(.section-header) { visibility: hidden }
html, body { overflow-x: hidden;max-width: 100% }
.hero { overflow-x: hidden;width: 100%;max-width: 100vw }
#hero-stats-strip { max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none }
#hero-stats-strip::-webkit-scrollbar { display: none }
@media (max-width: 768px) { .identity-strip { width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none } }
@media (max-width: 768px) { .identity-strip::-webkit-scrollbar { display: none } }
.hero-current { position: absolute;inset: 0;z-index: 3;pointer-events: none }
.hc-particle { position: absolute;left: var(--hcp-x);top: var(--hcp-y);width: var(--hcp-size);height: var(--hcp-size);border-radius: 50%;background: rgba(10,255,239,0.80);box-shadow: 0 0 6px rgba(10,255,239,0.90), 0 0 12px rgba(10,255,239,0.40);animation: particleFloat var(--hcp-dur) ease-in-out var(--hcp-del) infinite }
@keyframes particleFloat { 0%   { transform: translate(0,0) scale(1); opacity: 0; } 10%  { opacity: 0.8; } 30%  { transform: translate(-18px,-25px) scale(1.2); opacity: 1; } 55%  { transform: translate(12px,-45px) scale(0.85); opacity: 0.6; } 80%  { transform: translate(-8px,-70px) scale(1.1); opacity: 0.9; } 100% { transform: translate(5px,-95px) scale(0.7); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .hc-particle { animation: none;opacity: 0 } }
#hero-stats-strip .id-stat { }
.hero-river-grid { position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden }
.hero-river-grid::before { position:absolute;left:-100%;right:-100%;bottom:30%;height:1px;background:linear-gradient(90deg, transparent 0%,transparent 15%, rgba(10,255,239,0.35) 35%, rgba(10,255,239,0.65) 50%, rgba(10,255,239,0.35) 65%, transparent 85%,transparent 100%);animation:riverLineSlide 8s ease-in-out infinite alternate;content:'' }
.hero-river-grid::after { content:'';position:absolute;left:-100%;right:-100%;bottom:calc(30% - 80px);height:1px;background:linear-gradient(90deg, transparent 0%,transparent 25%, rgba(10,255,239,0.15) 45%, rgba(10,255,239,0.25) 50%, rgba(10,255,239,0.15) 55%, transparent 75%,transparent 100%);animation:riverLineSlide 11s ease-in-out infinite alternate-reverse;opacity:.6 }
@keyframes riverLineSlide{ 0%{transform:translateX(0%) scaleX(.7);opacity:.6} 50%{transform:translateX(8%) scaleX(1);opacity:1} 100%{transform:translateX(-5%) scaleX(.85);opacity:.7} }
body { background: var(--bio-deep);font-family: var(--f-ui) }
.hero::after { content: '';position: absolute;inset: 0;z-index: 1;pointer-events: none;background-image: repeating-linear-gradient( 85deg, transparent 0px, transparent 120px, rgba(10,255,239,0.018) 121px, rgba(10,255,239,0.018) 122px ), repeating-linear-gradient( 175deg, transparent 0px, transparent 180px, rgba(10,255,239,0.012) 181px, rgba(10,255,239,0.012) 182px );opacity: 0.7 }
@keyframes ac-drift-plankton { 0%   { transform: translate(0, 0) scale(1); } 20%  { transform: translate(-15px,-25px) scale(1.05); } 40%  { transform: translate(20px,-10px) scale(0.96); } 60%  { transform: translate(-8px,18px) scale(1.08); } 80%  { transform: translate(12px,-30px) scale(0.98); } 100% { transform: translate(-5px,5px) scale(1.02); } }
.hero-sub { color: rgba(200,230,235,0.78) }
.identity-strip { background: rgba(2,11,18,0.80);border: 1px solid rgba(10,255,239,0.18);box-shadow: 0 16px 48px rgba(0,0,0,0.55), 0 0 0 1px rgba(10,255,239,0.06), inset 0 1px 0 rgba(10,255,239,0.10), inset 0 -1px 0 rgba(0,0,0,0.30) }
.id-stat + .id-stat { border-left-color: rgba(10,255,239,0.15) }
.id-stat-num { color: rgba(220,245,248,0.97);text-shadow: 0 0 20px rgba(10,255,239,0.25) }
.id-stat-num sup { color: var(--bio-glow) }
.id-stat-label { color: rgba(10,255,239,0.70) }
.btn-primary { background: linear-gradient(140deg, rgba(2,60,70,0.95) 0%, rgba(4,120,130,0.90) 45%, rgba(3,90,100,0.95) 100%);border: 1px solid rgba(10,255,239,0.45);box-shadow: 0 8px 32px rgba(10,255,239,0.20), 0 2px 8px rgba(0,0,0,0.45), inset 0 1px 0 rgba(10,255,239,0.25), inset 0 -1px 0 rgba(0,0,0,0.25);color: rgba(220,255,253,0.98);letter-spacing: 2.5px;font-weight: 700 }
.btn-primary:hover { background: linear-gradient(140deg, rgba(4,90,105,0.98) 0%, rgba(6,160,175,0.95) 45%, rgba(5,130,145,0.98) 100%);border-color: rgba(10,255,239,0.70);box-shadow: 0 20px 60px rgba(10,255,239,0.35), 0 6px 20px rgba(0,0,0,0.40), inset 0 1px 0 rgba(10,255,239,0.35), 0 0 0 4px rgba(10,255,239,0.08);transform: translateY(-7px) scale(1.025);color: #fff;animation: none }
.main-nav { background: rgba(2,11,18,0.70) !important;border-bottom: 1px solid rgba(10,255,239,0.10) !important;backdrop-filter: saturate(160%) blur(12px) !important;-webkit-backdrop-filter: saturate(160%) blur(12px) !important }
.main-nav.scrolled { background: rgba(2,11,18,0.92) !important;box-shadow: 0 1px 0 rgba(10,255,239,0.10), 0 8px 40px rgba(0,0,0,0.50) !important }
.nav-item { color: rgba(180,220,225,0.65);font-family: var(--f-ui);font-weight: 600;letter-spacing: 1.5px;font-size: 9px;transition: color .3s ease, text-shadow .3s ease }
.nav-item:hover, .nav-item.active { color: rgba(10,255,239,0.95);text-shadow: 0 0 20px rgba(10,255,239,0.55) }
.nav-indicator { background: var(--bio-glow);box-shadow: 0 0 10px var(--bio-glow), 0 0 20px rgba(10,255,239,0.40) }
.search-icon-btn:hover { color: var(--bio-glow);background: rgba(10,255,239,0.06) }
.section-crumb { background: rgba(230,245,248,0.97) !important;border-bottom: 1px solid rgba(10,150,160,0.12) !important }
.section-crumb-dot { background: var(--bio-river) }
#progress-bar { background: linear-gradient(90deg, var(--bio-river), var(--bio-glow));box-shadow: 0 0 8px rgba(10,255,239,0.80) }
#progress-bar::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.50), transparent) }
.main-body { background: #F0EBE0;position: relative }
.main-body::after { background: linear-gradient(to bottom, var(--bio-deep), transparent) }
.main-body::before { background-image: radial-gradient(circle at 15% 0%, rgba(10,150,160,0.05) 0%, transparent 45%), radial-gradient(circle at 90% 100%, rgba(232,160,48,0.05) 0%, transparent 40%) }
.section-eyebrow { color: var(--bio-river);letter-spacing: 4px;font-weight: 700 }
.section-title { font-family: var(--f-display);letter-spacing: -.5px }
.section-header-accent span:nth-child(1) { background: linear-gradient(90deg, var(--bio-river), #2A90A0) }
.section-header-accent span:nth-child(2) { background: linear-gradient(90deg, #2A90A0, #4AB0C0) }
.rcard { border-radius: var(--radius-card);background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.22);transition: background .4s var(--ease-river), transform .45s var(--ease-tide), box-shadow .45s ease, border-color .35s ease, opacity .3s ease }
.rcard:not(.rcard-feat):not(.rcard-ad):hover { background: linear-gradient(160deg, #0A1525 0%, #07121E 100%);border-color: rgba(10,255,239,0.50);transform: translateY(-6px) scale(1.01);box-shadow: 0 0 0 1px rgba(10,255,239,0.45), 0 24px 60px rgba(2,11,18,0.65), 0 0 40px rgba(10,255,239,0.10), var(--glow-teal) }
.rcard::before { background: linear-gradient(180deg, rgba(10,255,239,0.60), rgba(5,180,200,0.40)) }
.rcard-feat { background: var(--bio-deep) }
.rcard-feat::before { background: linear-gradient(90deg, rgba(10,60,80,0.90) 0%, rgba(10,180,200,0.70) 40%, rgba(5,255,220,0.60) 70%, rgba(10,180,200,0.55) 100%) }
.rcard-feat::after { background: radial-gradient(ellipse 65% 75% at 90% 15%, rgba(10,255,239,0.15) 0%, transparent 55%), radial-gradient(ellipse 45% 55% at 8% 82%, rgba(232,160,48,0.08) 0%, transparent 55%) }
.rcard:not(.rcard-feat):not(.rcard-ad)::after { background: radial-gradient( 300px circle at var(--mx,50%) var(--my,50%), rgba(10,255,239,0.15) 0%, transparent 70% ) }
.bcard { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.bcard::after { background: linear-gradient(90deg, rgba(10,180,200,0.60), var(--bio-glow)) }
.bcard:hover { background: linear-gradient(160deg, #0A1525 0%, #070D1C 100%);border-color: rgba(10,255,239,0.50);transform: translateY(-5px);box-shadow: 0 0 0 1px rgba(10,255,239,0.40), 0 20px 50px rgba(2,11,18,0.60), var(--glow-teal) }
.ccard { border-radius: var(--radius-card) }
.ccard:hover .ccard-bg { transform: scale(1.06) }
.ccard-overlay { background: linear-gradient(to top, rgba(2,11,18,0.97) 0%, rgba(2,11,18,0.50) 42%, rgba(2,11,18,0.06) 100%) !important }
.ccard-glow { background: radial-gradient( 280px circle at var(--mx,50%) var(--my,50%), rgba(10,255,239,0.25) 0%, transparent 70% ) }
.litem { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-left-color: rgba(10,180,200,0.25) }
.litem:hover { background: linear-gradient(160deg, #0A1525 0%, #070D1C 100%);border-left-color: var(--bio-glow);transform: translateX(10px);box-shadow: -10px 0 40px rgba(10,255,239,0.15), -1px 0 0 0 rgba(10,255,239,0.50) }
.litem-arrow { color: rgba(10,255,239,0.22) }
.litem:hover .litem-arrow { color: var(--bio-glow);transform: translateX(8px) }
.gcard { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.gcard::before { background: linear-gradient(180deg, rgba(10,255,239,0.60), rgba(5,180,200,0.40)) }
.gcard:hover { border-color: rgba(10,255,239,0.48) }
.cat-card::after { background: linear-gradient(90deg, rgba(10,180,200,0.70), var(--bio-glow)) }
.cat-card:hover { transform: translateY(-9px) scale(1.010);box-shadow: 0 32px 80px rgba(2,11,18,0.75), 0 0 0 1px rgba(10,255,239,0.12), var(--glow-teal) }
.nat-card { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.nat-card:hover { border-color: rgba(10,255,239,0.48);box-shadow: 0 0 0 1px rgba(10,255,239,0.42), 0 22px 52px rgba(2,11,18,0.60), var(--glow-teal) }
.hp-card { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.hp-card[open] { border-color: rgba(10,255,239,0.45);background: linear-gradient(160deg, #0A1525 0%, #070D1C 100%) }
.pill-rating { background: rgba(10,180,200,0.14);border-color: rgba(10,255,239,0.42);color: var(--bio-glow) }
.pill-rating:hover { background: rgba(10,180,200,0.24);box-shadow: 0 0 0 1px rgba(10,255,239,0.50), 0 4px 14px rgba(10,255,239,0.18) }
.pill-price { background: rgba(10,74,110,0.14);border-color: rgba(10,180,200,0.28);color: var(--bio-glow2) }
.badge { background: var(--bio-river);box-shadow: 0 4px 16px rgba(10,150,180,0.40), inset 0 1px 0 rgba(10,255,239,0.25) }
.badge-gold { background: linear-gradient(135deg, var(--bio-amber), var(--bio-amber2));color: #0A1E30;box-shadow: 0 2px 14px rgba(232,160,48,0.45), inset 0 1px 0 rgba(255,240,200,0.30) }
.reveal { opacity: 0;transform: translateY(28px) scale(0.978);transition: opacity .75s var(--ease-river), transform .75s var(--ease-river) }
.reveal.visible { opacity: 1;transform: translateY(0) scale(1) }
.live-dot { color: var(--bio-glow);animation: ac-pulse-glow 3s ease-in-out infinite }
.mood-card { background: linear-gradient(145deg, #050D16 0%, #070F1C 50%, #050C16 100%);border: 1px solid rgba(10,180,200,0.22);box-shadow: 0 24px 72px rgba(2,11,18,0.65), 0 0 0 1px rgba(10,255,239,0.07), inset 0 1px 0 rgba(10,255,239,0.08), inset 0 -1px 0 rgba(0,0,0,0.35) }
.mood-card::before { background: radial-gradient(ellipse 65% 90% at 95% 5%, rgba(10,255,239,0.14) 0%, rgba(10,180,200,0.06) 45%, transparent 68%), radial-gradient(ellipse 45% 70% at 5% 95%, rgba(232,160,48,0.10) 0%, transparent 58%) }
.mood-btn:hover { background: rgba(10,255,239,0.08);border-color: rgba(10,255,239,0.50);box-shadow: 0 20px 48px rgba(2,11,18,0.35), 0 0 0 1px rgba(10,255,239,0.42), var(--glow-teal) }
.mood-btn.active { background: rgba(10,255,239,0.10);border-color: rgba(10,255,239,0.60);box-shadow: 0 0 0 2px rgba(10,255,239,0.40), inset 0 1px 0 rgba(10,255,239,0.14);outline-color: rgba(10,255,239,0.70) }
.nat-hero-card { border: 1px solid rgba(10,180,200,0.15) }
.nat-hero-card:hover { box-shadow: 0 32px 72px rgba(2,11,18,0.50), var(--glow-teal) }
.ad-banner { background: var(--bio-deep);border-left-color: var(--bio-amber) }
.ad-banner-btn { background: var(--bio-amber);color: var(--bio-deep) }
.ad-banner:hover .ad-banner-btn { background: var(--bio-amber2) }
.footer { background: var(--bio-deep);border-top: 1px solid rgba(10,255,239,0.08) }
.footer-shimmer { background: linear-gradient(90deg, transparent, var(--bio-glow), transparent);opacity: .65 }
.footer-stat { color: rgba(180,220,228,0.70) !important }
.footer-stat strong { color: rgba(10,255,239,0.85) !important }
.footer-copy { color: rgba(180,220,228,0.55) !important }
#lost-fab { background: linear-gradient(135deg, rgba(10,150,160,0.95), rgba(5,200,200,0.90));border: 1px solid rgba(10,255,239,0.50);box-shadow: 0 12px 36px rgba(10,255,239,0.30), 0 4px 14px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.20);color: #020B12 }
#lost-fab:hover { background: linear-gradient(135deg, rgba(10,200,210,0.98), rgba(5,240,240,0.95));box-shadow: 0 14px 40px rgba(10,255,239,0.50), 0 4px 14px rgba(0,0,0,0.40) }
#back-to-top { background: rgba(2,11,18,0.90);border-color: rgba(10,255,239,0.18);color: rgba(10,255,239,0.65) }
#back-to-top:hover { background: rgba(10,80,100,0.90);border-color: var(--bio-glow);color: var(--bio-glow);box-shadow: var(--glow-teal) }
@media (hover: hover) and (pointer: fine) { .rcard:not(.rcard-feat):hover, .bcard:hover, .litem:hover, .gcard:not(.gcard-feat):hover, .nat-card:not(.nat-card-featured):hover, .circ-card:hover, .cl-card:hover, .dep-feat-card:hover, .dep-club-card:hover, .dep-athlete-card:not(.dep-athlete-feat):hover, .gr-tip:hover, .gr-prod-card:not(.gr-prod-feat):hover, .gr-species-card:not(.gr-species-feat):hover, .cv-comparsa:not(.cv-comparsa-champ):hover, .fin-card:hover, .aloj-card:not(.aloj-card-feat):hover, .sm-card:hover { box-shadow: 0 0 0 1px rgba(10,255,239,0.42), 0 0 36px rgba(10,255,239,0.14), 0 22px 60px rgba(2,11,18,0.60) } }
.cl-card, .fin-card, .aloj-card, .aloj-litem, .sm-card, .sm-litem { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.cl-card:hover, .fin-card:hover, .aloj-card:hover, .sm-card:hover { border-color: rgba(10,255,239,0.42);background: linear-gradient(160deg, #0A1525 0%, #070D1C 100%) }
#historia .ht-tab-active { border-bottom-color: var(--bio-glow) !important;color: #1C2E4A !important }
#historia .ht-tab:hover { border-bottom-color: rgba(10,180,200,.35) !important }
.search-input:focus { border-color: rgba(10,255,239,0.60);box-shadow: 0 0 0 3px rgba(10,255,239,0.10), 0 0 0 1px rgba(10,255,239,0.35) }
.svc-card:hover, .svc-more-card:hover { background: rgba(10,30,45,0.95) }
.circ-card { background: linear-gradient(160deg, #050F18 0%, #070D1C 100%);border-color: rgba(10,180,200,0.20) }
.circ-card:hover { background: linear-gradient(160deg, #0A1525 0%, #070D1C 100%);border-color: rgba(10,255,239,0.48);box-shadow: 0 0 0 1px rgba(10,255,239,0.40), 0 22px 52px rgba(2,11,18,0.60), var(--glow-teal) }
.circ-duration { background: rgba(10,180,200,0.12);border-color: rgba(10,255,239,0.35);color: var(--bio-glow) }
.wx-hero-card { background: rgba(2,11,18,0.92);border-color: rgba(10,255,239,0.16);box-shadow: 0 32px 72px rgba(2,11,18,0.65), 0 0 0 1px rgba(10,255,239,0.08), inset 0 1px 0 rgba(10,255,239,0.10) }
.wx-hero-bar::after { background: linear-gradient(90deg, transparent, rgba(10,255,239,0.65) 30%, rgba(10,255,239,0.90) 50%, rgba(10,255,239,0.65) 70%, transparent) }
.wx-hero-city::before { background: var(--bio-glow);box-shadow: 0 0 8px var(--bio-glow) }
.wx-hero-temp { color: rgba(220,245,248,0.97);text-shadow: 0 0 30px rgba(10,255,239,0.20) }
.wx-hero-temp sup { color: var(--bio-glow) }
.wx-hero-datum-label { color: rgba(10,255,239,0.65) }
.wx-hero-datum-val { color: rgba(200,235,240,0.88) }
.wx-hero-updated { color: rgba(10,255,239,0.55) }
.wx-hero-frase { color: rgba(232,160,48,0.65) }
@media (prefers-reduced-motion: reduce) { .hero::before, .hero::after, .hero-river-grid::before, .hero-river-grid::after, .hero-orb-1, .hero-orb-2 { animation: none !important } }
@media (max-width: 768px) { * { backdrop-filter: none !important;-webkit-backdrop-filter: none !important } }
.nav-indicator { height: 2px !important;border-radius: 2px !important;background: linear-gradient(90deg, transparent, rgba(10,255,239,0.9), rgba(10,255,239,0.9), transparent) !important;box-shadow: 0 0 8px rgba(10,255,239,0.6), 0 0 20px rgba(10,255,239,0.3) !important;bottom: 0 !important;transition: left 0.55s cubic-bezier(0.34,1.2,0.64,1), width 0.55s cubic-bezier(0.34,1.2,0.64,1) !important }
@keyframes navItemPulse { 0%,100% { opacity: 0; } 50%      { opacity: 1; } }
.nav-item::after { content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 1px;height: 0;background: linear-gradient(to top, rgba(10,255,239,0.6), transparent);transition: height 0.3s ease;pointer-events: none }
.nav-item:hover::after, .nav-item.active::after { height: 20px }
.main-nav::before { content: '';position: absolute;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, transparent, rgba(10,255,239,0.08) 30%, rgba(10,255,239,0.08) 70%, transparent);top: var(--nav-scan-y, 100%);pointer-events: none;z-index: 20;opacity: 0;transition: opacity 0.2s ease }
.main-nav:hover::before { opacity: 1 }
@media (prefers-reduced-motion: reduce) { .nav-indicator { transition: none !important } }
@media (prefers-reduced-motion: reduce) { .nav-item::after { display: none } }
@media (prefers-reduced-motion: reduce) { .main-nav::before { display: none } }
.rcard-tilt-shine { position: absolute;inset: 0;border-radius: inherit;background: radial-gradient( circle at var(--shine-x, 50%) var(--shine-y, 50%), rgba(255,255,255,0.08) 0%, transparent 60% );pointer-events: none;z-index: 5;opacity: 0;transition: opacity 0.3s ease }
.rcard:hover .rcard-tilt-shine { opacity: 1 }
@keyframes activityPulse { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(10,255,239,0.4); } 50%     { transform: scale(1.05); box-shadow: 0 0 0 6px rgba(10,255,239,0); } }
.rcard-feat .badge-gold { animation: activityPulse 3s ease-in-out 4s infinite }
.rcard-live-views { position: absolute;bottom: 12px;left: 14px;display: inline-flex;align-items: center;gap: 5px;background: rgba(6,6,5,0.75);border: 1px solid rgba(10,255,239,0.2);border-radius: 20px;padding: 4px 10px;font-family: var(--f-ui, 'Syne', sans-serif);font-size: 8px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;color: rgba(10,255,239,0.8);backdrop-filter: blur(6px);z-index: 4;opacity: 0;transform: translateY(4px);transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none }
.rcard:hover .rcard-live-views { opacity: 1;transform: translateY(0) }
.rcard-live-dot { width: 4px;height: 4px;border-radius: 50%;background: rgba(10,255,239,0.9);animation: ac-pulse-glow 2s ease-in-out infinite;flex-shrink: 0 }
@keyframes ac-spin { from { transform: rotate(0deg); } to   { transform: rotate(360deg); } }
.badge-gold::before { content: '';position: absolute;inset: -4px;border-radius: 20px;background: conic-gradient( rgba(196,135,42,0) 0deg, rgba(196,135,42,0.3) 60deg, rgba(232,160,48,0.5) 120deg, rgba(196,135,42,0.3) 180deg, rgba(196,135,42,0) 240deg, rgba(232,160,48,0.2) 300deg, rgba(196,135,42,0) 360deg );animation: ac-spin 4s linear infinite;pointer-events: none;z-index: -1 }
@media (prefers-reduced-motion: reduce) { .rcard-live-views { display: none } }
@media (prefers-reduced-motion: reduce) { .badge-gold::before { animation: none } }
@media (prefers-reduced-motion: reduce) { .rcard-feat .badge-gold { animation: none } }
.mood-btn { position:relative;overflow:hidden }
.mood-btn::before { content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--bx,50%) var(--by,50%), rgba(255,255,255,.12) 0%, transparent 60%);opacity:0;transition:opacity .35s ease;pointer-events:none }
.mood-btn:hover::before, .mood-btn:focus-visible::before { opacity:1 }
.circ-intro { margin-bottom:48px;padding:32px 40px;background:var(--ink);border-left:5px solid var(--verde2);position:relative;overflow:hidden }
.circ-intro::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(29,92,64,.18) 0%,transparent 60%);pointer-events:none }
.circ-intro-text { font-family:var(--f-display);font-style:italic;font-size:clamp(16px,2.2vw,22px);color:rgba(242,237,227,.80);line-height:1.6;position:relative;z-index:1;max-width:720px }
.circ-intro-text em { font-style:normal;color:var(--oro2) }
.circ-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:24px }
.circ-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;padding:32px 28px;position:relative;overflow:hidden;min-height:420px;transition:background .4s var(--ease),transform .4s var(--ease),box-shadow .4s ease,border-color .4s ease;contain:layout style;border:1px solid var(--card-border-oro) }
.circ-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);transform:translateY(-4px);box-shadow:0 0 0 1px var(--card-border-oro-hover),0 20px 48px rgba(0,0,0,.45);border-color:var(--card-border-oro-hover) }
.circ-card:hover::before { transform:scaleX(1) }
.circ-card-feat { background:var(--ink);padding:40px 36px }
.circ-card-feat:hover { background:#1e1e1a }
.circ-duration { display:inline-flex;align-items:center;gap:8px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.35);border-radius:2px;padding:6px 14px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2);margin-bottom:16px;width:fit-content }
.circ-card-feat .circ-duration { background:rgba(196,135,42,.18);border-color:rgba(196,135,42,.50) }
.circ-card-icon { font-size:36px;line-height:1;margin-bottom:12px;transition:transform .4s var(--ease) }
.circ-card:hover .circ-card-icon { transform:scale(1.12) rotate(-5deg) }
.circ-card-feat .circ-card-icon { font-size:48px }
.circ-name { font-family:var(--f-display);font-size:clamp(18px,2vw,24px);color:var(--card-text);letter-spacing:-.3px;line-height:1.1;margin-bottom:10px;position:relative;z-index:1;font-weight:400 }
.circ-card-feat .circ-name { color:var(--parchment);font-size:clamp(22px,2.5vw,30px) }
.circ-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75;flex:1;position:relative;z-index:1;margin-bottom:16px }
.circ-card-feat .circ-desc { color:rgba(242,237,227,.52) }
.circ-stops { display:flex;flex-direction:column;gap:8px;position:relative;z-index:1 }
.circ-stop { display:flex;align-items:flex-start;gap:10px;font-family:var(--f-ui);font-size:11px;color:var(--card-text-soft);line-height:1.45 }
.circ-card-feat .circ-stop { color:rgba(242,237,227,.60) }
.circ-card-feat .circ-stop-num { background:var(--oro) }
.circ-footer { margin-top:20px;padding-top:14px;border-top:1px solid rgba(242,237,227,.08);display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1 }
.circ-card-feat .circ-footer { border-top-color:rgba(242,237,227,.08) }
.circ-pill { font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:2px;white-space:nowrap;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);color:rgba(242,237,227,.60) }
.circ-card-feat .circ-pill { background:rgba(242,237,227,.09);border-color:rgba(242,237,227,.28);color:rgba(242,237,227,.82) }
.circ-stop-num { width:18px;height:18px;border-radius:50%;background:var(--verde2);color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px }
.circ-card-feat .circ-stop-num { background:var(--oro) }
.circ-footer { margin-top:20px;padding-top:14px;border-top:1px solid rgba(26,25,22,.08);display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1 }
.circ-card-feat .circ-footer { border-top-color:rgba(242,237,227,.08) }
.circ-pill { font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:2px;white-space:nowrap;background:rgba(242,237,227,.07);border:1px solid rgba(242,237,227,.22);color:rgba(242,237,227,.72) }
.circ-card-feat .circ-pill { background:rgba(242,237,227,.09);border-color:rgba(242,237,227,.28);color:rgba(242,237,227,.82) }
.circ-nota { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(26,25,22,.72);line-height:1.8;padding:18px 22px;background:rgba(26,25,22,.04);border-left:3px solid rgba(196,135,42,.35) }
.circ-nota strong { color:rgba(26,25,22,.62) }
@media(max-width:860px) { .circ-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .circ-card, .circ-card-feat { min-height:unset } }
@media(max-width:640px) { .circ-card, .circ-card-feat { padding:24px 20px } }
@media(max-width:640px) { .circ-intro { padding:24px var(--gutter) } }
.circ-stops { position:relative }
.circ-stops::before { content:'';position:absolute;left:9px;top:9px;bottom:9px;width:2px;background:linear-gradient(to bottom,var(--verde2),var(--oro2));transform:scaleY(0);transform-origin:top;transition:transform 1.4s cubic-bezier(.16,1,.3,1), filter 0.6s ease 1.2s;filter:drop-shadow(0 0 0px transparent) }
.circ-card.is-drawn .circ-stops::before { transform:scaleY(1);filter:drop-shadow(0 0 4px rgba(38,122,85,.6)) }
.circ-stop-num { position:relative;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease }
.circ-card.is-drawn .circ-stop-num { transform:scale(1) }
.cl-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.cl-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);padding:28px 26px;display:flex;flex-direction:column;gap:12px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.cl-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.cl-card::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--oro2),var(--oro));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease) }
.cl-card:hover::before { transform:scaleX(1) }
.cl-title { font-family:var(--f-display);font-size:19px;color:var(--card-text);letter-spacing:-.2px;font-weight:800 }
.cl-body { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.cl-body strong { font-style:normal;color:var(--card-text) }
.cl-dist-row { display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(242,237,227,.04);border-radius:2px;font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:1px }
.cl-dist-city { color:rgba(242,237,227,.60) }
.cl-dist-val { color:var(--oro2);font-size:11px }
.cl-tip { font-family:var(--f-ui);font-size:8.5px;font-weight:600;letter-spacing:.5px;color:var(--card-text-soft);padding:10px 14px;background:rgba(196,135,42,.06);border-left:3px solid rgba(196,135,42,.35);line-height:1.6;margin-top:4px }
@media(max-width:640px) { .cl-grid { grid-template-columns:1fr } }
.fin-exec { margin-bottom:48px;padding:32px 40px;background:var(--ink);border-left:5px solid var(--verde2);position:relative;overflow:hidden }
.fin-exec::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(29,92,64,.18) 0%,transparent 60%);pointer-events:none }
.fin-exec-inner, .aloj-exec-inner, .sm-exec-inner { position:relative;z-index:1 }
.fin-exec-eyebrow, .aloj-exec-eyebrow, .sm-exec-eyebrow { display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(196,135,42,.65);margin-bottom:14px }
.fin-exec-text { font-family:var(--f-italic);font-style:italic;font-size:clamp(14px,1.8vw,18px);color:rgba(242,237,227,.80);line-height:1.7;max-width:700px }
.fin-exec-text em { font-style:normal;color:var(--oro2) }
.fin-exec-rule, .sm-exec-rule { height:3px;background:linear-gradient(90deg,var(--verde2),var(--oro2),rgba(242,237,227,.12));margin-top:24px }
.fin-block { margin-bottom:2px }
.fin-block-title { display:flex;align-items:center;gap:14px;padding:20px 0 16px;border-bottom:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.fin-block-title-text, .aloj-sub-eyebrow, .sm-scenario-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--verde2) }
.fin-block-title-line { flex:1;height:1px;background:rgba(26,25,22,.10) }
.fin-ctx, .sm-ctx { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(26,25,22,.55);line-height:1.8;padding:12px 18px;background:rgba(26,25,22,.04);border-left:3px solid rgba(196,135,42,.35);margin-bottom:2px }
.fin-grid-atm, .fin-grid-banks, .fin-grid-wu { display:grid;gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.fin-grid-atm { grid-template-columns:repeat(3,1fr) }
.fin-grid-banks { grid-template-columns:repeat(4,1fr) }
.fin-grid-wu { grid-template-columns:repeat(2,1fr) }
.fin-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;gap:12px;padding:28px 24px;position:relative;overflow:hidden;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.fin-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.fin-card::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--verde2),var(--verde));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);z-index:0 }
.fin-card:hover::before { transform:scaleX(1) }
.fin-card-atm::before { background:linear-gradient(180deg,var(--oro2),var(--oro)) }
.fin-card-bersa { background:linear-gradient(160deg,#1a1208 0%,#16100a 100%);border-color:rgba(212,116,42,.50) }
.fin-card-bersa::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 90% 10%,rgba(196,135,42,.10) 0%,transparent 60%);pointer-events:none;z-index:0 }
.fin-card-inner { position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;height:100% }
.fin-card-icon { font-size:28px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.fin-card:hover .fin-card-icon { transform:scale(1.10) }
.fin-card-name { font-family:var(--f-display);font-size:clamp(15px,1.6vw,19px);color:var(--card-text);letter-spacing:-.2px;line-height:1.15;font-weight:400;display:block }
.fin-card-address { font-family:var(--f-ui);font-size:clamp(12px,1.3vw,14px);font-weight:700;letter-spacing:.3px;color:rgba(248,238,224,.82);line-height:1.4;flex:1 }
.fin-card-address a { color:inherit;text-decoration:underline;text-decoration-color:rgba(212,116,42,.35);transition:text-decoration-color .25s ease }
.fin-card-address a:hover { text-decoration-color:var(--oro2) }
.fin-card-tel { display:inline-flex;align-items:center;gap:6px;font-family:var(--f-ui);font-size:11px;font-weight:700;letter-spacing:1px;color:rgba(248,238,224,.50);text-decoration:none;transition:color .25s ease;padding-top:4px;border-top:1px solid rgba(242,237,227,.07);margin-top:2px }
.fin-card-tel:hover { color:var(--oro2) }
.fin-card-tel::before { content:'📞';font-size:9px }
.fin-badge { display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:2px;font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.45);color:var(--oro2) }
.fin-badge-icon { font-size:9px }
.fin-note { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.4px;color:rgba(248,238,224,.42);line-height:1.65;padding:9px 12px;background:rgba(196,135,42,.06);border-left:2px solid rgba(196,135,42,.30);border-radius:0 2px 2px 0 }
.fin-note strong { color:rgba(248,238,224,.65);font-weight:700 }
.fin-note-bersa-toggle { display:inline-flex;align-items:center;gap:6px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--oro2);cursor:pointer;background:none;border:none;padding:0;margin-top:4px;transition:color .25s ease }
.fin-note-bersa-toggle:hover { color:var(--oro3) }
.fin-note-bersa-body { max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .35s ease,padding .4s ease;opacity:0;padding:0 }
.fin-note-bersa-body.open { max-height:200px;opacity:1;padding:10px 0 4px }
.fin-wu-header { display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0 }
.fin-wu-meta { display:flex;flex-direction:column;gap:4px }
.fin-wu-name { font-family:var(--f-display);font-size:18px;color:var(--card-text);letter-spacing:-.2px }
.fin-wu-sub { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(248,238,224,.30) }
.fin-wu-list { display:flex;flex-direction:column;gap:1px;background:rgba(242,237,227,.05);margin:16px 0 0 }
.fin-wu-item { display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-family:var(--f-ui);font-size:12px;font-weight:700;letter-spacing:.5px;color:rgba(248,238,224,.72);transition:background .25s ease;text-decoration:none }
.fin-wu-item:hover { background:rgba(242,237,227,.04);color:rgba(248,238,224,.90) }
.fin-wu-item-addr { flex:1 }
.fin-wu-item-arrow { font-size:11px;color:rgba(196,135,42,.45);transition:color .25s ease,transform .25s ease }
.fin-wu-item:hover .fin-wu-item-arrow { color:var(--oro2);transform:translateX(3px) }
.fin-editorial, .aloj-editorial, .sm-editorial { display:flex;align-items:flex-start;gap:14px;padding:22px 26px;background:rgba(26,25,22,.04);border:1px solid rgba(26,25,22,.10);margin-top:2px }
.fin-editorial-icon { font-size:20px;line-height:1;flex-shrink:0;color:rgba(26,25,22,.45) }
.fin-editorial-text { font-family:var(--f-ui);font-size:9.5px;font-weight:600;letter-spacing:.4px;color:rgba(26,25,22,.52);line-height:1.8 }
.fin-editorial-text strong { color:rgba(26,25,22,.72) }
.fin-editorial-link { color:var(--verde2);text-decoration:underline;text-decoration-color:rgba(38,122,85,.35) }
.fin-horario-chip { display:inline-flex;align-items:center;gap:7px;padding:6px 13px;background:rgba(29,92,64,.10);border:1px solid rgba(29,92,64,.28);border-radius:2px;font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--verde2);white-space:nowrap }
.fin-excl-note { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.4px;color:rgba(26,25,22,.45);line-height:1.75;padding:14px 20px 14px 44px;background:rgba(26,25,22,.03);border-left:2px solid rgba(26,25,22,.12);margin-top:2px;position:relative }
.fin-excl-note::before { content:'ℹ';position:absolute;left:16px;top:14px;font-size:14px;color:rgba(26,25,22,.28);font-style:normal }
@media(max-width:1100px) { .fin-grid-banks { grid-template-columns:repeat(3,1fr) } }
@media(max-width:1100px) { .fin-grid-atm { grid-template-columns:repeat(2,1fr) } }
@media(max-width:860px) { .fin-grid-banks { grid-template-columns:repeat(2,1fr) } }
@media(max-width:860px) { .fin-grid-atm { grid-template-columns:1fr 1fr } }
@media(max-width:860px) { .fin-grid-wu { grid-template-columns:1fr } }
@media(max-width:860px) { .fin-exec { padding:26px 24px } }
@media(prefers-reduced-motion:reduce) { .fin-card,.fin-card::before,.fin-card-icon { transition:none } }
@media(prefers-reduced-motion:reduce) { .fin-note-bersa-body { transition:none } }
.aloj-exec { margin-bottom:48px;padding:32px 40px;background:var(--ink);border-left:5px solid var(--oro2);position:relative;overflow:hidden }
.aloj-exec::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(196,135,42,.14) 0%,transparent 60%);pointer-events:none }
.aloj-exec-text { font-family:var(--f-italic);font-style:italic;font-size:clamp(14px,1.8vw,18px);color:rgba(242,237,227,.80);line-height:1.7;max-width:700px }
.aloj-exec-text em { font-style:normal;color:var(--oro2) }
.aloj-exec-rule { height:3px;background:linear-gradient(90deg,var(--oro2),var(--verde2),rgba(242,237,227,.12));margin-top:24px }
.aloj-sub-hdr, .sm-scenario-hdr { display:flex;flex-direction:column;gap:6px;margin-top:64px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(26,25,22,.10) }
.aloj-sub-title, .sm-scenario-title { font-family:var(--f-display);font-size:clamp(22px,2.8vw,30px);color:var(--ink);letter-spacing:-.3px }
.aloj-grid-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.aloj-grid-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.aloj-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;gap:14px;padding:30px 26px;position:relative;overflow:hidden;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.aloj-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.aloj-card::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--oro2),var(--oro));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);z-index:0 }
.aloj-card:hover::before { transform:scaleX(1) }
.aloj-card-feat { background:var(--ink);border-color:rgba(196,135,42,.50) }
.aloj-card-feat::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 90% 10%,rgba(196,135,42,.10) 0%,transparent 60%);pointer-events:none;z-index:0 }
.aloj-card-feat:hover { background:#1e1e1a }
.aloj-card-feat .aloj-card-name { color:var(--parchment);font-size:22px }
.aloj-card-feat .aloj-card-desc { color:rgba(242,237,227,.52) }
.aloj-card-feat .aloj-card-cat { color:rgba(196,135,42,.65) }
.aloj-card-feat .aloj-card-addr { color:rgba(242,237,227,.55) }
.aloj-card-inner { position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;height:100% }
.aloj-card-icon { font-size:28px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.aloj-card:hover .aloj-card-icon { transform:scale(1.10) }
.aloj-card-cat, .sm-card-cat { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--oro2);display:block }
.aloj-card-name { font-family:var(--f-display);font-size:clamp(16px,1.8vw,20px);color:var(--card-text);letter-spacing:-.2px;line-height:1.15;font-weight:400;display:block }
.aloj-card-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75;flex:1 }
.aloj-card-addr { font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(248,238,224,.50);display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid rgba(242,237,227,.07) }
.aloj-card-addr::before { content:'📍';font-size:10px;font-style:normal }
.aloj-chip, .sm-chip { font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:2px;white-space:nowrap;background:rgba(242,237,227,.06);border:1px solid rgba(242,237,227,.14);color:rgba(242,237,227,.65) }
.aloj-chip-verde, .sm-chip-verde { background:rgba(29,92,64,.10);border-color:rgba(29,92,64,.30);color:var(--verde2) }
.aloj-chip-oro, .sm-chip-oro { background:rgba(196,135,42,.12);border-color:rgba(196,135,42,.38);color:var(--oro2) }
.aloj-chip-warn, .sm-chip-warn { background:rgba(192,57,43,.10);border-color:rgba(192,57,43,.35);color:rgba(231,76,60,.85) }
.aloj-card-cta { display:inline-flex;align-items:center;gap:7px;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.40);text-decoration:none;transition:color .25s ease;padding-top:8px }
.aloj-card-cta:hover { color:var(--oro2) }
.aloj-card-cta::before { content:'↗';font-size:11px;font-style:normal }
.aloj-list, .sm-list { display:flex;flex-direction:column;gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.aloj-litem { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:20px;padding:24px 28px;position:relative;overflow:hidden;border-left:4px solid rgba(196,135,42,.22);transition:background .35s ease,border-left-color .35s ease,transform .35s var(--ease);border-radius:0 var(--radius-card,6px) var(--radius-card,6px) 0;border:1px solid var(--card-border-oro) }
.aloj-litem:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-left-color:var(--oro2);transform:translateX(6px) }
.aloj-litem-icon { font-size:26px;flex-shrink:0;transition:transform .35s var(--ease) }
.aloj-litem:hover .aloj-litem-icon { transform:scale(1.10) }
.aloj-litem-body, .sm-litem-body { display:flex;flex-direction:column;gap:6px;flex:1;min-width:0 }
.aloj-litem-cat, .sm-litem-cat { font-family:var(--f-ui);font-size:7.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2) }
.aloj-litem-name, .sm-litem-name { font-family:var(--f-display);font-size:17px;color:var(--card-text);letter-spacing:-.2px;font-weight:400 }
.aloj-litem-desc, .sm-litem-desc { font-family:var(--f-italic);font-style:italic;font-size:13px;color:var(--card-text-soft);line-height:1.65 }
.aloj-litem-foot, .sm-litem-foot { display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:8px;border-top:1px solid rgba(242,237,227,.07);margin-top:4px }
.aloj-litem-addr, .sm-litem-addr { font-family:var(--f-ui);font-size:9.5px;font-weight:600;letter-spacing:.3px;color:rgba(242,237,227,.35) }
.aloj-litem-tel { font-family:var(--f-ui);font-size:9.5px;font-weight:700;letter-spacing:.5px;color:rgba(242,237,227,.50);text-decoration:none;transition:color .25s ease }
.aloj-litem-tel:hover { color:var(--oro2) }
.aloj-litem-arrow { margin-left:auto;font-size:16px;color:rgba(242,237,227,.18);flex-shrink:0;transition:color .35s ease,transform .35s var(--ease) }
.aloj-litem:hover .aloj-litem-arrow { color:var(--oro2);transform:translateX(4px) }
.aloj-camping { background:linear-gradient(135deg,#0a1a12 0%,#0e2018 60%,#0a1508 100%);border:1px solid rgba(29,92,64,.22);position:relative;overflow:hidden;padding:36px 40px;margin-bottom:2px }
.aloj-camping::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 85% 15%,rgba(29,92,64,.38) 0%,transparent 58%);pointer-events:none }
.aloj-camping-inner { position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start }
.aloj-camping-kicker { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(100,210,155,.80);display:block;margin-bottom:14px }
.aloj-camping-title { font-family:var(--f-display);font-size:clamp(20px,2.8vw,28px);color:var(--parchment);line-height:1.1;letter-spacing:-.3px;margin-bottom:12px }
.aloj-camping-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.52);line-height:1.8 }
.aloj-camping-desc strong { font-style:normal;color:var(--oro2);font-weight:400 }
.aloj-camping-specs { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(242,237,227,.07) }
.aloj-camping-spec, .sm-feria-spec { padding:18px 20px;background:rgba(6,6,5,.35);display:flex;flex-direction:column;gap:5px }
.aloj-camping-spec-val, .sm-feria-spec-val { font-family:var(--f-display);font-size:22px;line-height:1;color:var(--parchment);letter-spacing:-.5px }
.aloj-camping-spec-lbl, .sm-feria-spec-lbl { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(242,237,227,.28) }
.aloj-depto-banner { background:var(--ink);border-left:5px solid var(--azul,#1a5c8a);position:relative;overflow:hidden;padding:32px 40px;margin-bottom:2px }
.aloj-depto-banner::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 95% 50%,rgba(26,92,138,.18) 0%,transparent 60%);pointer-events:none }
.aloj-depto-inner { position:relative;z-index:1;max-width:760px }
.aloj-depto-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(70,160,230,.65);display:block;margin-bottom:12px }
.aloj-depto-title { font-family:var(--f-display);font-size:clamp(18px,2.4vw,26px);color:var(--parchment);letter-spacing:-.3px;line-height:1.1;margin-bottom:12px }
.aloj-depto-text { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.50);line-height:1.8;max-width:620px }
.aloj-depto-text strong { font-style:normal;color:rgba(242,237,227,.80);font-weight:400 }
.aloj-depto-links { display:flex;flex-wrap:wrap;gap:10px;margin-top:18px }
.aloj-depto-link { display:inline-flex;align-items:center;gap:8px;background:rgba(26,92,138,.12);border:1px solid rgba(26,92,138,.40);border-radius:2px;padding:10px 18px;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(70,160,230,.90);text-decoration:none;transition:background .25s ease,border-color .25s ease }
.aloj-depto-link:hover { background:rgba(26,92,138,.22);border-color:rgba(70,160,230,.55) }
.aloj-editorial-icon, .sm-editorial-icon { font-size:20px;line-height:1;flex-shrink:0;color:rgba(26,25,22,.40) }
.aloj-editorial-text { font-family:var(--f-ui);font-size:9.5px;font-weight:600;letter-spacing:.4px;color:rgba(26,25,22,.52);line-height:1.8 }
.aloj-editorial-text strong { color:rgba(26,25,22,.72) }
.aloj-editorial-link, .sm-editorial-link { color:var(--verde2);text-decoration:underline;text-decoration-color:rgba(38,122,85,.35) }
@media(max-width:1100px) { .aloj-grid-3 { grid-template-columns:repeat(2,1fr) } }
@media(max-width:860px) { .aloj-grid-2 { grid-template-columns:1fr } }
@media(max-width:860px) { .aloj-grid-3 { grid-template-columns:1fr } }
@media(max-width:860px) { .aloj-camping-inner { grid-template-columns:1fr } }
@media(max-width:860px) { .aloj-camping { padding:28px 24px } }
@media(max-width:860px) { .aloj-exec { padding:24px 26px } }
@media(max-width:860px) { .aloj-depto-banner { padding:24px 26px } }
@media(prefers-reduced-motion:reduce) { .aloj-card,.aloj-card::before,.aloj-card-icon, .aloj-litem,.aloj-litem-icon,.aloj-litem-arrow { transition:none } }
.sm-exec { margin-bottom:48px;padding:36px 44px;background:linear-gradient(135deg,#0a1a12 0%,#111810 100%);border-left:5px solid var(--verde2);position:relative;overflow:hidden }
.sm-exec::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(29,92,64,.22) 0%,transparent 60%);pointer-events:none }
.sm-exec-text { font-family:var(--f-italic);font-style:italic;font-size:clamp(14px,1.8vw,18px);color:rgba(242,237,227,.80);line-height:1.7;max-width:720px }
.sm-exec-text em { font-style:normal;color:var(--oro2) }
.sm-grid-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:2px }
.sm-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;gap:14px;padding:30px 26px;position:relative;overflow:hidden;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.sm-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.sm-card::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--verde2),var(--verde));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);z-index:0 }
.sm-card:hover::before { transform:scaleX(1) }
.sm-card-feat { background:var(--ink);border-color:rgba(196,135,42,.50) }
.sm-card-feat::after { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 90% 10%,rgba(196,135,42,.10) 0%,transparent 60%);pointer-events:none;z-index:0 }
.sm-card-feat:hover { background:#1e1e1a }
.sm-card-feat .sm-card-name { color:var(--parchment) }
.sm-card-feat .sm-card-desc { color:rgba(242,237,227,.52) }
.sm-card-inner { position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;height:100% }
.sm-card-icon { font-size:28px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.sm-card:hover .sm-card-icon { transform:scale(1.10) }
.sm-card-name { font-family:var(--f-display);font-size:clamp(16px,1.8vw,20px);color:var(--card-text);letter-spacing:-.2px;line-height:1.15;font-weight:400;display:block }
.sm-card-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75;flex:1 }
.sm-card-desc strong { font-style:normal;color:var(--card-text) }
.sm-card-addr { font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(248,238,224,.50);display:flex;align-items:flex-start;gap:6px;padding-top:10px;border-top:1px solid rgba(242,237,227,.07);flex-direction:column;row-gap:5px }
.sm-card-addr-line { display:flex;align-items:center;gap:6px }
.sm-card-addr-line::before { content:'📍';font-size:10px;font-style:normal;flex-shrink:0 }
.sm-card-hours-line { display:flex;align-items:center;gap:6px;color:rgba(248,238,224,.40) }
.sm-card-hours-line::before { content:'🕐';font-size:10px;font-style:normal;flex-shrink:0 }
.sm-feria-banner { background:var(--ink);border-top:3px solid var(--verde2);position:relative;overflow:hidden;padding:36px 40px;margin-bottom:2px }
.sm-feria-banner::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 80% at 90% 50%,rgba(29,92,64,.18) 0%,transparent 60%);pointer-events:none }
.sm-feria-inner { position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center }
.sm-feria-left { display:flex;flex-direction:column;gap:12px }
.sm-feria-eyebrow { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(100,210,155,.80);display:block }
.sm-feria-title { font-family:var(--f-display);font-size:clamp(20px,2.8vw,28px);color:var(--parchment);line-height:1.1;letter-spacing:-.3px }
.sm-feria-desc { font-family:var(--f-italic);font-style:italic;font-size:14px;color:rgba(242,237,227,.52);line-height:1.8 }
.sm-feria-desc strong { font-style:normal;color:var(--oro2);font-weight:400 }
.sm-feria-specs { display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(242,237,227,.07) }
.sm-editorial-text { font-family:var(--f-ui);font-size:9.5px;font-weight:600;letter-spacing:.4px;color:rgba(26,25,22,.52);line-height:1.8 }
.sm-editorial-text strong { color:rgba(26,25,22,.72) }
.sm-litem { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:20px;padding:24px 28px;position:relative;overflow:hidden;border-left:4px solid rgba(196,135,42,.22);transition:background .35s ease,border-left-color .35s ease,transform .35s var(--ease);border:1px solid var(--card-border-oro) }
.sm-litem:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-left-color:var(--oro2);transform:translateX(6px) }
.sm-litem-icon { font-size:26px;flex-shrink:0;transition:transform .35s var(--ease) }
.sm-litem:hover .sm-litem-icon { transform:scale(1.10) }
.sm-litem-arrow { margin-left:auto;font-size:16px;color:rgba(242,237,227,.18);flex-shrink:0;transition:color .35s ease,transform .35s var(--ease) }
.sm-litem:hover .sm-litem-arrow { color:var(--oro2);transform:translateX(4px) }
@media(max-width:860px) { .sm-grid-2 { grid-template-columns:1fr } }
@media(max-width:860px) { .sm-feria-inner { grid-template-columns:1fr } }
@media(max-width:860px) { .sm-exec { padding:28px 24px } }
@media(max-width:860px) { .sm-feria-banner { padding:28px 24px } }
@media(prefers-reduced-motion:reduce) { .sm-card,.sm-card::before,.sm-card-icon, .sm-litem,.sm-litem-icon,.sm-litem-arrow { transition:none } }
.gcard-feat-heartbeat { position: absolute;top: 0;left: 0;right: 0;height: 3px;overflow: visible;z-index: 3;pointer-events: none }
@keyframes ac-scroll-ecg { 0%   { transform: translateX(0%); } 100% { transform: translateX(-50%); } }
.gcard-feat-ecg { position: absolute;top: -10px;left: 0;height: 24px;width: 200%;opacity: 0.85;animation: ac-scroll-ecg 2.8s linear infinite }
@keyframes ac-heartbeat { 0%,80%,100% { transform: scale(1); } 14%         { transform: scale(1.15); } 28%         { transform: scale(1); } 42%         { transform: scale(1.08); } }
.gcard-feat .gcard-score { animation: ac-heartbeat 1.4s ease-in-out 3s infinite !important }
.gcard-energy-bar { position: absolute;bottom: 0;left: 0;height: 2px;background: linear-gradient(90deg, var(--verde2), rgba(10,255,239,0.8));transform-origin: left;transform: scaleX(0);transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);pointer-events: none;z-index: 3 }
.gcard.is-energy-visible .gcard-energy-bar { transform: scaleX(1) }
@media (prefers-reduced-motion: reduce) { .gcard-feat-ecg { animation: none } }
@media (prefers-reduced-motion: reduce) { .gcard-feat .gcard-score { animation: none !important } }
@media (prefers-reduced-motion: reduce) { .gcard-energy-bar { transform: scaleX(1) } }
.svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.svc-card { background:var(--ink);display:flex;flex-direction:column;gap:14px;padding:30px 28px;position:relative;overflow:hidden;transition:background .35s ease }
.svc-card:hover { background:#1e1e1a }
.svc-card-link { text-decoration:none;color:inherit }
.svc-card-link:hover .svc-cta { color:var(--oro2) }
.svc-icon { font-size:32px;line-height:1;transition:transform .35s var(--ease) }
.svc-card:hover .svc-icon { transform:scale(1.12) }
.svc-title { font-family:var(--f-display);font-style:italic;font-size:20px;color:var(--parchment);letter-spacing:-.2px;line-height:1.1 }
.svc-body { font-family:var(--f-italic);font-style:italic;font-size:13px;color:rgba(242,237,227,.45);line-height:1.7 }
.svc-body strong { font-style:normal;color:rgba(242,237,227,.75);font-weight:400 }
.svc-cta { display:inline-flex;align-items:center;gap:6px;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(242,237,227,.35);margin-top:4px;transition:color .3s ease }
.svc-emg-row { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.04);padding:0 28px 28px }
.svc-emg-chip { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 12px;text-decoration:none;transition:background .35s ease;border-radius:2px }
.svc-emg-chip:hover { background:rgba(255,255,255,.04) }
.svc-emg-num { font-family:var(--f-display);font-size:44px;line-height:1;color:var(--parchment);letter-spacing:-2px }
.svc-emg-label { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(242,237,227,.35) }
.svc-more-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);border-top:none }
.svc-more-card { background:var(--ink);display:flex;flex-direction:column;gap:10px;padding:24px 22px;text-decoration:none;position:relative;overflow:hidden;transition:background .35s ease }
.svc-more-card:hover { background:#1e1e1a }
.svc-more-icon { font-size:26px;line-height:1;transition:transform .35s var(--ease) }
.svc-more-card:hover .svc-more-icon { transform:scale(1.10) }
.svc-more-name { font-family:var(--f-display);font-style:italic;font-size:16px;color:var(--parchment);line-height:1.1 }
.svc-more-sub { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.28) }
.svc-more-arrow { position:absolute;top:14px;right:14px;font-size:11px;color:rgba(242,237,227,.20) }
@media(max-width:860px) { .svc-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .svc-emg-row { grid-template-columns:1fr 1fr 1fr;padding:0 20px 22px } }
@media(max-width:860px) { .svc-more-grid { grid-template-columns:repeat(2,1fr) } }
@media(max-width:640px) { .svc-grid { grid-template-columns:1fr } }
@media(max-width:640px) { .svc-card { padding:24px 20px } }
@media(max-width:640px) { .svc-more-grid { grid-template-columns:1fr 1fr } }
@media(max-width:640px) { .svc-emg-num { font-size:36px } }
#wave1 { animation:ac-scroll-wave-a 8s linear infinite }
#wave2 { animation:ac-scroll-wave-b 12s linear infinite }
@keyframes ac-scroll-wave-a{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ac-scroll-wave-b{from{transform:translateX(-10%)}to{transform:translateX(-60%)}}
@media(prefers-reduced-motion:reduce) { #wave1, #wave2 { animation:none } }
@keyframes dustFloat { 0%   { transform: translateY(0) translateX(0) rotate(0deg); opacity: 0; } 10%  { opacity: var(--dust-alpha, 0.4); } 90%  { opacity: var(--dust-alpha, 0.4); } 100% { transform: translateY(-80px) translateX(var(--dust-dx, 15px)) rotate(180deg); opacity: 0; } }
.patrimonio-dust { position: absolute;border-radius: 50%;pointer-events: none;z-index: 0;animation: dustFloat var(--dust-dur, 8s) ease-in-out var(--dust-del, 0s) infinite;background: radial-gradient(circle, rgba(196,135,42,0.6) 0%, transparent 70%);will-change: transform, opacity }
@keyframes ac-clip-reveal { from { clip-path: inset(0 0 100% 0); opacity: 0.3; } to { clip-path: inset(0 0 0% 0); opacity: 1; } }
.hp-card[open] .hp-body { animation: ac-clip-reveal 0.5s cubic-bezier(0.16,1,0.3,1) both !important }
@keyframes ac-draw-line { from { transform: scaleX(0); opacity: 0; } to   { transform: scaleX(1); opacity: 1; } }
.hp-card[open]::before { content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, transparent 0%, rgba(196,135,42,0.8) 20%, rgba(232,160,48,1) 50%, rgba(196,135,42,0.8) 80%, transparent 100% );animation: ac-draw-line 0.6s cubic-bezier(0.34,1.2,0.64,1) both;transform-origin: left;pointer-events: none;z-index: 3;box-shadow: 0 0 8px rgba(196,135,42,0.5) }
@keyframes ac-shimmer-reveal { 0%   { background-position: -200% center; } 100% { background-position: 200% center; } }
.hp-card[open] .hp-summary { background: linear-gradient( 105deg, rgba(242,237,227,0) 0%, rgba(196,135,42,0.06) 40%, rgba(242,237,227,0.04) 60%, rgba(242,237,227,0) 100% );background-size: 300% 100%;animation: ac-shimmer-reveal 2s ease-in-out 0.3s 1 both }
.hp-card .hp-year-watermark { position: absolute;bottom: 12px;right: 16px;font-family: var(--f-display, 'DM Serif Display', serif);font-size: 56px;line-height: 1;color: rgba(196,135,42,0.06);letter-spacing: -2px;pointer-events: none;z-index: 0;transition: color 0.4s ease;user-select: none }
.hp-card[open] .hp-year-watermark { color: rgba(196,135,42,0.10) }
@media (prefers-reduced-motion: reduce) { .hp-card[open] .hp-body { animation: none !important } }
@media (prefers-reduced-motion: reduce) { .hp-card[open]::before { animation: none } }
@media (prefers-reduced-motion: reduce) { .patrimonio-dust { animation: none;opacity: 0 } }
@media (prefers-reduced-motion: reduce) { .hp-card[open] .hp-summary { animation: none } }
@keyframes ac-flip-in { from { opacity: 0; transform: perspective(1200px) rotateY(-15deg) translateX(-40px); filter: blur(2px); } to { opacity: 1; transform: perspective(1200px) rotateY(0deg) translateX(0); filter: blur(0); } }
@keyframes ac-flip-out { from { opacity: 1; transform: perspective(1200px) rotateY(0deg) translateX(0); filter: blur(0); } to { opacity: 0; transform: perspective(1200px) rotateY(15deg) translateX(40px); filter: blur(2px); } }
.ht-chapter-active.page-flip-in { animation: ac-flip-in 0.5s cubic-bezier(0.16,1,0.3,1) both }
.ht-chapter.page-flip-out { animation: ac-flip-out 0.35s cubic-bezier(0.77,0,0.175,1) both;pointer-events: none }
#historia-cursor { position: fixed;pointer-events: none;z-index: 99998;font-size: 20px;transform: translate(-4px, -18px) rotate(-20deg);opacity: 0;transition: opacity 0.25s ease;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4));will-change: transform }
.historia-ink-trail { position: fixed;pointer-events: none;z-index: 99997;border-radius: 50%;background: rgba(196,135,42,0.4);transform: translate(-50%,-50%) scale(0);animation: inkTrailFade 0.8s ease-out forwards }
@keyframes inkTrailFade { 0%   { transform: translate(-50%,-50%) scale(0); opacity: 0.6; } 30%  { transform: translate(-50%,-50%) scale(1); } 100% { transform: translate(-50%,-50%) scale(1.5); opacity: 0; } }
@keyframes ac-bounce-in-stat { 0%   { transform: scale(0) rotate(-30deg); opacity: 0; } 60%  { transform: scale(1.12) rotate(3deg); } 80%  { transform: scale(0.97) rotate(-1deg); } 100% { transform: scale(1) rotate(0deg); opacity: 1; } }
.ht-stat.is-revealed { animation: ac-bounce-in-stat 0.7s cubic-bezier(0.34,1.56,0.64,1) both }
.ht-stat-num { font-variant-numeric: tabular-nums }
.ht-reading-progress { position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;transform:scaleX(0);transform-origin:0 0;background: linear-gradient(90deg, rgba(196,135,42,0.8), rgba(232,160,48,1));transition: transform 0.1s linear;pointer-events: none;border-radius: 0 2px 2px 0;box-shadow: 0 0 6px rgba(196,135,42,0.5);will-change:transform }
.ht-tabs-wrap { position: relative }
@media (prefers-reduced-motion: reduce) { .ht-chapter-active.page-flip-in { animation: none } }
@media (prefers-reduced-motion: reduce) { .ht-chapter.page-flip-out { animation: none } }
@media (prefers-reduced-motion: reduce) { #historia-cursor { display: none } }
@media (prefers-reduced-motion: reduce) { .historia-ink-trail { display: none } }
@media (prefers-reduced-motion: reduce) { .ht-stat.is-revealed { animation: none } }
.dep-intro { margin-bottom:48px;padding:36px 44px;background:linear-gradient(135deg,#0a1420 0%,#0d1a14 100%);border-left:5px solid var(--verde2);position:relative;overflow:hidden }
.dep-intro::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 95% 50%,rgba(196,135,42,.16) 0%,transparent 60%);pointer-events:none }
.dep-intro-text { font-family:var(--f-display);font-style:italic;font-size:clamp(18px,2.4vw,26px);color:rgba(242,237,227,.82);line-height:1.55;letter-spacing:-.3px;max-width:680px;position:relative;z-index:1 }
.dep-intro-text em { font-style:normal;color:var(--oro2) }
.dep-hero { position:relative;overflow:hidden;margin-bottom:1px;min-height:240px;background:linear-gradient(135deg,#0b1a26 0%,#0e2018 60%,#0a1420 100%);padding:48px 52px;border-radius:var(--radius-card) }
.dep-hero-bg { position:absolute;inset:0;background:radial-gradient(ellipse 65% 80% at 85% 15%,rgba(26,92,138,.40) 0%,transparent 58%),radial-gradient(ellipse 40% 60% at 5% 85%,rgba(29,92,64,.20) 0%,transparent 55%) }
.dep-hero-content { position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;max-width:760px }
.dep-hero-chip { display:inline-flex;align-items:center;gap:10px;background:rgba(26,92,138,.14);border:1px solid rgba(26,92,138,.40);border-radius:2px;padding:8px 16px;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(70,160,230,.95);width:fit-content }
.dep-hero-chip-dot { width:6px;height:6px;border-radius:50%;background:#46a0e6;flex-shrink:0;animation:ac-pulse-glow 2.5s ease-in-out infinite alternate }
.dep-hero-title { font-family:var(--f-display);font-size:clamp(30px,4.5vw,46px);line-height:1;letter-spacing:-1px;color:var(--parchment) }
.dep-hero-sub { font-family:var(--f-italic);font-style:italic;font-size:15px;color:rgba(242,237,227,.58);line-height:1.75 }
.dep-hero-sub strong { font-style:normal;color:var(--oro2);font-weight:400 }
.dep-hero-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:4px }
.dep-stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.dep-stat-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;flex-direction:column;gap:6px;padding:30px 24px;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.dep-stat-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.dep-stat-num { font-family:var(--f-display);font-size:clamp(26px,3vw,38px);line-height:1;color:var(--parchment);letter-spacing:-1.5px }
.dep-stat-label { font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(242,237,227,.55) }
.dep-stat-sub { font-family:var(--f-italic);font-style:italic;font-size:11px;color:rgba(242,237,227,.30) }
.dep-feat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.dep-feat-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:18px;padding:30px 26px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.dep-feat-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.dep-feat-body, .dep-athlete-body, .dep-club-body { display:flex;flex-direction:column;gap:8px }
.dep-feat-name { font-family:var(--f-display);font-size:18px;color:var(--card-text);letter-spacing:-.2px;line-height:1.15;font-weight:800 }
.dep-feat-desc, .dep-club-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.7 }
.dep-feat-desc strong { font-style:normal;color:var(--card-text) }
.dep-feat-icon { font-size:32px;line-height:1;flex-shrink:0;transition:transform .35s var(--ease) }
.dep-feat-card:hover .dep-feat-icon { transform:scale(1.12) }
.dep-club-icon, .dep-athlete-icon { font-size:32px;line-height:1;flex-shrink:0 }
.dep-athlete-badge { display:inline-flex;align-items:center;padding:5px 12px;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.35);border-radius:2px;font-family:var(--f-ui);font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2);width:fit-content }
.dep-club-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10);margin-bottom:1px }
.dep-club-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:18px;padding:28px 26px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.dep-club-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.dep-club-tag { font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--oro2) }
.dep-club-name { font-family:var(--f-display);font-size:18px;color:var(--card-text);letter-spacing:-.2px;font-weight:800 }
.dep-athlete-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(26,25,22,.10);border:1px solid rgba(26,25,22,.10) }
.dep-athlete-card { background:linear-gradient(160deg,var(--card-dark) 0%,var(--card-dark2) 100%);display:flex;align-items:flex-start;gap:18px;padding:28px 26px;position:relative;transition:background .35s ease,border-color .35s ease;border:1px solid var(--card-border-oro) }
.dep-athlete-card:hover { background:linear-gradient(160deg,var(--card-dark3) 0%,var(--card-dark2) 100%);border-color:var(--card-border-oro-hover) }
.dep-athlete-name { font-family:var(--f-display);font-size:19px;color:var(--card-text);letter-spacing:-.2px;font-weight:400 }
.dep-athlete-feat .dep-athlete-name { font-size:24px }
.dep-athlete-desc { font-family:var(--f-italic);font-style:italic;font-size:13.5px;color:var(--card-text-soft);line-height:1.75 }
.dep-athlete-desc strong { font-style:normal;color:var(--card-text) }
.dep-disclaimer { font-family:var(--f-ui);font-size:9px;font-weight:600;letter-spacing:.5px;color:rgba(26,25,22,.72);line-height:1.8;padding:20px 24px;background:rgba(26,25,22,.04);border-left:3px solid rgba(196,135,42,.35);margin-top:24px }
.dep-disclaimer strong { color:rgba(26,25,22,.88) }
@media(max-width:860px) { .dep-stats-grid { grid-template-columns:repeat(2,1fr) } }
@media(max-width:860px) { .dep-feat-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .dep-club-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .dep-athlete-grid { grid-template-columns:1fr } }
@media(max-width:860px) { .dep-athlete-feat { grid-column:span 1 } }
@media(max-width:860px) { .dep-hero { padding:32px 28px } }
@media(max-width:860px) { .dep-intro { padding:26px 24px } }
@media(prefers-reduced-motion:reduce) { .dep-feat-card,.dep-club-card,.dep-athlete-card,.dep-stat-card { transition:none } }
@media (max-width: 768px) { .hero, .hero-inner, .hero-topbar, .hero-inner-left { max-width: 100vw !important;width: 100% !important;overflow-x: hidden !important } }
@media (max-width: 768px) { .hero-title, .hero-title .main-line, .hero-title .main-line em { max-width: 100% !important;overflow-wrap: break-word !important;white-space: normal !important } }
@media (max-width: 768px) { .identity-strip { width: 100% !important;max-width: calc(100vw - 32px) !important } }
.ru-section{background:var(--void);color:var(--parchment);position:relative;overflow:hidden}
.ru-wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}
.ru-grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(rgba(242,237,227,.6) 1px,transparent 1px);background-size:3px 3px;z-index:1}
.ru-ruled{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent,transparent 35px,rgba(242,237,227,.035) 35px,rgba(242,237,227,.035) 36px);z-index:1}
.ru-hero{position:relative;padding:120px 0 90px;background:linear-gradient(180deg,#0A0908 0%,#120E0A 60%,#0A0908 100%);overflow:hidden}
.ru-hero-wrap{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}
.ru-ticket-tag{display:inline-flex;align-items:center;background:rgba(196,135,42,.12);border:1px solid rgba(196,135,42,.40);border-radius:2px;padding:8px 18px;margin-bottom:24px}
.ru-ticket-tag span{font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro2)}
.ru-hero-title{font-family:var(--f-display);font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-2px;color:var(--parchment);margin-bottom:22px}
.ru-hl{display:block;overflow:hidden}
.ru-hl span{display:block}
.ru-hero-title em{font-style:italic;color:var(--oro2)}
.ru-hero-desc{font-family:var(--f-italic);font-style:italic;font-size:17px;line-height:1.6;color:rgba(242,237,227,.65);max-width:520px;margin-bottom:48px}
.ru-board-wrap{width:100%;border-top:1px solid rgba(242,237,227,.10);border-bottom:1px solid rgba(242,237,227,.10);padding:20px 0;position:relative}
.ru-board-label{display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(242,237,227,.35);margin-bottom:14px}
.ru-board-track{display:flex;width:max-content;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);animation:ru-board-scroll 36s linear infinite}
.ru-board-wrap:hover .ru-board-track{animation-play-state:paused}
.ru-board-row{display:flex;gap:12px;padding-right:12px;flex-shrink:0}
@keyframes ru-board-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ru-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(242,237,227,.05);border:1px solid rgba(242,237,227,.14);border-radius:20px;padding:8px 16px;font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(242,237,227,.75);white-space:nowrap}
.ru-chip i{font-style:italic;font-weight:500;color:rgba(242,237,227,.40);margin-left:4px}
.ru-scrolldown{display:flex;align-items:center;gap:8px;margin-top:56px;color:rgba(242,237,227,.30);font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;animation:ac-drift-float-sm 2s ease-in-out infinite alternate}
.ru-scrolldown svg{flex-shrink:0}
.ru-chapter{position:relative;padding:var(--section-gap) 0;background:#0D0B09;overflow:hidden}
.ru-chapter-2{background:#100C08}
.ru-night{background:#07080C}
.ru-chapter-head{max-width:640px;margin-bottom:56px;position:relative;z-index:2}
.ru-stop{display:inline-block;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro2);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(196,135,42,.35)}
.ru-chapter-title{font-family:var(--f-display);font-size:clamp(28px,4vw,42px);line-height:1.05;color:var(--parchment);letter-spacing:-.5px;margin-bottom:18px}
.ru-chapter-title em{font-style:italic;color:var(--oro2)}
.ru-chapter-intro{font-family:var(--f-italic);font-style:italic;font-size:16px;line-height:1.65;color:rgba(242,237,227,.60)}
.ru-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}
.ru-reveal.is-in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ru-reveal{transition:none;opacity:1;transform:none}}
.ru-route{position:relative;padding-left:56px;z-index:2}
.ru-route-track{position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:rgba(242,237,227,.10)}
.ru-route-fill{position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,var(--oro2),var(--verde2));transition:height .1s linear}
.ru-route-pin{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:18px;height:18px;color:var(--oro2);background:#0D0B09;border-radius:50%;transition:top .1s linear}
.ru-steps{list-style:none;display:flex;flex-direction:column;gap:36px}
.ru-step{position:relative}
.ru-step-pin{position:absolute;left:-56px;top:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#0D0B09;border:1px solid rgba(196,135,42,.35);border-radius:50%;font-family:var(--f-ui);font-size:10px;font-weight:800;color:var(--oro2)}
.ru-step-card{background:rgba(242,237,227,.03);border:1px solid rgba(242,237,227,.08);border-radius:4px;padding:28px 32px}
.ru-step-tag{display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--verde2);margin-bottom:10px}
.ru-step-title{font-family:var(--f-display);font-size:20px;color:var(--parchment);margin-bottom:10px;letter-spacing:-.2px}
.ru-step-body{font-family:var(--f-ui);font-size:13.5px;line-height:1.7;color:rgba(242,237,227,.60)}
.ru-step-body strong{color:rgba(242,237,227,.90);font-weight:700}
.ru-feature{display:flex;gap:36px;align-items:center;text-decoration:none;background:linear-gradient(135deg,#171009,#1D1410);border:1px solid rgba(196,135,42,.25);border-radius:6px;padding:36px 40px;margin-bottom:28px;transition:transform .4s var(--ease-spring),border-color .4s ease;position:relative;z-index:2}
.ru-feature:hover{transform:translateY(-4px);border-color:rgba(196,135,42,.55)}
.ru-feature-board{flex-shrink:0;width:150px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0A0806;border:1px solid rgba(196,135,42,.30);border-radius:4px;text-align:center}
.ru-feature-board span{font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;color:rgba(242,237,227,.35)}
.ru-feature-board strong{font-family:var(--f-display);font-size:20px;color:var(--oro2);letter-spacing:-.5px}
.ru-feature-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ru-feature-eyebrow{font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro2)}
.ru-feature-name{font-family:var(--f-display);font-size:26px;color:var(--parchment)}
.ru-feature-desc{font-family:var(--f-ui);font-size:13px;line-height:1.6;color:rgba(242,237,227,.55);max-width:440px}
.ru-feature-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-ui);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--oro2);margin-top:6px}
.ru-feature-cta svg{transition:transform .3s ease}
.ru-feature:hover .ru-feature-cta svg{transform:translateX(4px)}
.ru-feature-price{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.40)}
.ru-feature-price span{font-family:var(--f-display);font-size:22px;color:var(--verde2);display:block}
.ru-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;position:relative;z-index:2}
.ru-ticket{position:relative;display:flex;flex-direction:column;gap:10px;background:rgba(242,237,227,.03);border:1px dashed rgba(242,237,227,.16);border-radius:4px;padding:22px 24px;text-decoration:none;transition:transform .35s var(--ease-spring),border-color .3s ease,background .3s ease}
.ru-ticket:hover{transform:translateY(-4px);border-color:rgba(196,135,42,.45);background:rgba(196,135,42,.05)}
.ru-ticket-notch{position:absolute;top:50%;left:-1px;width:10px;height:10px;background:var(--void);border-radius:50%;transform:translate(-50%,-50%)}
.ru-ticket-tag2{font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--verde2)}
.ru-ticket-name{font-family:var(--f-display);font-size:19px;color:var(--parchment);letter-spacing:-.3px}
.ru-ticket-desc{font-family:var(--f-ui);font-size:12px;line-height:1.6;color:rgba(242,237,227,.55);flex:1}
.ru-ticket-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px dashed rgba(242,237,227,.14)}
.ru-ticket-price{font-family:var(--f-ui);font-size:11px;font-weight:700;color:var(--oro2)}
.ru-ticket-arrow{font-size:14px;color:rgba(242,237,227,.35);transition:transform .3s ease}
.ru-ticket:hover .ru-ticket-arrow{transform:translate(3px,-3px);color:var(--oro2)}
.ru-secreto{position:relative;padding:80px 0;background:linear-gradient(135deg,#141018,#0C0A10)}
.ru-secreto-wrap{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ru-secreto-source{display:block;text-align:center;font-family:var(--f-ui);font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(242,237,227,.30);margin-bottom:24px;position:relative;z-index:2}
.ru-secreto-label{display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--oro2);margin-bottom:20px}
.ru-secreto-quote{font-family:var(--f-display);font-style:italic;font-size:clamp(20px,3vw,30px);line-height:1.5;color:var(--parchment)}
.ru-hl-text{color:var(--oro2);font-style:normal}
.ru-dusk,.ru-dawn{position:relative;height:120px;overflow:hidden}
.ru-dusk-sky,.ru-dawn-sky{position:absolute;inset:0;transition:opacity 1.4s ease}
.ru-dusk-sky{background:linear-gradient(180deg,#1A1006,#07080C)}
.ru-dawn-sky{background:linear-gradient(180deg,#07080C,#1A1408)}
.ru-dusk-sun,.ru-dawn-sun{position:absolute;left:50%;width:60px;height:60px;border-radius:50%;transform:translateX(-50%);opacity:.4;transition:opacity 1.4s ease}
.ru-dusk-sun{bottom:-30px;background:radial-gradient(circle,var(--oro2),transparent 70%)}
.ru-dawn-sun{top:-30px;background:radial-gradient(circle,var(--oro3),transparent 70%)}
.ru-dusk.is-in .ru-dusk-sun,.ru-dawn.is-in .ru-dawn-sun{opacity:.9}
.ru-dusk-line{position:absolute;bottom:50%;left:0;right:0;height:1px;background:rgba(196,135,42,.25);z-index:2}
.ru-streetlamps{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,rgba(224,120,40,.05),transparent 12%),radial-gradient(circle at 90% 70%,rgba(224,120,40,.05),transparent 12%);opacity:.6;z-index:1}
.ru-night-list{list-style:none;display:flex;flex-direction:column;gap:2px;position:relative;z-index:2}
.ru-night-item a{display:flex;align-items:center;gap:20px;padding:22px 26px;background:rgba(242,237,227,.02);border:1px solid rgba(242,237,227,.06);border-radius:4px;text-decoration:none;transition:background .3s ease,border-color .3s ease,transform .3s var(--ease-spring)}
.ru-night-item a:hover{background:rgba(242,237,227,.05);border-color:rgba(196,135,42,.30);transform:translateX(4px)}
.ru-ni-rank{flex-shrink:0;font-family:var(--f-display);font-size:22px;color:rgba(242,237,227,.20);letter-spacing:-.5px}
.ru-ni-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ru-ni-tag{font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--verde2)}
.ru-ni-name{font-family:var(--f-display);font-size:18px;color:var(--parchment)}
.ru-ni-desc{font-family:var(--f-ui);font-size:12px;line-height:1.5;color:rgba(242,237,227,.50)}
.ru-ni-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ru-ni-price{font-family:var(--f-ui);font-size:11px;font-weight:700;color:var(--oro2)}
.ru-ni-vibe{font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(242,237,227,.35)}
.ru-ni-arrow{flex-shrink:0;font-size:15px;color:rgba(242,237,227,.25);transition:transform .3s ease}
.ru-night-item a:hover .ru-ni-arrow{transform:translateX(4px);color:var(--oro2)}
.ru-sos{padding:80px 0;background:#0A0808;position:relative}
.ru-sos-head{text-align:center;margin-bottom:40px;position:relative;z-index:2}
.ru-sos-stop{color:var(--rojo2);border-bottom-color:rgba(192,52,40,.35)}
.ru-sos-title{font-family:var(--f-display);font-size:clamp(24px,3.4vw,34px);color:var(--parchment)}
.ru-sos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px;margin:0 auto;position:relative;z-index:2}
.ru-sos-btn{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:26px 16px;background:rgba(192,52,40,.06);border:1px solid rgba(192,52,40,.25);border-radius:6px;text-decoration:none;color:var(--parchment);transition:background .3s ease,border-color .3s ease,transform .3s var(--ease-spring)}
.ru-sos-btn:hover{background:rgba(192,52,40,.14);border-color:rgba(192,52,40,.50);transform:translateY(-3px)}
.ru-sos-btn svg{color:var(--rojo2)}
.ru-sos-num{font-family:var(--f-display);font-size:24px;letter-spacing:-.5px}
.ru-sos-label{font-family:var(--f-ui);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.ru-sos-sub{font-family:var(--f-ui);font-size:9px;color:rgba(242,237,227,.45)}
.ru-cierre{padding:110px 0 130px;background:linear-gradient(180deg,#0A0908,#100C07);text-align:center}
.ru-cierre-wrap{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.ru-cierre-title{font-family:var(--f-display);font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--parchment);margin-bottom:18px}
.ru-cierre-title em{font-style:italic;color:var(--oro2)}
.ru-cierre-sub{font-family:var(--f-italic);font-style:italic;font-size:15px;line-height:1.6;color:rgba(242,237,227,.55);margin-bottom:36px}
.ru-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--oro),var(--oro2));color:#1A1410;font-family:var(--f-ui);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:18px 38px;border-radius:50px;text-decoration:none;transition:transform .3s var(--ease-spring),box-shadow .3s ease;box-shadow:0 10px 30px rgba(196,135,42,.30)}
.ru-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(196,135,42,.45)}
@media(max-width:900px){.ru-feature{flex-direction:column;text-align:center}.ru-feature-board{width:100%}.ru-sos-grid{grid-template-columns:1fr}.ru-step-pin{position:static;margin-bottom:12px}.ru-route{padding-left:0}.ru-route-track,.ru-route-pin{display:none}.ru-night-item a{flex-wrap:wrap}.ru-ni-meta{align-items:flex-start}}
.ru-directorio{width:100%;margin-top:28px;padding:24px 26px;background:rgba(242,237,227,.03);border:1px solid rgba(242,237,227,.10);border-radius:6px}
.ru-dir-label{display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(242,237,227,.35);margin-bottom:18px}
.ru-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px 24px}
.ru-dir-item{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(242,237,227,.07)}
.ru-dir-inst{font-family:var(--f-ui);font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--parchment)}
.ru-dir-addr{font-family:var(--f-ui);font-size:11px;color:rgba(242,237,227,.55)}
.ru-dir-note{font-family:var(--f-ui);font-size:10px;line-height:1.6;color:rgba(242,237,227,.35);margin-top:18px;padding-top:14px;border-top:1px dashed rgba(242,237,227,.10)}
.ru-directorio{width:100%;margin-top:28px;padding:24px 26px;background:rgba(242,237,227,.03);border:1px solid rgba(242,237,227,.10);border-radius:6px}
.ru-dir-label{display:block;font-family:var(--f-ui);font-size:8px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(242,237,227,.35);margin-bottom:18px}
.ru-dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px 24px}
.ru-dir-item{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(242,237,227,.07)}
.ru-dir-inst{font-family:var(--f-ui);font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--parchment)}
.ru-dir-addr{font-family:var(--f-ui);font-size:11px;color:rgba(242,237,227,.55)}
.ru-dir-note{font-family:var(--f-ui);font-size:10px;line-height:1.6;color:rgba(242,237,227,.35);margin-top:18px;padding-top:14px;border-top:1px dashed rgba(242,237,227,.10)}