/* Drakarianos · Carretera, mesa y aventuras. Responsive visual system v17. */
:root{--gold:#d0b17a;--ink:#f0ece5;--muted:#b4b1aa;--surface:#1a1a1b;--surface-raised:#222123;--line:#ffffff16;--wine:#863450;--radius:16px;--space:24px;color-scheme:dark}
body{background:#111112;color:var(--ink);font-size:15px;line-height:1.55}p{color:var(--muted)}a{color:var(--gold);text-underline-offset:4px}button,input,select,textarea{border-radius:9px}button{min-height:44px;background:var(--wine);transition:background .15s,color .15s}button:hover{background:#9b4160}button:disabled{cursor:not-allowed}button span{float:none}input,select,textarea{font-size:16px;background:#141415;border-color:#555157}textarea{resize:vertical;max-width:100%}label{margin-top:14px}small{color:var(--muted)}h2,h3,h4,h5{letter-spacing:-.025em}summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--gold)}summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e0c493;outline-offset:3px}img{max-width:100%}.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:#111;padding:12px;z-index:2000}.skip-link:focus{top:10px}
body>header{padding:20px 4%;min-height:66px;align-items:center;background:#111112}body>header a{font-size:14px;letter-spacing:3px}body>header span{font-size:9px}body.inside main{width:min(1280px,92%);margin:24px auto 48px}body.inside main>.card{padding:0;background:transparent;border:0}.member-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-topbar .eyebrow{margin:0;font-size:10px}#member #logout{margin:0;width:auto;padding:8px 12px;min-height:44px;color:#bbb3a4;background:transparent}body.inside #welcome{font-size:34px;margin:0 0 4px}body.inside .welcome-note{font-size:13px;margin:0 0 20px}body.inside:not([data-section=home]) #welcome{font-size:24px}body.inside:not([data-section=home]) .welcome-note{display:none}#section-title{font:500 13px Arial,sans-serif;color:var(--muted);letter-spacing:.02em;margin:20px 0 18px}#section-title:focus{outline:none}#portal-content{min-width:0}#records{gap:16px}#message:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(600px,90vw);padding:13px 20px;border:1px solid #d0b17a55;border-radius:12px;background:#302a24;color:#f5dfb4;z-index:1200;box-shadow:0 8px 36px #0008;white-space:pre-wrap}body:not(.inside) #message:not(:empty){position:static;transform:none;width:auto;max-width:100%}
#main-nav{display:flex;align-items:center;gap:6px;margin:20px 0 0;padding:6px;border:1px solid var(--line);border-radius:13px;background:#1a1a1b}#main-nav .nav-main,#nav-extras{display:flex;gap:4px}#main-nav button{display:flex;align-items:center;gap:8px;background:transparent;color:#b9b6af;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;min-height:44px;margin:0;white-space:nowrap}#main-nav button span{font-size:21px;line-height:1}#main-nav button:hover{background:#ffffff0b;color:white}#main-nav button[aria-current=page]{background:#863450;color:white}#main-nav #nav-more{display:none}#nav-extras{margin-left:auto}#main-nav #manage-invites{font-weight:400;color:#d0b17a}
.portal-nav:not(#main-nav){gap:6px;margin:18px 0;padding:0 0 12px;border-color:var(--line)}.portal-nav:not(#main-nav) button{min-height:44px;padding:10px 14px;background:#252326;color:#d4cfc7;border-radius:9px;font-size:13px}.portal-nav:not(#main-nav) button[aria-current=page],.portal-nav:not(#main-nav) button[aria-pressed=true]{background:var(--wine);color:white}.detail-back{width:auto!important;background:transparent!important;color:var(--gold);padding:8px 0;margin:0 0 12px;font-size:13px}.create-disclosure{margin-top:24px;padding:0 18px;border:1px dashed #d0b17a50;border-radius:12px;max-width:760px}.create-disclosure>summary{font-size:14px}.create-disclosure form{padding:4px 0 20px;margin:0!important;max-width:none!important}.create-disclosure h3{font-size:24px}.create-disclosure p{font-size:13px}#invitations{padding:24px;background:var(--surface);border-radius:var(--radius);margin:auto;max-width:600px}
/* Editorial overview, compact information, a single clear route into each record. */
.home-next{min-height:0;padding:32px;border-radius:20px;grid-template-columns:minmax(0,1fr) 190px;gap:24px;background:linear-gradient(90deg,#111113ef 5%,#16141699 65%,#15131680),url('assets/road.jpg') center 58%/cover;border:1px solid #d0b17a35}.home-next-copy{padding:0;max-width:690px}.home-next h3{font:13px Arial,sans-serif;color:var(--gold);letter-spacing:.02em;margin:0 0 12px}.home-next h4{font:normal clamp(32px,4vw,54px)/1.06 Georgia,serif;margin:14px 0 8px}.home-next .home-destination{font-size:18px;margin:8px 0}.home-dates{font-size:13px}.home-intro{display:none}.home-next .eyebrow{display:none}.home-facts{gap:28px;margin:18px 0}.home-facts small{border:0;padding:0;margin:0;font-size:11px}.home-facts strong{font-size:19px}.home-countdown{padding:16px;border:0;background:#11111380;border-radius:15px;align-self:center;min-width:0}.home-countdown strong{font-size:64px;line-height:1.1}.home-countdown small{margin:0;padding:0;border:0;font-size:9px}.home-countdown span{font-size:12px}.home-next button{width:auto;margin-top:0;padding:12px 20px}.home-attendance{font-size:12px;margin-bottom:0}.home-selection-heading{margin:28px 0 16px;gap:12px}.home-selection-heading h3{font-size:27px;margin:4px 0}.home-selection-heading .eyebrow{font-size:9px}.home-selection-heading button{background:transparent;color:var(--gold);font-size:12px;padding:8px}.home-stories{gap:16px}.home-feature{padding:22px;border-radius:14px;background:var(--surface);border:1px solid var(--line);min-height:0}.home-feature h4{font-size:26px;margin:10px 0}.home-feature p{font-size:13px}.home-feature small{padding:10px 0 0;margin-top:8px;font-size:11px}.home-feature button{margin-top:14px;min-height:44px;background:#ffffff08;color:var(--gold);font-size:13px}.home-family{margin-top:24px;padding:16px 0;border-color:var(--line)}.home-family p{font-size:13px}.home-family button{font-size:12px}
.catalog-intro{margin:0 0 22px;padding:0;background:none;border:0}.catalog-intro h3{font-size:32px;max-width:700px;margin:6px 0}.catalog-intro>p:not(.eyebrow){font-size:13px;max-width:620px}.catalog-intro button{font-size:13px;margin-top:8px;min-height:44px}.catalog-hero{min-height:250px;border-radius:18px;margin:0 0 24px;background:linear-gradient(90deg,#171318ef,#17131844),url('assets/road.jpg') center 55%/cover}.catalog-hero-copy{padding:28px;max-width:750px}.catalog-hero h4{font-size:44px;margin:10px 0}.catalog-hero p{margin:8px 0;font-size:14px}.catalog-hero .eyebrow{font-size:9px}.catalog-hero button{margin-top:12px}.catalog-toolbar{gap:16px;align-items:end}.catalog-tabs{gap:4px}.catalog-tabs button{min-height:44px;font-size:12px;padding:9px 13px;border-radius:9px}.catalog-toolbar label{font-size:12px}.catalog-section{margin-top:24px}.catalog-section>h4{font-size:25px;margin:0 0 4px}.catalog-section>p{font-size:13px;margin:4px 0 16px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.catalog-card{padding:22px;background:linear-gradient(145deg,#262126,#19191b);border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden}.catalog-card.ideas{background:linear-gradient(145deg,#29261f,#1b1a18)}.catalog-card-top{align-items:start}.catalog-date{background:#ffffff08;border-radius:10px;min-width:60px;padding:8px 12px}.catalog-date strong{font-size:26px}.catalog-date span{font-size:10px}.catalog-card .status-pill{font-size:10px;margin:0}.catalog-card h5{font-size:29px;line-height:1.1;margin:7px 0 18px}.catalog-location{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:16px 0 0;color:var(--gold)}.catalog-facts{gap:12px 20px}.catalog-facts dt{font-size:10px}.catalog-facts dd{font-size:14px;margin:3px 0}.catalog-card-actions{gap:6px;margin-top:16px}.catalog-card-actions button{font-size:12px;padding:10px 14px;min-height:44px;margin:0}.catalog-stage-count{font-size:11px}.status-pill{padding:3px 9px;font-size:11px;border-color:#d0b17a40;background:#d0b17a08}
/* Trip workspace: metadata does not push the itinerary below multiple screens. */
.trip-hero{padding:24px 28px;background:linear-gradient(115deg,#31202a,#1c1b1e);border:1px solid #ffffff17;border-radius:16px;margin-bottom:12px}.trip-hero h3{font-size:36px;line-height:1.12;margin:12px 0 8px}.trip-hero .eyebrow{font-size:9px}.trip-hero .status-pill{margin:0}.trip-hero p{font-size:13px}.trip-about{margin:0 0 16px;border-bottom:1px solid var(--line);padding:0 4px}.trip-about summary{font-size:13px}.trip-about p{font-size:14px;max-width:900px}.garage-summary{gap:8px;margin:14px 0}.garage-summary .record{border:0;border-left:2px solid #d0b17a40;border-radius:0;padding:8px 16px;background:transparent}.garage-summary .record h4{font:11px Arial,sans-serif;color:var(--muted);margin:0 0 6px}.garage-summary .record p{font:24px Georgia,serif;color:var(--ink)}.trip-view-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;overscroll-behavior-x:contain}.trip-view-tabs button{flex-shrink:0}.section-heading{margin:20px 0 14px}.section-heading h3{font-size:28px;margin:4px 0}.section-heading>p:not(.eyebrow){font-size:13px;margin:8px 0}.section-heading .eyebrow{font-size:9px}.route-tools{gap:12px;margin-bottom:16px}.route-tools label{font-size:12px;margin:0}.route-layout{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.route-map{height:420px;border-radius:14px;border:1px solid var(--line)}.route-map-side{min-width:0;align-self:start}.route-map-caption,.route-map-info{font-size:11px;line-height:1.6}.route-selection{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:14px}.route-selection h4{font-size:25px}.route-selection p{font-size:13px}.route-selection a{display:block;font-size:13px;padding:8px 0}.stage-fold{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin-bottom:10px;overflow:hidden}.stage-summary{display:flex;gap:12px;align-items:center;padding:16px;list-style:none}.stage-summary::-webkit-details-marker{display:none}.stage-summary:after{content:'+';font-size:23px;color:var(--gold);margin-left:auto}.stage-fold[open]>.stage-summary:after{content:'−'}.stage-number{font:22px Georgia,serif;color:#c2a578;border-right:1px solid #d0b17a30;padding-right:12px}.stage-caption{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.stage-caption strong{font-size:16px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}.stage-caption .eyebrow{font-size:9px}.stage-endpoints{font-size:11px;color:var(--muted)}.stage-distance{font-size:11px;color:var(--gold);white-space:nowrap}.route-stage{border:0!important;background:transparent!important;padding:0 16px 16px!important;margin:0!important;border-radius:0}.route-stage-metrics{font-size:12px;line-height:1.7;padding:10px 0;border-top:1px solid var(--line);margin-top:0}.route-stage>button{background:#ffffff08;font-size:12px;width:auto;min-height:44px;margin:4px 0}.route-stage>a{display:inline-block;font-size:12px;padding:12px 0}.route-subtle{font-size:11px}.stage-notes{margin:0 0 8px;border-bottom:1px solid var(--line)}.stage-notes summary{font-size:12px}.stage-notes p{font-size:13px}.route-stop{padding:14px 0 14px 14px;border:0;border-left:2px solid #86345060;border-radius:0;background:transparent;margin:12px 0}.route-stop-title{font-size:15px!important;min-height:44px;margin:0!important;padding:4px 0!important;line-height:1.4}.route-stop p{font-size:12px;margin:5px 0}.route-category{font-size:10px}.route-order{gap:6px}.route-order button{min-height:44px;font-size:11px;padding:8px 10px;background:#ffffff08}.route-drag{font-size:11px}.route-editor,.travel-editor{border-color:var(--line);padding-top:2px;margin-top:8px}.route-editor>summary,.travel-editor>summary{font-size:12px}.route-form,.travel-form,.garage-form{gap:12px 18px;max-width:850px}.route-form label,.travel-form label,.garage-form label{font-size:12px;margin-top:4px}.route-form button,.travel-form button,.garage-form button{margin-top:12px;width:auto}.detail-panel{padding:22px;margin:18px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px}.detail-panel h3{font-size:27px}.detail-panel p{font-size:13px}.detail-facts{gap:14px 22px}.detail-facts dt{font-size:11px}.detail-facts dd{font-size:15px}.garage-item{padding:12px 16px;border-color:var(--line);background:#1a1a1b;margin:12px 0}.garage-item summary{font-size:14px}.garage-upload{padding:16px;margin:14px 0;border-color:var(--line);background:#151516}.garage-upload small{padding-top:8px}.garage-hero{padding:28px;background:linear-gradient(120deg,#2a242a,#181819);border-color:var(--line);border-radius:16px}.garage-hero h3{font-size:38px}.garage-hero.with-cover{min-height:280px}.bike-cover{background:#121213}.garage-files{gap:14px}.garage-files .record,#records>.record{padding:20px!important;background:var(--surface);border:1px solid var(--line);border-radius:14px}.record h4{font-size:25px}.record p{font-size:13px!important;line-height:1.6!important}.record button{background:#ffffff08;margin-top:14px}.members-grid{gap:16px}.member-card{padding:22px;background:var(--surface);border-color:var(--line);border-radius:14px}.member-card h3{font-size:26px}.member-card p{font-size:13px}.member-avatar{width:76px;height:76px}.member-card button{margin-top:14px;min-height:44px}.member-profile-hero{padding:22px;background:var(--surface);border-color:var(--line);border-radius:14px}.member-profile-hero h3{font-size:32px}
/* Places: useful cover identity without pretending to have a photograph of a business. */
.places-hero{padding:24px;border-radius:16px;background:linear-gradient(115deg,#2c2229,#1b1b1d);border:1px solid var(--line)}.places-hero h3{font-size:33px;margin:8px 0}.places-hero>p:not(.eyebrow){font-size:13px;max-width:700px}.places-discovery{gap:12px;margin-top:16px}.places-discovery label{font-size:12px}.places-discovery button{font-size:12px;min-height:47px;margin:0}.places-discovery small{font-size:10px;padding:0;margin:0;border:0}.places-add{margin:14px 0}.places-add summary{font-size:14px}.places-filters{gap:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.places-filters label{font-size:11px;margin:0}.places-count{font-size:12px;margin:16px 0}.places-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px;align-items:start}.place-card{position:relative;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;min-width:0}.place-symbol{position:absolute;right:18px;top:18px;width:44px;height:44px;display:grid;place-items:center;font-size:27px;color:var(--gold);border-radius:12px;background:#d0b17a0c}.place-card>.eyebrow{font-size:9px;margin:0 58px 10px 0}.place-card h4{font-size:26px;line-height:1.13;margin:0 45px 10px 0;overflow-wrap:anywhere}.place-address{font-size:12px;line-height:1.5;margin:8px 0}.place-cuisine,.place-price{font-size:12px}.place-google-link{font-size:12px;display:inline-flex;align-items:center;min-height:44px;margin:2px 8px 0 0}.place-card>button{display:inline-block;width:auto;font-size:12px;min-height:44px;padding:9px 12px;margin:4px 0 10px;background:#ffffff08;color:var(--gold)}.place-notes,.place-personal,.place-recommendations p{font-size:12px;line-height:1.6;white-space:pre-wrap}.place-ratings{gap:5px;margin:14px 0}.place-ratings>div{padding:8px;background:#ffffff04;border:0;border-radius:8px}.place-ratings small{font-size:9px;margin:0;padding:0;border:0}.place-ratings strong{font-size:16px}.load-more{grid-column:1/-1;width:auto;justify-self:center;min-height:44px;margin:12px 0;background:#ffffff08;color:var(--gold);font-size:13px}.travel-form input[type=checkbox]{min-height:22px;width:22px}.travel-editor .travel-form{padding:12px 0}.travel-editor small{padding-top:10px;margin-top:8px;font-size:11px}
@media(min-width:1000px){.route-map-side{position:sticky;top:16px}.route-form,.travel-form,.garage-form{grid-template-columns:repeat(2,minmax(0,1fr))}.route-form>label,.travel-form>label,.garage-form>label{grid-column:auto}.route-form>label:has(textarea),.travel-form>label:has(textarea),.garage-form>label:has(textarea){grid-column:1/-1}}
@media(max-width:900px){#main-nav button{padding:10px 11px}.route-layout{grid-template-columns:minmax(0,1fr)}.home-next{grid-template-columns:minmax(0,1fr) 140px}.home-countdown strong{font-size:50px}.catalog-toolbar{display:block}.catalog-tabs{margin-bottom:12px}.places-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.places-filters>label:first-child{grid-column:1/-1}}
@media(max-width:800px){body.inside{padding-bottom:84px}body>header{padding:14px 18px;min-height:56px;justify-content:space-between}body>header a{font-size:12px;letter-spacing:2.5px}body.inside main{width:auto;margin:12px 16px 28px}body.inside main>.card{padding:0}body.inside #welcome{font-size:29px}.member-topbar .eyebrow{font-size:8px;letter-spacing:1px}#member #logout{font-size:11px;padding:8px 0}.welcome-note{font-size:12px!important;margin-bottom:12px!important}#section-title{font-size:11px;margin:14px 0}#main-nav{position:fixed;bottom:0;left:0;right:0;z-index:1100;margin:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-radius:0;border:0;border-top:1px solid #d0b17a30;background:#181719f5;backdrop-filter:blur(16px);display:block}#main-nav .nav-main{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}#main-nav .nav-main button{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:5px 2px;font-size:10px;border-radius:10px}#main-nav .nav-main button span{font-size:24px;line-height:24px}#main-nav #nav-more{display:flex}#main-nav #nav-extras{display:none;position:absolute;bottom:calc(100% + 8px);right:12px;min-width:210px;padding:8px;border-radius:14px;border:1px solid #d0b17a35;background:#262126;box-shadow:0 15px 55px #0009}#main-nav.more-open #nav-extras{display:flex;flex-direction:column}#main-nav #nav-extras button{width:100%;font-size:14px;min-height:48px}#message:not(:empty){bottom:calc(82px + env(safe-area-inset-bottom));font-size:12px;padding:12px 16px}.trip-view-tabs{margin-top:16px!important;gap:4px!important}.trip-view-tabs button{font-size:12px!important;padding:10px 12px!important}.home-next{padding:22px;grid-template-columns:minmax(0,1fr);position:relative;gap:14px;border-radius:16px}.home-next h4{font-size:36px;padding-right:0}.home-next h3{font-size:11px}.home-countdown{display:flex;align-items:baseline;gap:7px;padding:8px 12px;border-radius:8px;justify-self:start;order:-1}.home-countdown small{display:none}.home-countdown strong{font:20px Georgia,serif}.home-countdown span{font-size:11px}.home-next .home-destination{font-size:15px}.home-next .home-dates{font-size:12px}.home-facts{gap:16px;display:grid;grid-template-columns:1fr 1fr}.home-facts strong{font-size:17px}.home-facts small{font-size:10px}.home-next button{width:100%;font-size:13px}.home-selection-heading h3{font-size:24px}.home-selection-heading .eyebrow{font-size:8px}.home-selection-heading button{font-size:11px;max-width:95px;line-height:1.4}.home-stories{grid-template-columns:1fr}.home-feature{padding:20px}.home-feature h4{font-size:25px}.home-family{flex-direction:column;gap:8px}.home-family p{margin:0}.catalog-intro h3{font-size:29px}.catalog-intro .eyebrow{font-size:8px}.catalog-hero{min-height:0}.catalog-hero-copy{padding:22px}.catalog-hero h4{font-size:34px}.catalog-hero button{font-size:13px}.catalog-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap}.catalog-tabs button{flex-shrink:0;font-size:11px;padding:8px 12px}.catalog-grid{grid-template-columns:1fr}.catalog-card{padding:20px}.catalog-card h5{font-size:29px}.catalog-facts{grid-template-columns:1fr 1fr}.trip-hero{padding:20px}.trip-hero h3{font-size:30px}.trip-hero>.eyebrow{font-size:8px}.garage-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 4px}.garage-summary .record{padding:6px 10px}.garage-summary .record h4{font-size:10px}.garage-summary .record p{font-size:22px}.section-heading{margin:20px 0 14px}.section-heading h3{font-size:26px}.section-heading>p:not(.eyebrow){font-size:12px}.route-tools{grid-template-columns:1fr 1fr;gap:10px}.route-tools label:first-child{grid-column:1/-1}.route-tools select{font-size:14px}.route-mobile-switch{display:flex;gap:4px;align-items:end}.route-mobile-switch button{font-size:12px;min-height:46px;padding:8px 12px;margin:0}.route-layout[data-view=list] .route-map-side{display:none}.route-layout[data-view=map] .route-list{display:none}.route-map{height:320px}.route-map-side{position:static}.stage-summary{padding:14px 12px;gap:10px}.stage-number{font-size:20px;padding-right:10px}.stage-caption strong{font-size:15px}.stage-distance{font-size:10px}.stage-endpoints{font-size:10px}.route-stage{padding:0 12px 12px!important}.route-form,.travel-form,.garage-form{grid-template-columns:1fr}.route-form>*,.travel-form>*,.garage-form>*{min-width:0;max-width:100%}.route-drag{display:none}.detail-panel{padding:18px}.detail-panel h3{font-size:25px}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-facts dd{font-size:14px}.garage-hero{padding:20px}.garage-hero h3{font-size:32px;max-width:none}.garage-hero.with-cover{padding:20px;min-height:0}.bike-cover{position:static;width:100%;height:210px;border:0;margin-top:14px;border-radius:10px}.garage-item{padding:8px 14px}.garage-item summary{font-size:13px}.members-grid{grid-template-columns:1fr}.member-card{padding:18px}.member-profile-hero{padding:18px;gap:16px}.member-profile-hero h3{font-size:28px}.member-avatar{width:64px;height:64px}.places-hero{padding:20px}.places-hero h3{font-size:29px}.places-hero .eyebrow{font-size:8px}.places-discovery{display:grid;grid-template-columns:1fr}.places-discovery button{width:100%}.places-grid{grid-template-columns:1fr}.place-card{padding:18px}.place-card h4{font-size:27px}.place-card .travel-form{max-width:100%}.create-disclosure{margin-top:18px}.quick-actions button{font-size:12px;min-height:44px}footer{font-size:13px;padding:18px 24px}input,select,textarea{max-width:100%}table{font-size:12px}.travel-table-wrap{max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Explicit layout resets for the original component styles. */
.home-next{display:grid}.catalog-hero{padding:0}.home-countdown{margin:0}.place-card .place-price{font:16px Georgia,serif}.place-card .place-address,.place-card .place-cuisine{font-size:12px}.garage-form>label{grid-column:1/-1}.catalog-date{flex-direction:column;gap:3px}.home-selection-heading{flex-direction:row}.home-next .home-facts small{font-size:10px}.home-next .home-facts strong{font-size:18px}
@media(max-width:800px){.home-countdown{flex-direction:row;align-items:baseline;margin:0;border:0}.home-next{align-items:start}.catalog-facts{padding:14px 0}.home-next h4{margin:12px 0}.home-next-copy .status-pill{margin-top:0}.catalog-intro{gap:8px}.home-next .home-facts{margin:14px 0}.home-selection-heading{align-items:center}}
#records .garage-summary .record{padding:8px 12px!important;border-radius:0!important;background:transparent!important;border:0!important;border-left:2px solid #d0b17a40!important}#records .garage-summary .record p{font:22px/1.2 Georgia,serif!important}.stop-organize>summary{font-size:11px}.stop-organize{margin-top:8px}.stage-caption .stage-endpoints{overflow-wrap:anywhere}.route-tools select{width:100%}
@media(max-width:800px){body.inside:not([data-section=home]) #welcome{display:none}.catalog-intro>p:not(.eyebrow){display:none}.catalog-intro h3{font-size:27px}.catalog-intro button{font-size:12px}.garage-summary .record{min-height:54px}.trip-hero .trip-dates{font-size:12px}.trip-about{margin-bottom:8px}.trip-hero{margin-bottom:4px}.trip-about summary{min-height:40px}.home-next{background-position:center}.route-stop .route-order{margin-top:4px}}
.places-discover-fold{margin-top:10px;border-top:1px solid var(--line)}.places-discover-fold>summary{font-size:12px}.places-discovery{margin-top:8px}.places-discover-fold[open]{padding-bottom:4px}@media(max-width:800px){.places-hero>p:not(.eyebrow){display:none}.places-hero h3{font-size:27px}.places-hero{padding:18px}.places-add{margin:8px 0}.places-filters{margin-top:14px}.places-hero>.eyebrow{margin-top:0}}
.place-card>.travel-editor{margin-top:8px}.place-card>.travel-editor>summary{font-size:12px}.place-card .travel-editor .travel-editor{margin-top:10px}.place-card .place-symbol{font-family:Georgia,serif}.place-card .place-notes{font-size:12px}.place-card .travel-editor small{margin:10px 0;padding:10px 0 0}
.garage-hero+.portal-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.garage-hero+.portal-nav button{flex-shrink:0;white-space:nowrap}@media(max-width:800px){.garage-hero{min-height:0}.garage-hero>p{font-size:13px}.garage-hero>.eyebrow{font-size:9px}.garage-hero h3{margin:10px 0}.member-card .member-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
.travel-card{padding:18px;margin:12px 0;border:1px solid var(--line);background:#1a1a1c;border-radius:12px}.travel-card h4{font-size:25px;margin:8px 0}.travel-card p{font-size:13px;line-height:1.6;margin:8px 0}.travel-card>.eyebrow{font-size:9px;color:var(--gold)}.travel-card>button{width:auto;font-size:12px;margin:8px 8px 0 0;padding:9px 14px}.travel-files{margin-top:16px}.travel-files h4{font-size:22px}.travel-file{padding:12px;border-color:var(--line);margin:10px 0}.travel-card a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.card-expand>summary{font-size:12px}.travel-card .task-check{margin:0;min-height:44px;font-size:14px}.travel-card .task-check input{min-height:22px}.travel-card>small{padding:0;border:0}.workspace-jump{margin:16px 0}.workspace-jump button{font-size:12px}.trip-sites,.trip-reservations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.trip-sites>h3,.trip-sites>p,.trip-sites>.travel-editor,.trip-reservations>h3,.trip-reservations>p,.trip-reservations>.travel-editor{grid-column:1/-1;margin:0}.trip-sites>.travel-card,.trip-reservations>.travel-card{margin:0}.trip-sites>h3,.trip-reservations>h3{font-size:27px}.trip-sites,.trip-reservations{scroll-margin-top:16px}.trip-sites .travel-card .travel-editor,.trip-reservations .travel-card .travel-editor{margin-top:8px}.travel-form{margin-top:12px}.travel-form textarea{background:#141415;border-color:#555157;border-radius:9px}
@media(max-width:800px){.trip-sites,.trip-reservations{grid-template-columns:1fr;padding:0;background:none;border:0}.travel-card{padding:16px}.travel-card h4{font-size:25px}.travel-card p{font-size:12px}.travel-files h4{font-size:21px}.travel-editor summary{font-size:12px}.task-check{font-size:13px}.trip-sites>p,.trip-reservations>p{font-size:12px}}
body:not(.inside) .skip-link{display:none}.place-card .travel-form select{min-width:0}.stage-summary:focus-visible{outline-offset:-3px}#main-nav button[aria-current=page] span{color:#f4dbb3}
.travel-form,.route-form{display:grid}@media(min-width:901px){.place-card:has(>.travel-editor[open]){grid-column:span 2}.place-card:has(>.travel-editor[open]) .travel-form{grid-template-columns:repeat(2,minmax(0,1fr))}.place-card .travel-form>label:has(textarea),.place-card .travel-form>label:has(input[type=checkbox]){grid-column:1/-1}}
/* Places map: same collection, same filters, category-specific pictograms. */
.place-symbol svg{width:27px;height:27px}.places-view-switch{display:flex;gap:5px;margin:12px 0 16px}.places-view-switch button{width:auto;margin:0;min-height:44px;padding:10px 22px;background:#252326;font-size:13px}.places-view-switch button[aria-pressed=true]{background:var(--wine)}.places-map-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.places-map-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:10px}.places-map-bar p{font-size:12px;margin:0}.places-map-bar button{width:auto;margin:0;font-size:12px;min-height:44px;background:#ffffff08}.places-map-canvas{height:clamp(360px,65vh,650px);width:100%;z-index:0}.places-map-legend{display:flex;flex-wrap:wrap;gap:12px 20px;padding:14px 18px}.places-map-legend span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#ddd2bf}.places-map-legend svg{width:20px;height:20px}.place-map-pin{background:transparent;border:0}.place-map-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px 13px 13px 3px;transform:rotate(-4deg);background:#87364f;color:#fff5df;border:2px solid #f2e4cb;box-shadow:0 3px 10px #0006;position:relative}.place-map-symbol svg{width:25px;height:25px}.place-map-symbol[data-kind=alojamiento]{background:#555587}.place-map-symbol[data-kind=gasolinera]{background:#3a6c6b}.place-map-symbol[data-kind=mirador]{background:#4d7144}.place-map-symbol[data-kind=visita]{background:#94642a}.place-map-symbol[data-kind=encuentro]{background:#375f91}.place-map-symbol[data-kind=otro]{background:#555}.place-map-symbol b{position:absolute;right:-7px;top:-9px;border-radius:20px;background:#111;color:white;padding:2px 5px;font:11px Arial;border:1px solid white}.places-map-pending{padding:8px 18px;border-top:1px solid var(--line)}.places-map-pending summary{font-size:12px}.places-map-pending p{font-size:12px}.places-map-pending button{width:auto;display:inline-block;margin:5px 8px 10px 0;padding:10px 12px;min-height:44px;background:#ffffff08;font-size:12px}.place-map-popup{font:13px/1.5 Arial;color:#29252b;max-height:300px;overflow-y:auto}.place-map-popup section+section{border-top:1px solid #ccc;margin-top:12px;padding-top:12px}.place-map-popup h4{font:24px/1.1 Georgia;color:#231c21;margin:8px 0}.place-map-popup small{font-size:10px;margin:0;padding:0;border:0;color:#714a42}.place-map-popup p{color:#555;font-size:12px;margin:8px 0!important}.place-map-popup button{width:auto;margin:8px 8px 0 0;padding:10px 13px;min-height:44px;font-size:12px}.place-map-popup a{color:#6d3047;display:inline-flex;align-items:center;min-height:44px;font-size:12px}.map-warning{padding:0 18px;font-size:12px}.place-card{scroll-margin-top:20px}.place-map-pin:focus-visible{outline:3px solid #111;outline-offset:5px}
@media(max-width:800px){.places-map-canvas{height:440px;max-height:65vh;min-height:300px}.places-map-bar{padding:8px 12px}.places-map-bar button{font-size:11px;padding:8px 10px}.places-map-legend{gap:10px 14px;padding:12px}.places-map-legend span{font-size:10px}.places-view-switch button{flex:1}.place-map-popup{max-height:230px}}
#records.garage-catalog{display:block}.garage-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px}.garage-catalog-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.garage-catalog-photo{position:relative;height:220px;background:linear-gradient(135deg,#262228,#111);display:grid;place-items:center}.garage-catalog-photo .bike-cover{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;object-fit:contain;background:#141415}.garage-photo-placeholder{font-size:12px;color:#b9ab95}.garage-catalog-photo.with-cover .garage-photo-placeholder{display:none}.garage-catalog-copy{padding:20px}.garage-catalog-copy h4{font:28px/1.15 Georgia;color:var(--ink);margin:8px 0}.garage-catalog-copy .eyebrow{font-size:10px;margin:0}.garage-catalog-copy small{padding-top:10px;font-size:11px}.garage-catalog-copy button{font-size:12px;margin-top:14px;min-height:44px}.garage-catalog-intro{font-size:13px;max-width:700px}.garage-catalog>h3{font-size:30px;margin:14px 0}.garage-catalog>button{width:auto;font-size:13px;margin:8px 0}.garage-catalog-tabs{margin-top:0!important}@media(max-width:800px){.garage-catalog-grid{grid-template-columns:1fr}.garage-catalog-photo{height:210px}.garage-catalog-copy{padding:18px}}
.fund-available{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #d0b17a44;background:linear-gradient(130deg,#35222c,#1d1c1f);border-radius:12px}.fund-available span{font-size:13px;color:var(--gold)}.fund-available strong{font:34px Georgia}.fund-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 20px}.fund-members p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.fund-members strong{color:var(--gold)}@media(max-width:800px){.fund-available{padding:16px}.fund-available strong{font-size:27px}.fund-members{grid-template-columns:1fr}}
.equipment-filters{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0 8px}.equipment-filters button{width:auto;margin:0;min-height:44px;padding:9px 14px;background:#29262b;font-size:12px}.equipment-filters button[aria-pressed=true]{background:var(--wine)}.equipment-total{font-size:12px!important;color:var(--gold)}.travel-card.task-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:8px 12px;margin:6px 0;border:0;border-bottom:1px solid var(--line);border-radius:5px;background:#ffffff03}.task-row>.task-check{grid-column:1;gap:10px}.task-row>.task-check:has(input:checked) span{text-decoration:line-through;color:#aaa}.task-row>small,.task-row>p{grid-column:1;font-size:11px;margin:0 0 3px 32px;padding:0}.task-row>.travel-editor{grid-column:2;grid-row:1/3;margin:0;border:0;padding:0}.task-row>.travel-editor>summary{font-size:11px;min-height:44px}.task-row>.travel-editor[open]{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--line);padding-top:8px}.task-row>.travel-editor>button{width:auto;min-height:44px;margin:10px 0;font-size:12px;background:#ffffff08}.task-row .travel-form{margin:8px 0}.task-row input[type=checkbox]{cursor:pointer}.equipment-rows{margin:8px 0}

.equipment-suggestion{padding:14px 0;border-bottom:1px solid var(--line)}.equipment-suggestion>strong{display:block;font-size:15px}.equipment-suggestion>small{display:block;font-size:11px;color:var(--gold);padding:5px 0;border:0}.equipment-suggestion>p{font-size:13px;margin:5px 0;white-space:pre-wrap}.equipment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.equipment-actions button{width:auto;font-size:12px;min-height:44px;margin:4px 0;padding:8px 12px}.equipment-actions span{font-size:12px}.equipment-actions summary{font-size:11px;min-height:44px}.equipment-notice{display:block;width:100%;text-align:left;background:#79314933;border:1px solid #c3985855;padding:12px 16px;border-radius:10px;font-size:13px;color:var(--gold);margin:12px 0}

.money-workspace{display:block}.money-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.money-heading h3{font:32px Georgia;margin:0}.money-actions{display:flex;gap:8px;flex-wrap:wrap}.money-actions button{width:auto;font-size:13px;margin:0}.money-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px}.money-tabs button{background:transparent;border-radius:0;border:0;border-bottom:2px solid transparent;color:var(--muted);width:auto;padding:12px 0;margin:0;font-size:14px}.money-tabs button[aria-pressed=true]{border-bottom-color:var(--gold);color:var(--gold)}.money-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.money-stats article{padding:18px;background:#1b1b1e;border-radius:12px}.money-stats article:last-child{background:#30232a}.money-stats small{display:block;font-size:12px;border:0;padding:0}.money-stats strong{display:block;font:32px Georgia;margin:8px 0}.money-stats span{font-size:11px;color:var(--gold)}.money-person{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.money-person>div:not(:first-child){text-align:right}.money-person small{display:block;font-size:11px;padding:0;border:0}.money-person strong{font-size:15px}.money-fold{border-top:1px solid var(--line);margin-top:16px}.money-fold>summary{min-height:44px;padding:12px 0;font-size:13px}.money-workspace .detail-panel{padding:0;border:0;background:transparent}.money-row{border-bottom:1px solid var(--line)}.money-row>summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 0;font-size:13px;list-style:none}.money-row>summary strong{flex:1;font-weight:500}.money-row>summary>span{font-size:12px}.money-row>.travel-card{margin:0 0 14px;padding:16px}.money-recent{margin-top:24px}.money-recent>button{display:block;width:100%;text-align:left;background:transparent;border-radius:0;border-bottom:1px solid var(--line);font-size:13px;margin:0;padding:14px 0}.money-checks,.money-form-extras{grid-column:1/-1;border:0;padding:0;margin:10px 0}.money-checks{display:flex;gap:8px;flex-wrap:wrap}.money-checks legend{font-size:13px;margin-bottom:8px}.money-checks label{display:flex;align-items:center;gap:8px;width:auto!important;padding:10px;background:#28242a;border-radius:8px}.money-checks input{width:18px;min-height:18px}.money-form-extras[open]{display:grid;gap:12px}.money-form-extras summary{font-size:13px}.money-workspace .travel-form>label[hidden]{display:none!important}.money-workspace [hidden]{display:none!important}@media(max-width:650px){.money-heading{display:block}.money-heading h3{font-size:28px}.money-actions{margin-top:14px}.money-actions button{flex:1;font-size:12px;padding:10px}.money-stats{gap:6px}.money-stats article{padding:12px 9px}.money-stats strong{font-size:25px}.money-person{grid-template-columns:repeat(3,1fr);gap:10px}.money-person>div:first-child{grid-column:1/-1}.money-person>div:not(:first-child){text-align:left}.money-row>summary{flex-wrap:wrap;gap:4px 10px}.money-row>summary strong{flex-basis:100%}.money-row>summary>span:last-child{margin-left:auto}}

.money-stats small,.money-stats span{padding:0;border:0;margin:0;line-height:1.45}.money-stats span{display:block}.money-actions button+button{background:#282429}.money-estimate{grid-column:1/-1;color:var(--gold);font-size:13px}

.route-importer{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin:20px 0}.route-importer>summary{color:var(--gold);min-height:44px}.route-importer textarea{width:100%;min-height:160px;font:13px/1.6 monospace;padding:14px;background:#141415;color:var(--ink);border:1px solid var(--line);border-radius:8px}.route-importer label{display:block;margin:14px 0}.route-importer input[type=file]{display:block;max-width:100%;margin:10px 0}.route-importer .quick-actions{display:flex;flex-wrap:wrap;gap:6px}.route-importer button{width:auto;font-size:13px}.route-importer .import-confirm{display:flex;align-items:center;gap:12px}.import-confirm input{width:20px;min-height:20px;flex-shrink:0}.import-feedback{color:var(--gold);white-space:pre-wrap}.import-preview li{font-size:13px;margin:8px 0}.import-stop{padding:10px 0;border-top:1px solid var(--line)}.import-stop p{font-size:12px;white-space:pre-wrap}.route-importer button:disabled{opacity:.45;cursor:default}.trip-sites-switch,.trip-sites-map{grid-column:1/-1}.trip-sites-switch{margin:6px 0!important}.trip-sites{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.trip-sites>.travel-card{padding:14px 16px}.trip-sites>.travel-card h4{font-size:23px;margin:6px 0}.trip-sites>.travel-card>p{font-size:12px;margin:5px 0}.trip-sites>.travel-card>.eyebrow{display:flex;gap:6px;align-items:center;font-size:10px}.trip-sites>.travel-card>.eyebrow svg{width:17px;height:17px}.trip-sites>.travel-card>p:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trip-sites>.travel-card>.card-expand{margin-top:4px}.trip-sites>.travel-card a{font-size:12px;min-height:38px}.trip-sites>.travel-card[hidden],.trip-sites-map[hidden]{display:none!important}@media(max-width:650px){.trip-sites{grid-template-columns:1fr}.trip-sites>.travel-card{padding:12px 14px}.trip-sites>.travel-card h4{font-size:22px}.route-importer{padding:12px}.route-importer .quick-actions button{width:100%}}

.trip-sites>.travel-card:has(.card-expand[open])>p{-webkit-line-clamp:unset;display:block}.trip-sites>.travel-card .eyebrow{display:flex!important}

/* v21 · Noche en la montaña: atmósfera en las cabeceras, precisión en los datos. */
body.inside{background:#0c0d0e;isolation:isolate}
body.inside::before{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b0c0d88 0%,#0c0d0ef0 65%,#0c0d0e 100%),linear-gradient(90deg,#100d12c9,#10121366),url('assets/road.jpg') center 24%/cover no-repeat}
body.inside>header{background:#0b0c0dbf;border-bottom:1px solid #d0b17a20;backdrop-filter:blur(12px)}
body.inside>header>a{display:flex;align-items:center;gap:12px;letter-spacing:4px}
body.inside>header>a:before{content:'';width:28px;height:32px;background:url('assets/dragon.png') center/contain no-repeat;flex-shrink:0}
body.inside main{margin-top:24px}
#main-nav{background:#191719db;border-color:#d0b17a24;box-shadow:0 12px 40px #0003}
#main-nav button[aria-current=page]{background:linear-gradient(135deg,#963e5b,#64243e);box-shadow:inset 0 1px #ffffff14,0 4px 14px #0003}
body.inside #welcome{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-1px}
.home-next,.catalog-hero,.trip-hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#0c0d0df5 0%,#0c0d0dac 44%,#0c0d0d22 78%),linear-gradient(0deg,#0c0d0df5,transparent 66%),url('assets/road.jpg');background-position:center,center,center 51%;background-size:cover;border:1px solid #d0b17a30;box-shadow:0 24px 70px #0005,inset 0 1px #eddbb712;border-radius:18px}
.home-next{padding:40px;gap:32px;min-height:355px}
.home-next h4{font-size:clamp(38px,4.7vw,66px);max-width:800px;line-height:1.04;text-wrap:balance;text-shadow:0 4px 28px #0008}
.home-next .home-destination{color:#e0c699;letter-spacing:.02em}
.home-next .home-countdown{background:#0b0c0d70;border:1px solid #d0b17a32;backdrop-filter:blur(8px);padding:22px 18px;border-radius:50% 50% 14px 14px;text-align:center}
.home-countdown strong{font-family:Georgia,serif;font-weight:400;color:#e5c996}
.home-next button,.catalog-hero button{background:linear-gradient(120deg,#913b57,#64223c);border:1px solid #df88a22b;box-shadow:0 8px 24px #0004}
.catalog-intro h3{font-size:clamp(30px,3.5vw,46px);font-weight:400;text-wrap:balance;max-width:740px}
.catalog-hero h4{font-size:clamp(34px,4.2vw,56px);line-height:1.04;text-wrap:balance}
.catalog-hero-copy{padding:34px}.catalog-hero{min-height:275px}
.catalog-card{background:radial-gradient(ellipse at 100% 0,#79394d24,transparent 68%),linear-gradient(145deg,#201b1eeb,#141416f5);border-color:#d0b17a29;box-shadow:0 10px 30px #0002}
.catalog-card.ideas{background:radial-gradient(ellipse at 100% 0,#9c7a3d22,transparent 68%),linear-gradient(145deg,#211f1aeb,#141416f5)}
.catalog-date{border:1px solid #d0b17a2b;background:#d0b17a0c}.catalog-card h5{font-weight:400}
.trip-hero{padding:30px 28px;background-position:center,center,center 44%}.trip-hero h3{font-size:clamp(32px,3.8vw,50px);font-weight:400;text-wrap:balance}
.places-hero,.garage-heading{position:relative;border:1px solid #d0b17a26;border-radius:16px;padding:28px 30px;margin:0 0 20px;background:linear-gradient(90deg,#0c0d0df5,#0c0d0dc9 55%,#0c0d0d55),linear-gradient(0deg,#0c0d0d,transparent),url('assets/road.jpg') center 60%/cover;overflow:hidden}
.places-hero h3,.garage-heading h3{font:400 clamp(30px,3.5vw,44px)/1.1 Georgia,serif;max-width:720px;margin:10px 0 12px;text-wrap:balance}
.places-hero>p:not(.eyebrow),.garage-heading>p:not(.eyebrow){max-width:620px;font-size:13px;color:#c7c1b8}
.garage-heading .eyebrow,.places-hero .eyebrow{font-size:9px;letter-spacing:2px;color:#d0b17a}
.garage-catalog-card,.home-feature{background:linear-gradient(155deg,#211e20,#161618);border-color:#d0b17a24;box-shadow:0 10px 30px #0002}
.garage-catalog-copy{padding:17px 20px}.garage-catalog-copy>p:not(.eyebrow){color:#d9c29d;font-size:13px;margin:8px 0 14px}.garage-catalog-copy h4{font-weight:400}
.home-family{border-top:1px solid #d0b17a30;padding:22px 0}.home-family p{font:italic 20px/1.4 Georgia,serif;color:#c5b794}
.travel-card,.detail-panel{border-color:#d0b17a20}.trip-sites>.travel-card{background:linear-gradient(135deg,#211c1ee8,#151517)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-card,.garage-catalog-card,.home-feature{transition:transform .2s,border-color .2s,box-shadow .2s}.catalog-card:hover,.garage-catalog-card:hover,.home-feature:hover{transform:translateY(-3px);border-color:#d0b17a60;box-shadow:0 16px 36px #0005}}
@media(max-width:650px){body.inside::before{background-position:center,center,65% top}body.inside>header>a{letter-spacing:3px;gap:8px}body.inside>header>a:before{width:22px;height:25px}.home-next{padding:24px 20px;min-height:0;gap:20px;background-position:center,center,62% center}.home-next h4{font-size:39px}.home-next .home-countdown{border-radius:12px;padding:12px;backdrop-filter:none;text-align:left}.catalog-hero-copy{padding:24px 20px}.catalog-hero{min-height:0}.catalog-intro h3{font-size:31px}.trip-hero{padding:22px 18px}.trip-hero h3{font-size:34px}.places-hero,.garage-heading{padding:22px 20px;margin-bottom:16px}.places-hero h3,.garage-heading h3{font-size:31px}.home-family p{font-size:18px}.garage-catalog-copy{padding:16px}.home-next,.catalog-hero,.trip-hero{box-shadow:0 12px 30px #0003}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.garage-heading{background:linear-gradient(90deg,#0c0d0d26,#0c0d0d05),url('assets/garage-night-v21.jpg') right center/cover;min-height:200px;display:flex;flex-direction:column;justify-content:center}.garage-heading h3,.garage-heading>p{max-width:52%}.garage-heading h3{font-size:clamp(28px,3.2vw,42px)}
.packing-panel{overflow:hidden;padding:0!important}.packing-panel>.packing-heading{display:block;min-height:170px;padding:24px 28px;margin:0 0 18px;background:linear-gradient(90deg,#0c0d0d22,#0c0d0d00),url('assets/helmet-night-v21.jpg') right center/cover;border-bottom:1px solid #d0b17a24}.packing-heading h3{font:400 36px/1.1 Georgia,serif;margin:10px 0}.packing-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#d0b17a}.packing-heading>p:not(.eyebrow){font-size:13px;max-width:48%}.packing-panel> :not(.packing-heading){margin-left:20px;margin-right:20px}.packing-panel> :last-child{margin-bottom:20px}
@media(max-width:650px){.garage-heading{min-height:195px;background-size:auto 100%;background-repeat:no-repeat;background-color:#090909;background-position:64% center}.garage-heading h3,.garage-heading>p{max-width:60%;text-shadow:0 2px 15px #000}.garage-heading h3{font-size:27px}.garage-heading>p:not(.eyebrow){font-size:12px}.garage-heading .eyebrow{font-size:8px;letter-spacing:1px}.packing-panel>.packing-heading{min-height:160px;padding:20px 16px;background-position:63% center;background-size:auto 100%;background-color:#090909;background-repeat:no-repeat}.packing-heading h3{font-size:30px;max-width:60%}.packing-heading>p:not(.eyebrow){max-width:55%;font-size:12px}.packing-panel> :not(.packing-heading){margin-left:14px;margin-right:14px}}

.google-maps-help{grid-column:1/-1;padding:0 16px 10px;border:1px solid #d0b17a30;border-radius:12px;background:#191719;margin:0 0 16px}.google-maps-help p,.google-maps-help li{font-size:13px;line-height:1.6;max-width:760px}.google-maps-help li{padding:5px 0}.google-maps-help a{display:inline-block;font-size:12px;padding:10px 0;margin-right:20px;min-height:44px}.google-maps-help .maps-help-note{color:#d9c29d}

/* v22 · Cabeceras temáticas con el mismo encuadre que Mi equipaje. */
.section-scene{--scene-image:url('assets/road.jpg');grid-column:1/-1;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:205px;padding:28px 30px;margin:0 0 18px;border:1px solid #d0b17a2d;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#0c0d0d20,#0c0d0d05),var(--scene-image) right center/cover no-repeat #0c0d0e;box-shadow:0 12px 35px #0003}
.section-scene>h3{font:400 clamp(30px,3.1vw,43px)/1.08 Georgia,serif;letter-spacing:-.025em;max-width:53%;margin:10px 0 12px;text-wrap:balance;color:#f3eee6;text-shadow:0 2px 16px #0008}
.section-scene>.eyebrow{font-size:9px;letter-spacing:2px;color:#d0b17a;margin:0;max-width:54%;line-height:1.6}
.section-scene>p:not(.eyebrow){font-size:13px;line-height:1.55;color:#c7c1b8;max-width:49%;margin:0;text-shadow:0 2px 12px #000}
.section-scene.scene-places{--scene-image:url('assets/places-night-v22.jpg')}.section-scene.scene-money{--scene-image:url('assets/money-night-v22.jpg')}.section-scene.scene-memories{--scene-image:url('assets/memories-night-v22.jpg')}.section-scene.scene-family{--scene-image:url('assets/family-night-v22.jpg')}
.section-scene.scene-road{background:linear-gradient(90deg,#0c0d0def 0%,#0c0d0d95 50%,#0c0d0d22),url('assets/road.jpg') center 52%/cover}
.scene-panel>.section-scene{margin:-20px -20px 18px;border-top:0;border-left:0;border-right:0;border-radius:14px 14px 0 0}
.trip-sites.scene-panel>.section-scene{margin:0;border-radius:13px;min-width:0;width:100%}
.places-hero.section-scene>.places-discover-fold{margin-top:16px;width:100%;max-width:650px;background:#0c0d0dcc;padding:0 12px;border-radius:9px}
.scene-profile{background:linear-gradient(90deg,#0c0d0ded,#0c0d0dba 55%,#0c0d0d44),url('assets/family-night-v22.jpg') right center/cover;border:1px solid #d0b17a2d;border-radius:16px;padding:24px}
#invitations>.section-scene{margin:-24px -24px 20px;min-height:210px;border-radius:16px 16px 0 0;box-shadow:none}
#invitations>.section-scene>h3{font-size:31px}
.money-workspace>.section-scene{margin-bottom:12px}.money-workspace>.money-actions{margin-bottom:10px;justify-content:flex-start}
.trip-hero.trip-context-compact{padding:12px 0;margin-bottom:6px;background:none;box-shadow:none;border:0;border-bottom:1px solid #d0b17a22;border-radius:0}.trip-hero.trip-context-compact>h3{font-size:25px;margin:4px 0}.trip-hero.trip-context-compact>.eyebrow{display:none}.trip-hero.trip-context-compact>p{font-size:12px;margin:4px 0}.trip-context-compact .status-pill{font-size:9px}
@media(max-width:650px){.section-scene{min-height:185px;padding:22px 17px;background-size:auto 100%;background-position:62% center;margin-bottom:14px}.section-scene>h3{font-size:30px;max-width:61%;line-height:1.06;margin:10px 0 12px}.section-scene>.eyebrow{font-size:8px;letter-spacing:1.4px;max-width:65%}.section-scene>p:not(.eyebrow){font-size:12px;max-width:58%;line-height:1.5}.section-scene.scene-family{background-image:linear-gradient(90deg,#0c0d0d40,#0c0d0d10),var(--scene-image)}.section-scene.scene-money{background-position:59% center}.section-scene.scene-memories{background-position:58% center}.section-scene.scene-places{background-position:61% center}.scene-panel>.section-scene{margin:-20px -20px 16px}.trip-sites.scene-panel>.section-scene{margin:0;min-height:190px}.places-hero.section-scene{padding-bottom:16px}.scene-profile{padding:18px}.trip-hero.trip-context-compact>h3{font-size:23px}#invitations>.section-scene{min-height:200px}.money-workspace>.section-scene>h3{font-size:29px}}

.trip-sites-hint{grid-column:1/-1;font-size:12px;margin:0}.scene-panel>.section-scene{border-bottom:1px solid #d0b17a24}

#records.trip-detail,#records.members-detail{display:block}#records.trip-detail>section{min-width:0;width:100%}

/* v23 · Superficies y controles compartidos: fotografía protagonista, datos compactos. */
:root{--panel-pad:20px;--panel-border:#d0b17a26;--panel-shadow:0 12px 32px #0003,inset 0 1px #e4cda00b;--focus-ring:#dfc18a}
#records.garage-detail{display:block}
#records.garage-detail>section{width:100%;min-width:0}
#records :is(section,article,form,nav,details),.detail-facts>div{min-width:0}
:is(.detail-panel,.travel-card,.place-card,.member-card,.garage-item,.stage-fold){border-color:var(--panel-border);box-shadow:var(--panel-shadow);background-color:#19181a}
.detail-panel{padding:var(--panel-pad);margin:16px 0;border-radius:16px}
.detail-panel>h3{font-weight:400;font-size:clamp(24px,2.3vw,30px);line-height:1.2;margin:0 0 12px}
.detail-panel>p{font-size:13px;line-height:1.6;color:#bdb7ae}
.detail-panel :is(.travel-card,.detail-panel,.garage-item){box-shadow:none;background-color:#ffffff03}
.scene-panel>.section-scene{margin:calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) 16px;border-radius:15px 15px 0 0}
.trip-sites.scene-panel>.section-scene{margin:0;border-radius:12px}
.trip-sites,.trip-reservations{gap:12px}
:is(.place-card,.travel-card,.member-card,.catalog-card){overflow-wrap:anywhere}
:is(.place-card,.travel-card,.member-card)>:last-child{margin-bottom:0}
:is(.place-card,.travel-card) h4{font-weight:400;line-height:1.2}
:is(.route-form,.travel-form,.garage-form){gap:14px 18px;align-items:start}
.garage-form>label{display:flex;flex-direction:column;gap:7px;grid-column:auto}
.garage-form>label:has(textarea){grid-column:1/-1}
.garage-form>label:has(input[type=checkbox]){flex-direction:row;align-items:center;grid-column:1/-1}
:is(.travel-form,.route-form,.garage-form)>button[type=submit]{justify-self:start;min-width:130px}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;border:1px solid #d0b17a36;border-radius:9px;background-color:#101012;color:#efebe4;padding:10px 12px;font-size:16px;box-shadow:inset 0 2px 5px #0002}
body textarea{min-height:100px;resize:vertical}
body input[type=checkbox]{accent-color:#cda96b;min-width:20px;min-height:20px}
body :is(button,a,summary,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
:is(.travel-editor,.route-editor,.garage-item)[open]{border-color:#d0b17a52}
:is(.travel-editor,.route-editor)>summary{color:#ddbf89;font-size:13px;line-height:1.45;padding:11px 0;min-height:44px}
:is(.travel-editor,.route-editor)[open]>summary{color:#f0d5a6}
.garage-item{border-radius:12px;padding:4px 16px}
.garage-item>summary{min-height:48px;padding:12px 0;color:#ddbf89}
.garage-item .garage-form{margin:4px 0 14px}
.garage-hero:not(.with-cover){background:linear-gradient(90deg,#0b0c0def,#0b0c0d80 65%,#0b0c0d20),url('assets/garage-night-v21.jpg') right center/cover;min-height:200px;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow)}
.garage-hero h3{font-weight:400;line-height:1.1;max-width:60%}
.garage-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}
.detail-facts{gap:12px 18px;margin:16px 0}
.detail-facts>div{padding:10px 12px;border-left:2px solid #d0b17a38;background:#d0b17a04;border-radius:0 7px 7px 0}
.detail-facts dt{font-size:11px;color:#bbb3a7}.detail-facts dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere}
.quick-actions{gap:8px;margin:14px 0 20px}
.portal-nav:not(#main-nav){align-items:center;gap:6px}
.portal-nav:not(#main-nav) button{border:1px solid transparent}
.portal-nav:not(#main-nav) button[aria-current=page],.portal-nav:not(#main-nav) button[aria-pressed=true]{background:linear-gradient(135deg,#8e3754,#60223b);border-color:#d8839c36;box-shadow:0 4px 14px #70213b26,inset 0 1px #fff1}
:is(.empty-hint,.empty-state){padding:18px 20px;border:1px dashed #d0b17a35;border-radius:12px;background:linear-gradient(120deg,#d0b17a08,#86345008);font-size:13px;color:#c3bbb0}
.money-workspace .detail-panel{padding:0;border:0;box-shadow:none;background:transparent}
.money-row>.travel-card{border:1px solid var(--panel-border);box-shadow:none}
.travel-card.task-row{box-shadow:none;border-radius:8px;background:#ffffff03;border-bottom-color:#d0b17a1d}
.task-row:has(input:checked){background:#d0b17a07}
.member-card{padding:18px;background:radial-gradient(ellipse at top right,#86345019,transparent 75%),#19181a}
.member-profile-hero{box-shadow:var(--panel-shadow)}
#invitations{border-color:var(--panel-border);box-shadow:var(--panel-shadow)}
@media(hover:hover){:is(.place-card,.member-card,.stage-fold):hover{border-color:#d0b17a52;box-shadow:0 10px 28px #86345012,inset 0 1px #d0b17a12}.travel-card.task-row:hover{background:#d0b17a08}summary:hover{color:#f1d9b0}}
@media(max-width:650px){:root{--panel-pad:16px}.detail-panel{margin:14px 0;border-radius:14px}.detail-panel>h3{font-size:25px}.scene-panel>.section-scene{border-radius:13px 13px 0 0}.trip-sites.scene-panel>.section-scene{margin:0}.garage-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-hero:not(.with-cover){min-height:175px;padding:20px 17px;background-position:63% center}.garage-hero h3{font-size:30px;max-width:64%}.garage-hero>p{max-width:65%}.garage-form{grid-template-columns:1fr}.garage-form>label{grid-column:1/-1}.detail-facts{gap:10px}.detail-facts>div{padding:8px 10px}.detail-facts dd{font-size:13px}.travel-card,.place-card{border-radius:12px}.member-card{padding:16px}.packing-panel{padding:0!important}.packing-panel>.packing-heading{margin-top:0}.money-workspace .detail-panel{padding:0}.empty-hint{padding:16px}.section-scene{box-shadow:0 8px 24px #0003}}
@media(max-width:360px){.section-scene>h3{font-size:27px}.section-scene>p:not(.eyebrow){max-width:63%;font-size:11px}.section-scene>.eyebrow{letter-spacing:1px}.detail-facts{grid-template-columns:1fr}.home-next h4{font-size:34px}.garage-hero h3{font-size:27px}.portal-nav:not(#main-nav) button{padding:10px 12px;font-size:12px}}

/* La llegada no bloquea las acciones ni espera a terminar una animación. */
@keyframes portal-arrive{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){#records>:is(section,article,div):not(.garage-summary),#invitations:not([hidden]){animation:portal-arrive .22s ease-out both}.portal-nav button,button,summary{transition:background-color .16s ease,border-color .16s ease,color .16s ease}.travel-editor[open]>.travel-form,.garage-item[open]>.garage-form{animation:portal-arrive .16s ease-out}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
.trip-view-tabs{scroll-margin-top:16px;scrollbar-width:thin;scrollbar-color:#ad895852 transparent}
.garage-detail>section>.garage-form{padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:14px;background:#19181ae8;box-shadow:var(--panel-shadow);margin:16px 0 24px}
.garage-upload{border-radius:12px}.detail-panel>.garage-upload{padding:0;border:0;margin:16px 0;max-width:850px}
.garage-form>label:has(input[type=file]){grid-column:1/-1}
input[type=file]::file-selector-button{border:1px solid #d0b17a40;border-radius:6px;padding:6px 10px;background:#29242a;color:#e6cfaa;margin-right:10px;font:inherit}
.money-stats article{border:1px solid #d0b17a1a;box-shadow:inset 0 1px #d0b17a08}.money-stats strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body[data-section=experiencias] #records>.record{border-color:var(--panel-border);border-radius:14px;background:linear-gradient(145deg,#241c21,#161618);box-shadow:var(--panel-shadow)}
body:not(.inside) .card{border-color:#d0b17a32;box-shadow:0 24px 70px #0005,inset 0 1px #e2c58b0f;border-radius:18px}
@media(max-width:360px){.money-stats{grid-template-columns:1fr}.money-stats article{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:10px 12px}.money-stats strong{grid-column:2;grid-row:1/3;margin:0;font-size:24px}.money-stats span{grid-column:1}.garage-detail>section>.garage-form{padding:14px}}

:where(body.inside) button{background-color:#29252b;color:#eee8df;border-radius:9px}
:where(body.inside) button[type=submit]{background:linear-gradient(125deg,#8e3754,#64223d);color:#fff}
.workspace-jump{display:flex;gap:8px;flex-wrap:nowrap}.workspace-jump>button{background:#262329;border:1px solid #d0b17a24;color:#dbc9ac;font-size:12px;min-height:44px;padding:10px 14px}
@media(max-width:650px){.workspace-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.workspace-jump>button{width:100%;grid-column:auto!important;padding:10px 5px;font-size:11px}}

.route-importer[open]{background:#19181af2;border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--panel-shadow);padding:4px 16px 18px}
.attendee-list li{background:linear-gradient(120deg,#d0b17a0a,#8634500d);border:1px solid #d0b17a20;border-radius:9px;padding:10px 14px}
.quick-actions>button{background-color:#28242b;border:1px solid #d0b17a20;color:#e1ceb0}
.workspace-jump>button{background:#262329}

body:not(.inside) .card{background:linear-gradient(145deg,#211c20,#151517)}

.catalog-card-actions .delete-proposal{background:transparent;border:1px solid #bc708952;color:#e3aabd}.catalog-card-actions .restore-proposal{border:1px solid #d0b17a55;background:#302932;color:#e7d0a6}.catalog-action-error{font-size:13px;color:#edbdc8}.catalog-card.trash{opacity:.85}

.profile-welcome{margin:16px 0;padding:18px 20px;border:1px solid #d0b17a30;border-radius:14px;background:linear-gradient(115deg,#38232caa,#201d21)}.profile-welcome h3{font:400 27px/1.2 Georgia,serif;margin:8px 0}.profile-welcome>p:not(.eyebrow){font-size:13px;color:#c7bfb5}.profile-progress{display:flex;gap:8px;flex-wrap:wrap}.profile-progress span{padding:7px 11px;font-size:12px;border:1px solid #d0b17a22;border-radius:20px}.profile-progress .complete{color:#e1c38c;background:#d0b17a0c}.profile-progress .pending{color:#bcb4b1}.delete-proposal-hint{font-size:12px;color:#ddbf89}

/* v25 · La familia y el perfil, siempre a mano. */
.member-account-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.member-account-actions>button{margin:0;min-height:44px;padding:8px 13px;font-size:12px;border:1px solid #d0b17a32;background:linear-gradient(130deg,#34272e,#211e23);color:#e4c99b}.member-account-actions #open-profile{border-color:#b8587955;background:linear-gradient(130deg,#65273f,#38222e)}
.members-hero-action{position:relative;margin:8px 0 0;width:auto!important;min-height:44px;background:linear-gradient(125deg,#8e3754,#64223d);color:#fff;border:1px solid #d0b17a40;padding:10px 18px;font-size:13px}
.members-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px 16px;align-items:center}.member-card[hidden]{display:none}.member-card .member-avatar{width:76px;height:76px;border:1px solid #d0b17a50;box-shadow:0 6px 24px #86345020;background:linear-gradient(145deg,#463339,#1b191d);color:#e2c58c}.member-identity{min-width:0}.member-identity .eyebrow{font-size:8px;letter-spacing:1.4px;color:#d0b17a;margin:0 0 7px}.member-identity h3{font-size:25px;line-height:1.15;margin:0 0 5px;font-weight:400}.member-identity p:not(.eyebrow){font-size:12px;margin:4px 0;color:#bdb6ac}.member-card>.member-bio{grid-column:1/-1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.member-card>button{grid-column:1/-1;margin:0;border-top:1px solid #d0b17a24;border-radius:0;padding:10px 0 0;background:transparent;text-align:left;color:#e2c58c;min-height:44px}
@media(max-width:1000px){.members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.member-topbar{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px}.member-account-actions{width:100%;justify-content:flex-start}.member-account-actions #logout{margin-left:auto!important}.members-grid{grid-template-columns:1fr}.member-card{padding:16px}.members-detail .scene-family{min-height:230px}.members-detail .scene-family>p:not(.eyebrow){max-width:62%}.members-hero-action{font-size:12px;padding:9px 14px}.member-account-actions>button{font-size:11px;padding:8px 12px}}

#member .member-account-actions>button{width:auto;flex:0 0 auto}#member .member-account-actions #logout{border:0;background:transparent}

/* La moto ocupa la tarjeta; el texto conserva su propia zona de lectura. */
.home-feature.home-bike{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:215px 24px 22px!important;background:linear-gradient(155deg,#30262b,#121214);border:1px solid #d0b17a45;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0}
.home-feature.home-bike.with-cover>.bike-cover{position:absolute!important;inset:0 0 auto!important;width:100%!important;height:285px!important;object-fit:cover!important;object-position:center 48%;margin:0!important;border:0!important;border-radius:0!important;background:#161618;z-index:-2}
.home-feature.home-bike.with-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090a0c00 28%,#11111488 49%,#141316 68%,#141316 100%);pointer-events:none}
.home-feature.home-bike:not(.with-cover){padding-top:140px!important;background:linear-gradient(180deg,#0b0b0c33,#141316 66%),url('assets/garage-night-v21.jpg') center top/cover}
.home-feature.home-bike>.eyebrow{font-size:9px;letter-spacing:2px;color:#e2c38d;margin:0 0 9px}.home-feature.home-bike>h4{font:400 clamp(29px,3vw,38px)/1.08 Georgia,serif;color:#f2eadb;margin:0 0 9px}.home-feature.home-bike>p:not(.eyebrow){font-size:13px!important;color:#e1c89c!important;margin:0 0 10px}.home-feature.home-bike>small{font-size:10px;color:#aaa39b;border:0;padding:0;margin:0}.home-feature.home-bike>button{width:auto;margin:15px 0 0;padding:10px 16px;min-height:44px;border:1px solid #d0b17a42;background:linear-gradient(125deg,#702b46,#3a242f);color:#efdfc0;border-radius:9px;font-size:12px}
.garage-catalog-card{position:relative;background:linear-gradient(155deg,#2f242b,#141316);border-color:#d0b17a40;box-shadow:0 16px 34px #0004}.garage-catalog-photo{height:260px;background:linear-gradient(180deg,#1114,#141316 90%),url('assets/garage-night-v21.jpg') center/cover}.garage-catalog-photo .bike-cover{object-fit:cover;background:transparent}.garage-catalog-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#141316 100%);pointer-events:none}.garage-catalog-copy{position:relative;margin-top:-45px;padding:0 22px 22px}.garage-catalog-copy h4{color:#f2eadb;font-size:31px}.garage-catalog-copy>p:not(.eyebrow){color:#e1c89c;font-size:13px;margin:9px 0}.garage-catalog-copy>small{color:#aaa39b;font-size:10px}.garage-catalog-copy>button{width:auto;background:linear-gradient(125deg,#702b46,#3a242f);color:#efdfc0;border:1px solid #d0b17a42;padding:10px 15px}
@media(max-width:650px){.home-feature.home-bike{padding:210px 20px 20px!important;min-height:370px}.home-feature.home-bike>h4{font-size:32px}.garage-catalog-photo{height:250px}.garage-catalog-copy{padding:0 20px 20px}.garage-catalog-copy h4{font-size:30px}}

/* v26 · Perfil, seguridad y administración con una navegación común. */
.members-detail>.portal-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:thin}.members-detail>.portal-nav>button{flex-shrink:0;min-height:44px;white-space:nowrap}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.access-grid>.access-card{margin:0;min-width:0;background:radial-gradient(ellipse at top right,#86345020,transparent 70%),#19181a}.access-card>h3{font-size:26px}.access-card>p{font-size:12px}.access-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.access-form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;margin:0;min-width:0}.access-form>button{grid-column:1/-1;justify-self:start;width:auto;margin:0;min-height:44px;background:linear-gradient(125deg,#8e3754,#64223d);color:#fff;font-size:12px}.access-form>[role=status],.access-confirmation{grid-column:1/-1;margin:0;font-size:12px}.access-confirmation:empty{display:none}.access-confirmation{border-top:1px solid #d0b17a30;padding-top:12px}.access-confirmation>button{width:auto;font-size:12px;margin:4px 6px 0 0;min-height:44px}.access-confirmation>p{font-size:13px;color:#e1c89c}.security-email{overflow-wrap:anywhere;color:#ddbf89!important}.members-detail .detail-panel>button{width:auto;min-height:44px;font-size:13px;border:1px solid #d0b17a40;background:linear-gradient(125deg,#702b46,#3a242f);color:#efdfc0}.profile-welcome>button{width:auto;min-height:44px;background:transparent;color:#dfbf88;border:1px solid #d0b17a32;font-size:12px;margin:14px 0 0}.access-help{font-size:13px;line-height:1.6;color:#bdb7ae;margin:0 0 18px}.access-form button:disabled{opacity:.55;cursor:default}.members-detail [role=status]:empty{display:none}
@media(max-width:650px){.access-grid{grid-template-columns:1fr}.access-form{gap:10px}.members-detail>.portal-nav>button{padding:10px 12px;font-size:12px}.members-detail .detail-panel>button{max-width:100%;line-height:1.4}.access-card>h3{font-size:25px}}

/* v27: un único acceso visible a Socios en escritorio. En móvil sigue a mano. */
@media(min-width:801px){#member .member-account-actions #open-socios{display:none}}