/* RailClick blog · plantilla de categoría. Prefijo rcc-.
   Paleta y tipografía de la propuesta de Lina (igual que la portada v4):
   crema #F8F7F3, navy #122532, turquesa #0DA3AE solo decorativo, #08777F para texto pequeño.
   Anclado a #rcc con tools/css-scope.py (el kit de Elementor pisaba enlaces y botones). */
#rcc{
  --cream:#f8f7f3; --paper:#fff; --navy:#122532; --text:#3d494a; --muted:#5a6670; --line:#e4e0d6; --line-2:#d6d1c4;
  --teal:#0da3ae; --teal-text:#08777f; --teal-deep:#006970;
  --serif:"Newsreader","Iowan Old Style",Georgia,serif; --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --r-sm:4px;--r-md:8px;--r-lg:14px;--r-full:999px;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1); --gutter:clamp(16px,5vw,80px);
  background:var(--cream);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;width:100%;overflow-x:clip;-webkit-font-smoothing:antialiased;
}
#rcc :where(h1,h2,h3,p,ul,ol,li,figure){margin:0;padding:0}
#rcc :where(ul,ol){list-style:none}
#rcc :where(img,svg){display:block;max-width:100%}
#rcc :where(img){height:auto}
#rcc :where(a){color:inherit;text-decoration:none}
#rcc :where(button){font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;box-shadow:none;text-transform:none;cursor:pointer}
#rcc :where(button:hover,button:focus){background:none;color:inherit}
#rcc *,#rcc *::before,#rcc *::after{box-sizing:border-box}
#rcc [hidden]{display:none!important}
#rcc .rcc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#rcc a:focus-visible,#rcc button:focus-visible{outline:2px solid var(--teal-deep);outline-offset:4px;border-radius:2px}
#rcc .rcc-wrap{max-width:1360px;margin-inline:auto;padding-inline:var(--gutter)}
#rcc .rcc-label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-text)}
#rcc .rcc-h2{font-family:var(--serif);font-weight:400;color:var(--navy);font-size:clamp(2rem,1.3rem + 2.2vw,3.2rem);line-height:1.04;letter-spacing:-.02em;margin-top:var(--s3)}
#rcc .rcc-dek{font-size:clamp(16px,.95rem + .2vw,18px);line-height:1.6;max-width:46ch;margin-top:var(--s4)}
#rcc .rcc-num{font-family:var(--serif);color:var(--muted);font-variant-numeric:tabular-nums}
#rcc .rcc-arrow{display:inline-block;transition:transform .3s var(--ease)}
#rcc .rcc-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:var(--s5);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:linear-gradient(var(--teal),var(--teal)) left calc(100% - 8px)/100% 1.5px no-repeat}
#rcc a:hover .rcc-arrow{transform:translateX(4px)}


#rcc .rcc-cover{position:relative;isolation:isolate;overflow:clip;min-height:clamp(520px,78vh,780px);display:flex;align-items:flex-end}
#rcc .rcc-cover__media{position:absolute;inset:0;z-index:-1;overflow:hidden;animation:rcc-curtain 1.5s var(--ease-out) both}
#rcc .rcc-cover__media img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%;animation:rcc-push 24s var(--ease) both}
#rcc .rcc-cover__media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(248,247,243,0) 52%,rgba(248,247,243,.8) 80%,var(--cream) 98%),linear-gradient(90deg,rgba(248,247,243,.82) 0%,rgba(248,247,243,.35) 38%,rgba(248,247,243,0) 58%)}
#rcc .rcc-cover__copy{position:relative;width:100%;padding-block:var(--s9) var(--s8)}
#rcc .rcc-crumbs ol{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:13px;color:var(--muted)}
#rcc .rcc-crumbs li+li::before{content:"/";margin-right:var(--s2);color:var(--line-2)}
#rcc .rcc-crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--navy);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
#rcc .rcc-crumbs [aria-current]{display:inline-flex;align-items:center;min-height:32px;color:var(--muted)}
#rcc .rcc-cover .rcc-label{margin-top:var(--s5);animation:rcc-fadein 1s .2s var(--ease-out) both}
#rcc h1.rcc-h1{font-family:var(--serif);font-weight:400;color:var(--navy);font-size:clamp(2.75rem,1.4rem + 5vw,6.2rem);line-height:.98;letter-spacing:-.03em;margin-top:var(--s3);max-width:14ch}
#rcc .rcc-mask{display:block;overflow:hidden;padding-bottom:.07em}
#rcc .rcc-h1 .rcc-mask>span{display:block;animation:rcc-rise 1.2s .3s var(--ease-out) both}
#rcc .rcc-h1__page{display:block;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:var(--s3)}
#rcc .rcc-intro{max-width:58ch;margin-top:var(--s5);font-size:clamp(17px,1rem + .3vw,20px);line-height:1.6;color:var(--navy);animation:rcc-fadein 1s .7s var(--ease-out) both}
#rcc .rcc-intro p+p{margin-top:var(--s3)}
#rcc .rcc-draft{display:inline-block;margin-left:var(--s2);padding:2px 8px;border:1px dashed #b26b00;border-radius:var(--r-sm);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a4f00;vertical-align:middle}
#rcc .rcc-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s5);font-size:14px;color:var(--muted);animation:rcc-fadein 1s .9s var(--ease-out) both}
#rcc .rcc-meta strong{font-weight:600;color:var(--navy)}
#rcc .rcc-sale{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:var(--s3);font-size:14px;font-weight:600;color:var(--teal-deep);animation:rcc-fadein 1s 1s var(--ease-out) both}
#rcc .rcc-sale:hover{color:var(--navy)}
#rcc .rcc-cover--compact{min-height:0}
#rcc .rcc-cover--compact .rcc-cover__copy{padding-block:var(--s8) var(--s6)}
#rcc .rcc-cover--compact .rcc-h1{font-size:clamp(2.25rem,1.3rem + 3vw,4.2rem)}


