@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&family=Outfit:wght@400;500;600;700&display=swap');
html[data-rolo-shell]{--rolo-accent:#365542;--rolo-soft:#e9efe5;--bg:#faf8f2!important;--cream:#faf8f2!important;--cream-2:#faf8f2!important;--paper:#fffdf8!important;--surface:#fffdf8!important;--surface-2:#f3f3eb!important;--surface-3:#e9ece2!important;--ink:#283128!important;--ink-2:#465343!important;--ink-3:#596453!important;--ink-4:#65705f!important;--line:#dddcd2!important;--line-2:#d3d7ca!important;--gold:var(--rolo-accent)!important;--gold-2:var(--rolo-accent)!important;--gold-deep:var(--rolo-accent)!important;--gold-soft:var(--rolo-soft)!important;--gold-line:#c9d2c2!important;--serif:'Cormorant Garamond',Georgia,serif!important;--sans:'Outfit',system-ui,sans-serif!important;--shadow:0 10px 28px rgba(40,49,40,.035)!important;--shadow-sm:none!important;--hero-ink:#283128!important;--hero-ink-2:#465343!important;--hero-gold:var(--rolo-accent)!important}
html[data-rolo-shell] body{background:var(--bg);font-family:var(--sans);color:var(--ink)}
html[data-rolo-shell] .top,html[data-rolo-shell] .panel-nav{background:#faf8f2;border-color:var(--line);box-shadow:none}
html[data-rolo-shell] .brand__word,html[data-rolo-shell] .nav-logo__word,html[data-rolo-shell] .logo-text__word{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);font:italic 600 32px var(--serif)}
html[data-rolo-shell] .brand__paw,html[data-rolo-shell] .nav-logo__paw,html[data-rolo-shell] .logo-text__paw{width:28px;height:25px;object-fit:contain}
html[data-rolo-shell] .wrap{max-width:1120px}
html[data-rolo-shell] .hero,html[data-rolo-shell] .banner{--hero-ink:#283128!important;--hero-ink-2:#465343!important;--hero-gold:var(--rolo-accent)!important;background:var(--rolo-soft);border:1px solid var(--line);border-radius:12px;box-shadow:none;color:var(--ink)}
html[data-rolo-shell] .hero h1{font-size:clamp(32px,5vw,48px);font-style:normal;font-weight:500;letter-spacing:-.025em}
html[data-rolo-shell] .hero .eyebrow,html[data-rolo-shell] .banner .eyebrow{color:var(--rolo-accent)}
html[data-rolo-shell] .hero .sub,html[data-rolo-shell] .banner p{color:var(--ink-2)}
html[data-rolo-shell] .banner h2{color:var(--ink);font-style:normal;font-weight:500}
html[data-rolo-shell] .banner::after{display:none}
html[data-rolo-shell] .banner-huella{filter:none;opacity:.1}
html[data-rolo-shell] .hero .paws{opacity:.12}
html[data-rolo-shell] .hero-actions .btn{background:var(--surface);border-color:var(--line-2);color:var(--ink)}
html[data-rolo-shell] .hero-actions .btn.gold,html[data-rolo-shell] .btn.gold,html[data-rolo-shell] .btn-primary,html[data-rolo-shell] .inv-btn--primary,html[data-rolo-shell] .track-ver{background:var(--rolo-accent);color:#fff;border-color:var(--rolo-accent);box-shadow:none}
html[data-rolo-shell] .btn,html[data-rolo-shell] .btn-primary,html[data-rolo-shell] .btn-google,html[data-rolo-shell] .inv-btn{border-radius:6px;min-height:42px;text-decoration:none}
html[data-rolo-shell] .tag.vip{background:var(--surface);color:var(--rolo-accent);border:1px solid var(--line-2)}
html[data-rolo-shell] .card,html[data-rolo-shell] .inv-card,html[data-rolo-shell] .track-card{border-radius:12px;box-shadow:none;border-color:var(--line)}
html[data-rolo-shell] .tabs{mask-image:none;-webkit-mask-image:none;scrollbar-width:thin;border-bottom:1px solid var(--line);padding-bottom:10px}
html[data-rolo-shell] .tab{font-weight:500;font-size:14px}
html[data-rolo-shell] .sec-h h2{font-weight:500;letter-spacing:-.02em;font-size:26px}
html[data-rolo-shell] .hint,html[data-rolo-shell] .muted{color:var(--ink-3)}
html[data-rolo-shell] .rolo-season-strip{max-width:1120px;margin:14px auto;display:flex;align-items:center;gap:10px;padding:0 20px;font-size:12px;color:var(--ink-2)}
.rolo-season-strip .season-pair{display:flex;align-items:end;gap:1px;flex:none}.rolo-season-strip img{width:23px;height:35px;object-fit:contain}.rolo-season-strip img+img{width:20px;height:30px}.rolo-season-strip .season-custom{width:72px;height:44px;object-fit:contain}.rolo-season-strip a{margin-left:auto;color:inherit;text-underline-offset:3px}
html[data-rolo-shell] button:focus-visible,html[data-rolo-shell] a:focus-visible,html[data-rolo-shell] input:focus-visible{outline:3px solid var(--rolo-accent);outline-offset:3px}
html[data-rolo-shell] [hidden]{display:none!important}
@media(max-width:600px){html[data-rolo-shell] .hero{padding:21px 18px}html[data-rolo-shell] .hero-actions{display:grid;grid-template-columns:1fr 1fr}html[data-rolo-shell] .hero-actions .btn{font-size:12px;text-align:center;justify-content:center;min-width:0;white-space:normal;padding:10px 8px}html[data-rolo-shell] .top .user{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-rolo-shell] .rolo-season-strip{padding:0 16px;margin:10px auto;font-size:11px}.rolo-season-strip a{max-width:100px;text-align:right}html[data-rolo-shell] .nav-titulo{display:none}}
@media(prefers-reduced-motion:reduce){html[data-rolo-shell] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
