/* Tourism Site Engine V3.0.2.3 — Desktop Editorial Layout & Article UX
   Regla base: AdSense nunca define el layout. La experiencia editorial funciona completa sin anuncios. */

.editorial-page{background:#fff}
.editorial-page .editorial-hero{min-height:500px;padding-top:82px;align-items:end}
.editorial-page .editorial-hero .guide-hero-overlay{background:linear-gradient(180deg,rgba(3,24,53,.18),rgba(3,24,53,.9) 92%)}
.editorial-page .editorial-hero-inner{width:min(calc(100% - 48px),1120px);max-width:none;margin:0 auto;padding:0 0 56px}
.editorial-page .editorial-hero-inner h1{max-width:940px;font-size:clamp(48px,5.2vw,72px);text-wrap:balance}
.editorial-page .editorial-hero-inner .guide-hero-lead{max-width:780px;margin-top:18px}
.editorial-page .breadcrumbs{margin-bottom:18px}
.editorial-page .guide-meta span{display:inline-flex;align-items:center;gap:7px}
.editorial-page .guide-meta span+span::before{content:"·";opacity:.5;margin-right:3px}
.editorial-hero-fallback{background:linear-gradient(135deg,#071f42,#0b4a86 58%,#ad8528)}
.editorial-hero-fallback .guide-hero-overlay{display:none}

/* Desktop reading frame: TOC + article. No column is reserved for advertising. */
.editorial-content{padding:74px 0 96px}
.editorial-shell{width:min(calc(100% - 48px),1100px);display:grid;grid-template-columns:220px minmax(0,760px);justify-content:center;align-items:start;gap:56px}
.editorial-article{min-width:0;width:100%;max-width:760px}
.editorial-toc{position:sticky;top:104px;min-width:0;padding:20px 0 20px 20px;border-left:2px solid #d9e4f1;color:var(--muted)}
.editorial-toc .toc-title{margin:0 0 14px;color:var(--navy,var(--forest));font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.editorial-toc ol{margin:0;padding:0;list-style:none;counter-reset:editorialtoc}
.editorial-toc li{counter-increment:editorialtoc;margin:0}
.editorial-toc li a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:7px 0;color:#66736f;font-size:13px;line-height:1.35;text-decoration:none}
.editorial-toc li a::before{content:counter(editorialtoc,decimal-leading-zero);color:var(--gold,var(--copper));font-size:10px;font-weight:900;padding-top:2px}
.editorial-toc li a:hover{color:var(--navy,var(--forest))}
.editorial-toc .toc-back{display:inline-block;margin-top:15px;color:var(--blue-dark,var(--thermal-dark));font-size:12px;font-weight:850}
.editorial-toc-mobile{display:none}

.editorial-article .guide-intro{max-width:730px;margin:0 0 32px;color:#263934;font-size:21px;line-height:1.72;font-weight:450}
.editorial-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:54px}
.editorial-highlights>div{min-height:82px;padding:16px 17px;border-radius:15px;background:#f5f8fb;border:1px solid #dde7f1}
.editorial-highlights span{background:#e7f0fb;color:var(--navy,var(--thermal-dark))}
.editorial-highlights p{font-size:13.5px;line-height:1.45}

.editorial-section{scroll-margin-top:108px;margin:0 0 58px}
.editorial-section h2{max-width:720px;margin:0 0 20px;color:var(--navy,var(--forest));font-size:clamp(34px,3vw,45px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}
.editorial-section>p{max-width:730px;margin:0 0 19px;color:#51625d;font-size:17px;line-height:1.78}
.editorial-section .guide-list{max-width:730px;margin-top:23px}
.editorial-section .guide-list li{padding:13px 17px 13px 43px;background:#f7f9fb;border-color:#e0e7ef;font-size:15px;line-height:1.55}
.editorial-callout{max-width:730px;margin-top:27px;padding:23px 25px;border-left:4px solid var(--gold,var(--copper));border-radius:16px;background:#fbf6e9}
.editorial-callout strong{color:var(--navy,var(--forest));font-size:11px;letter-spacing:.11em}
.editorial-callout p{margin:8px 0 0;color:#52605b;font-size:15px;line-height:1.62}

/* Location component is editorial content, never an ad slot. */
.editorial-map-block{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);overflow:hidden;max-width:760px;margin:30px 0 6px;border:1px solid #dce5ee;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(7,46,99,.07)}
.editorial-map-frame{min-height:330px;background:#e8eef4}
.editorial-map-frame iframe{display:block;width:100%;height:100%;min-height:330px;border:0}
.editorial-map-info{display:flex;flex-direction:column;justify-content:center;padding:28px 25px;background:#f8fafc}
.editorial-map-info .eyebrow{margin-bottom:7px}
.editorial-map-info h3{margin:0 0 9px;color:var(--navy,var(--forest));font:600 28px/1.08 Georgia,serif}
.editorial-map-info p{margin:0 0 11px;color:var(--muted);font-size:13px;line-height:1.5}
.editorial-map-info .btn{align-self:flex-start;margin-top:8px}

.editorial-faq{padding-top:4px}
.editorial-faq details{padding:0 20px;border-radius:14px}
.editorial-faq summary{padding:18px 34px 18px 0;font-size:15px;line-height:1.4}
.editorial-faq details p{padding-bottom:18px;font-size:14px;line-height:1.65}
.editorial-article .guide-update-note{max-width:730px;margin:34px 0 0}

.editorial-guide-links{max-width:730px;margin:42px 0 0}
.editorial-guide-links h2{font-size:33px}

.editorial-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:760px;margin-top:46px;padding-top:26px;border-top:1px solid #e2e8ed}
.editorial-pager a{display:flex;min-height:108px;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid #dfe7ee;border-radius:16px;background:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.editorial-pager a:hover{transform:translateY(-2px);border-color:#c8d7e6;box-shadow:0 12px 30px rgba(7,46,99,.06)}
.editorial-pager a span{margin-bottom:5px;color:var(--blue-dark,var(--thermal-dark));font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.editorial-pager a strong{color:var(--navy,var(--forest));font:600 18px/1.22 Georgia,serif}
.editorial-pager .pager-next{text-align:right}

.editorial-related{padding-top:72px}
.editorial-related-posts{padding-top:70px}
.editorial-related-inner{width:min(calc(100% - 48px),1120px)}
.editorial-related-inner .section-head{max-width:760px;margin-bottom:34px}
.editorial-related-inner .section-head h2{font-size:42px}
.editorial-related .guide-card,.editorial-related-posts .blog-card{height:100%}

/* Hub pages use a wide editorial system, not article-width columns. */
.hub-editorial-hero .editorial-hero-inner{padding-bottom:58px}
.hub-editorial-intro{padding:42px 0 8px;background:#fff}
.hub-editorial-inner{width:min(calc(100% - 48px),940px)}
.hub-editorial-inner>p{margin:0;color:#53635e;font-size:18px;line-height:1.7}
.hub-page .hub-guide-section{padding-top:62px}
.hub-page .editorial-related-inner{width:min(calc(100% - 48px),1120px)}

@media (max-width:1100px){
  .editorial-shell{grid-template-columns:190px minmax(0,720px);gap:38px}
  .editorial-page .editorial-hero-inner{width:min(calc(100% - 40px),980px)}
  .editorial-related-inner{width:min(calc(100% - 40px),980px)}
}

@media (max-width:900px){
  .editorial-page .editorial-hero{min-height:470px}
  .editorial-content{padding:54px 0 78px}
  .editorial-shell{display:block;width:min(calc(100% - 40px),760px)}
  .editorial-toc-desktop{display:none}
  .editorial-toc-mobile{display:block;margin:0 0 28px;border:1px solid #dfe7ee;border-radius:15px;background:#f8fafc;padding:0}
  .editorial-toc-mobile summary{padding:16px 46px 16px 18px;color:var(--navy,var(--forest));font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .editorial-toc-mobile ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0 18px 16px 38px}
  .editorial-toc-mobile li{padding:5px 0;color:#64736e;font-size:13px;line-height:1.4}
  .editorial-toc-mobile a{color:inherit}
  .editorial-article{max-width:760px;margin-inline:auto}
  .editorial-map-block{grid-template-columns:1fr}
  .editorial-map-frame,.editorial-map-frame iframe{min-height:310px}
  .editorial-map-info{padding:24px}
}

@media (max-width:560px){
  .editorial-page .editorial-hero{min-height:450px;padding-top:68px}
  .editorial-page .editorial-hero-inner{width:min(calc(100% - 28px),760px);padding-bottom:32px}
  .editorial-page .breadcrumbs{gap:5px;margin-bottom:12px;font-size:10px}
  .editorial-page .breadcrumbs a:nth-of-type(n+3),.editorial-page .breadcrumbs a:nth-of-type(n+3)+span{display:none}
  .editorial-page .editorial-hero-inner h1{font-size:38px;line-height:1.01}
  .editorial-page .editorial-hero-inner .guide-hero-lead{margin-top:13px;font-size:14px;line-height:1.48}
  .editorial-page .guide-meta{gap:6px;margin-top:14px;font-size:10px}
  .editorial-page .guide-meta span+span::before{display:none}
  .editorial-content{padding:38px 0 58px}
  .editorial-shell{width:min(calc(100% - 28px),760px)}
  .editorial-toc-mobile{margin-bottom:22px}
  .editorial-toc-mobile summary{padding:14px 44px 14px 15px;font-size:11px}
  .editorial-toc-mobile ol{grid-template-columns:1fr;padding:0 16px 14px 34px}
  .editorial-toc-mobile li{padding:4px 0;font-size:12px}
  .editorial-article .guide-intro{font-size:17px;line-height:1.64;margin-bottom:25px}
  .editorial-highlights{grid-template-columns:1fr;gap:8px;margin-bottom:38px}
  .editorial-highlights>div{min-height:0;padding:13px 14px}
  .editorial-section{margin-bottom:42px}
  .editorial-section h2{font-size:30px;line-height:1.05;margin-bottom:15px}
  .editorial-section>p{font-size:15px;line-height:1.68;margin-bottom:15px}
  .editorial-section .guide-list li{font-size:13px;padding:11px 13px 11px 38px}
  .editorial-callout{padding:18px;border-radius:14px}
  .editorial-callout p{font-size:13px}
  .editorial-map-block{margin-top:22px;border-radius:16px}
  .editorial-map-frame,.editorial-map-frame iframe{min-height:260px}
  .editorial-map-info{padding:19px}
  .editorial-map-info h3{font-size:24px}
  .editorial-map-info .btn{width:100%;text-align:center}
  .editorial-pager{grid-template-columns:1fr;gap:9px;margin-top:34px}
  .editorial-pager a{min-height:86px;padding:15px 17px}
  .editorial-pager a strong{font-size:16px}
  .editorial-pager .pager-next{text-align:left}
  .editorial-related,.editorial-related-posts{padding-top:48px}
  .editorial-related-inner{width:min(calc(100% - 28px),1120px)}
  .editorial-related-inner .section-head{margin-bottom:24px}
  .editorial-related-inner .section-head h2{font-size:32px}
  .hub-editorial-intro{padding:30px 0 0}
  .hub-editorial-inner{width:min(calc(100% - 28px),940px)}
  .hub-editorial-inner>p{font-size:15px;line-height:1.62}
}