#rcc .rcc-feat{padding-block:var(--s8) var(--s9)}
#rcc .rcc-feat__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
#rcc .rcc-feat__lead{display:grid;gap:var(--s5)}
#rcc .rcc-feat__media{display:block;aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden;background:var(--line)}
#rcc .rcc-feat__media img{width:100%;height:100%;object-fit:cover}
#rcc .rcc-feat__title{font-family:var(--serif);font-weight:400;font-size:clamp(1.75rem,1.1rem + 1.6vw,2.6rem);line-height:1.08;color:var(--navy);margin-top:var(--s3);text-wrap:balance}
#rcc .rcc-feat__title a:hover{color:var(--teal-deep)}
#rcc .rcc-feat__more{border-top:1px solid var(--navy)}
#rcc .rcc-feat__more a{display:grid;grid-template-columns:32px 120px 1fr;gap:var(--s4);align-items:center;padding-block:var(--s4);border-bottom:1px solid var(--line);min-height:44px}
#rcc .rcc-feat__thumb{display:block;aspect-ratio:3/2;border-radius:var(--r-sm);overflow:hidden;background:var(--line)}
#rcc .rcc-feat__thumb img{width:100%;height:100%;object-fit:cover}
#rcc .rcc-feat__t{display:block;font-family:var(--serif);font-size:19px;line-height:1.25;color:var(--navy);margin-top:var(--s1);transition:color .2s}
#rcc .rcc-feat__more a:hover .rcc-feat__t{color:var(--teal-deep)}


#rcc .rcc-list{padding-block:var(--s9);background:#f3f1ea}
#rcc .rcc-list__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--s5);margin-bottom:var(--s7)}
#rcc .rcc-filters{display:flex;flex-wrap:wrap;gap:var(--s2)}
#rcc a.rcc-chip{display:inline-flex;align-items:center;gap:6px}
#rcc .rcc-chip{min-height:44px;padding:0 var(--s4);border:1px solid var(--line-2);border-radius:var(--r-full);font-size:13px;font-weight:600;color:var(--navy);transition:border-color .2s,background-color .2s,color .2s}
#rcc .rcc-chip span{font-weight:500;color:var(--muted)}
#rcc .rcc-chip:hover{border-color:var(--navy)}
#rcc .rcc-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
#rcc .rcc-chip[aria-pressed="true"] span{color:rgba(255,255,255,.75)}
#rcc .rcc-status{width:100%;font-size:14px;color:var(--muted);min-height:1.6em}
#rcc .rcc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s5)}
#rcc .rcc-card a{display:flex;flex-direction:column;height:100%}
#rcc .rcc-card__media{display:block;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:var(--line)}
#rcc .rcc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
#rcc .rcc-card a:hover .rcc-card__media img{transform:scale(1.05)}
#rcc .rcc-card__label{display:block;margin-top:var(--s4);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-text)}
#rcc .rcc-card__title{display:block;font-family:var(--serif);font-size:clamp(20px,1rem + .45vw,24px);line-height:1.2;color:var(--navy);margin-top:var(--s2);text-wrap:pretty;transition:color .2s}
#rcc .rcc-card a:hover .rcc-card__title{color:var(--teal-deep)}
#rcc .rcc-card__dek{display:-webkit-box;margin-top:var(--s2);font-size:15px;line-height:1.5;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#rcc .rcc-card__go{margin-top:auto;padding-top:var(--s3);font-size:14px;font-weight:600;color:var(--teal-deep)}
#rcc .rcc-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s4);margin-top:var(--s8)}
#rcc.is-filtering .rcc-pager,#rcc.is-filtering .rcc-feat{display:none}
#rcc .rcc-pager__nums{display:flex;gap:var(--s1)}
#rcc .rcc-pager__num{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:50%;font-family:var(--serif);font-size:18px;color:var(--navy)}
#rcc a.rcc-pager__num:hover{background:#fff}
#rcc .rcc-pager__num[aria-current]{background:var(--navy);color:#fff}
#rcc .rcc-pager__step{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 var(--s4);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
#rcc .rcc-empty{padding:var(--s7);text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--r-md)}


#rcc .rcc-board{position:relative;overflow:clip;background:var(--navy);color:#d7dee6;padding-block:var(--s9)}
#rcc .rcc-board::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 50% at 88% 0%,rgba(13,163,174,.16),transparent 70%)}
#rcc .rcc-board .rcc-label{color:var(--teal)}#rcc .rcc-board .rcc-h2{color:#fff}#rcc .rcc-board .rcc-dek{color:#c9d2db}
#rcc .rcc-board__head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s6);align-items:end;margin-bottom:var(--s6)}
#rcc .rcc-board__head .rcc-dek{margin-top:0}
#rcc .rcc-dep{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.6fr) 140px;gap:var(--s5);align-items:center;padding-block:var(--s4);border-bottom:1px solid rgba(255,255,255,.1)}
#rcc .rcc-dep__route{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
#rcc .rcc-flap{display:inline-flex;gap:3px;perspective:400px}
#rcc .rcc-flap>span{position:relative;display:inline-grid;place-items:center;min-width:1.05em;padding:.26em .12em;border-radius:3px;background:linear-gradient(180deg,#24384a 0 50%,#1c2f40 50% 100%);box-shadow:inset 0 -1px 0 rgba(0,0,0,.35);font-size:clamp(15px,.8rem + .4vw,19px);font-weight:600;line-height:1;color:#fff;text-transform:uppercase}
#rcc .rcc-flap>span::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.45)}
#rcc .rcc-board.is-armed .rcc-flap>span{transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .3s;transition-delay:calc(var(--i,0) * 70ms + var(--k,0) * 28ms)}
#rcc .rcc-board.is-armed .rcc-dep:not(.is-in) .rcc-flap>span{transform:rotateX(-90deg);opacity:0}
#rcc .rcc-dep__to,#rcc .rcc-dep__site{font-weight:600;color:var(--teal)}#rcc .rcc-dep__site{font-size:14px}
#rcc .rcc-dep__guide{font-family:var(--serif);font-size:17px;line-height:1.3;color:#d7dee6}
#rcc .rcc-dep__guide:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
#rcc .rcc-dep__book{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s5);border-radius:var(--r-full);background:var(--teal);color:var(--navy);font-size:14px;font-weight:700;white-space:nowrap}
#rcc .rcc-dep__book:hover{background:#fff}
#rcc .rcc-board a:focus-visible{outline-color:var(--teal)}
#rcc .rcc-board__note{margin-top:var(--s5);font-size:13px;color:#9aa8b6}


@media (max-width:1100px){
  #rcc .rcc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rcc .rcc-feat__grid,#rcc .rcc-board__head{grid-template-columns:1fr}
  #rcc .rcc-dep{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"route book" "guide site";row-gap:var(--s2)}
  #rcc .rcc-dep__route{grid-area:route}#rcc .rcc-dep__book{grid-area:book}#rcc .rcc-dep__guide{grid-area:guide}#rcc .rcc-dep__site{grid-area:site;text-align:right}
}
@media (max-width:820px){
  
  #rcc .rcc-cover{flex-direction:column;align-items:stretch;min-height:0}
  #rcc .rcc-cover__media{position:relative;inset:auto;height:44svh;min-height:260px;animation:none}
  #rcc .rcc-cover__media::before{background:linear-gradient(180deg,rgba(248,247,243,0) 55%,var(--cream) 98%)}
  #rcc .rcc-cover__copy{padding-block:0 var(--s7);margin-top:-36px}
  #rcc .rcc-cover--compact .rcc-cover__copy{margin-top:0;padding-top:var(--s6)}
  #rcc .rcc-feat,#rcc .rcc-list,#rcc .rcc-board{padding-block:var(--s8)}
  #rcc .rcc-grid{grid-template-columns:1fr;gap:var(--s6)}
  #rcc .rcc-feat__more a{grid-template-columns:28px 96px 1fr}
  #rcc .rcc-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  #rcc .rcc-filters::-webkit-scrollbar{display:none}
  #rcc .rcc-chip{flex:none}
  #rcc .rcc-dep{grid-template-columns:1fr;grid-template-areas:"route" "site" "guide" "book"}
  #rcc .rcc-dep__site{text-align:left}#rcc .rcc-dep__book{justify-self:stretch}
}
#rcc .rcc-list__head>*,#rcc .rcc-feat__grid>*{min-width:0}


@keyframes rcc-curtain{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes rcc-push{from{transform:scale(1.14)}to{transform:scale(1.03)}}
@keyframes rcc-rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes rcc-fadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes rcc-kb{from{scale:1}to{scale:1.1}}

#rcc .rcc-feat__media img{animation:rcc-kb var(--kb,26s) ease-in-out infinite alternate}

#rcc .rcc-card{transition:opacity .8s var(--ease-out),translate .8s var(--ease-out);transition-delay:calc(var(--i,0) % 3 * 90ms)}
#rcc.rcc-js .rcc-card:not(.is-in){opacity:.001;translate:0 32px}
#rcc .rcc-feat__media{transition:clip-path 1.4s var(--ease-out)}
#rcc.rcc-js .rcc-feat__lead:not(.is-in) .rcc-feat__media{clip-path:inset(0 0 0 100%)}
#rcc .rcc-feat__more li{transition:opacity .8s var(--ease-out),translate .8s var(--ease-out);transition-delay:calc(var(--d,0) * 120ms)}
#rcc.rcc-js .rcc-feat__more:not(.is-in) li{opacity:.001;translate:24px 0}
#rcc .rcc-up{display:block;transition:transform 1s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms)}
#rcc.rcc-js .rcc-rv:not(.is-in) .rcc-up{transform:translateY(110%)}

@supports (animation-timeline:view()){
  @keyframes rcc-windowIn{from{clip-path:inset(0 5% round 44px)}to{clip-path:inset(0 0 round 0)}}
  #rcc .rcc-list,#rcc .rcc-board{animation:rcc-windowIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  @media (min-width:821px) and (prefers-reduced-motion:no-preference){
    
    #rcc .rcc-scene--cover{height:150vh;view-timeline-name:--rcc-cs}
    #rcc .rcc-scene--cover .rcc-cover{position:sticky;top:0;height:100vh;min-height:560px}
    @keyframes rcc-window{from{clip-path:inset(0 0 0 0 round 0)}to{clip-path:inset(9% 7% 9% 7% round 40px)}}
    @keyframes rcc-dolly{from{scale:1}to{scale:1.2}}
    @keyframes rcc-copyOut{to{opacity:0;transform:translateY(-40px)}}
    #rcc .rcc-scene--cover .rcc-cover__media{animation:rcc-curtain 1.5s var(--ease-out) both,rcc-window linear both;animation-timeline:auto,--rcc-cs;animation-range:normal,contain 25% contain 100%}
    #rcc .rcc-scene--cover .rcc-cover__media img{animation:rcc-push 24s var(--ease) both,rcc-dolly linear both;animation-timeline:auto,--rcc-cs;animation-range:normal,contain 0% contain 100%}
    #rcc .rcc-scene--cover .rcc-cover__copy{animation:rcc-copyOut linear both;animation-timeline:--rcc-cs;animation-range:contain 15% contain 50%}
  }
}
@media (prefers-reduced-motion:reduce){
  #rcc *,#rcc *::before,#rcc *::after{animation:none!important;transition:none!important}
  #rcc .rcc-board.is-armed .rcc-flap>span{transform:none!important;opacity:1!important}
}