/*
 * Es Tancat Editorial 9.0
 * Capa final, estable y aislada sobre el histórico del tema.
 */
:root{
  --max:1120px;
  --gutter:20px;
  --v9-header-offset:142px;
  --v9-section-gap:34px;
  --v9-cream:#f7f5eb;
  --v9-blue:#72cbea;
}
html{scroll-behavior:smooth;scroll-padding-top:var(--v9-header-offset)}
body{overflow-x:hidden}
a,button,input{outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--yellow)}
.skip-link{position:fixed;left:12px;top:8px;z-index:99999;transform:translateY(-150%);background:#111;color:#fff;padding:9px 13px;font-size:12px;font-weight:800}
.skip-link:focus{transform:none}
.site-width{width:min(var(--max),calc(100% - (var(--gutter)*2)))!important;margin-inline:auto}

/* Header: altura estable; nada cambia durante el scroll. */
.site-header,.site-header.is-compact{position:sticky!important;top:0!important;z-index:1000;background:var(--white);box-shadow:none!important}
body.admin-bar .site-header,body.admin-bar .site-header.is-compact{top:32px!important}
.site-header.has-scrolled{box-shadow:0 4px 14px rgba(0,0,0,.075)!important}
.weather-ribbon,.site-header.is-compact .weather-ribbon{display:block!important;height:22px!important}
.weather-ribbon-inner{font-size:8px;letter-spacing:.1em}
.masthead,.site-header.is-compact .masthead{display:grid!important;min-height:82px!important;grid-template-columns:1fr 1.08fr 1fr!important}
.compact-bar,.site-header.is-compact .compact-bar{display:none!important}
.mast-logo .est-logo{font-size:44px!important}
.mast-utility{font-size:8px!important;letter-spacing:.06em}
.mast-claim{font-size:8px!important;line-height:1.25!important}
.primary-nav{position:relative!important;background:#fff;border-top:0;border-bottom:1px solid var(--rule)}
.nav-scroll{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap}
.nav-scroll::-webkit-scrollbar{display:none}
.primary-nav a{flex:0 0 auto;padding:9px 9px 8px!important;font-size:9px!important;letter-spacing:.025em!important}
.primary-nav a:after{height:2px!important;left:9px!important;right:9px!important}
.mobile-drawer,.search-panel{position:absolute;top:100%;left:0;right:0;z-index:30;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.mobile-drawer{max-height:min(70vh,620px);overflow:auto;background:var(--paper)}
.mobile-drawer-top{display:flex;justify-content:space-between;align-items:center;padding-block:12px;border-bottom:1px solid var(--rule)}
.mobile-drawer-top strong{font-family:var(--serif);font-size:20px;font-weight:500}
.drawer-close{border:0;background:transparent;font-size:27px;line-height:1;cursor:pointer}
.mobile-drawer-inner{padding-block:6px 18px!important}
body.drawer-open{overflow:hidden}
.search-panel{background:var(--paper)}
.search-panel-inner{padding-block:18px}

/* Ritmo general */
.v9-top,.v9-secondary,.v9-safareig,.v9-band,.v9-events-wrap{scroll-margin-top:var(--v9-header-offset)}
.v9-top{padding:26px 0 30px!important;gap:24px!important;border-bottom:0!important}
.v9-lead{min-width:0}
.v9-gaveta-side{min-width:0}
.v9-secondary{padding:30px 0!important;gap:22px!important;border-top:2px solid var(--rule)!important;border-bottom:0!important}
.v9-safareig{padding:30px 0!important;gap:22px!important;border-top:2px solid var(--rule)!important;border-bottom:0!important}
.v9-band{padding:30px 0!important;border-top:2px solid var(--rule)!important;border-bottom:0!important}
.v9-events-wrap{padding:30px 0!important;border-top:2px solid var(--rule)!important}
.v9-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;border:0!important;padding:0 0 14px!important;margin:0!important;gap:20px}
.v9-section-head>div:first-child{min-width:0}
.v9-section-head h2{font-family:var(--serif)!important;font-size:31px!important;line-height:.96!important;font-weight:500!important;letter-spacing:-.025em!important;margin:0 0 5px!important}
.v9-section-head p{font-size:8px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.085em!important;font-weight:800!important;color:var(--muted)!important;margin:0!important}
.v9-section-head>a,.v9-section-head>span{flex:0 0 auto;font-size:8px!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800}

/* Apertura: Sa Gaveta conserva la mirada mientras suben las cuatro secundarias. */
@media (min-width:981px){
  .v9-lead{position:sticky;top:calc(var(--v9-header-offset) + 14px);align-self:start}
}
.v9-top .v7-lead h1{font-size:clamp(42px,4.2vw,61px)!important;line-height:.93!important}
.v9-top .v7-lead-deck{font-size:20px!important;line-height:1.22!important}
.v9-top .v7-lead-image img{aspect-ratio:1.45/1!important}
.v9-gaveta-side .v7-mini-head{border-top:2px solid var(--rule)!important;padding-top:9px!important;margin-bottom:12px!important}
.v9-gaveta-side .v7-mini-head h2{font-size:27px!important}
.v9-gaveta-side .v7-gaveta-side-grid{gap:13px!important}
.v9-gaveta-side .v7-gaveta-side-card h3{font-size:19px!important}

/* Es Tancó + S’Aixebucador */
.v9-secondary{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)!important}
.v9-tanco-block{background:var(--v9-blue)!important;padding:0 16px 15px!important}
.v9-tanco-block .v7-tanco-head h2{font-size:37px!important}
.v9-tanco-block .v7-tanco-item{grid-template-columns:118px 1fr!important;padding:12px 0!important}
.v9-tanco-block .v7-tanco-media img{height:94px!important}
.v9-tanco-block .v7-tanco-copy h3{font-size:20px!important}
.v9-aix-block{padding:16px!important}
.v9-aix-block .v7-aix-image img{aspect-ratio:1.12/1!important}
.v9-aix-block>h2{font-size:32px!important}

/* Safareig: Lady domina y las piezas secundarias no compiten. */
.v9-safareig{grid-template-columns:minmax(0,1.48fr) minmax(275px,.72fr)!important}
.v9-safareig .v7-safareig-hero img{aspect-ratio:1.52/1!important}
.v9-safareig .v7-safareig-topline span{font-size:42px!important}
.v9-safareig .v7-safareig-bottom h2{font-size:clamp(38px,4vw,56px)!important;max-width:88%!important}
.v9-safareig .v7-safareig-deck{font-size:18px!important;max-width:78%!important}
.v9-safareig .v7-safareig-side-card{grid-template-columns:105px 1fr!important;gap:11px!important;padding-bottom:12px!important;margin-bottom:12px!important}
.v9-safareig .v7-safareig-side-card img{height:102px!important}
.v9-safareig .v7-safareig-side-card h3{font-size:19px!important}

/* Carruseles accesibles */
.v9-carousel-controls{display:flex;gap:6px;flex:0 0 auto}
.v9-carousel-controls button{width:31px;height:31px;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--ink);font-size:17px;display:grid;place-items:center;cursor:pointer}
.v9-carousel-controls button:disabled{opacity:.3;cursor:default}

/* Ses veus des Tancat: carrusel de columnistas, sin cajas pesadas. */
.v9-veus-track{display:flex!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 0 10px!important;scrollbar-width:thin}
.v9-veu-card{flex:0 0 calc((100% - 4px)/5)!important;max-width:none!important;scroll-snap-align:start;padding:0 14px!important;border-right:1px solid var(--rule)!important;background:transparent!important}
.v9-veu-card:first-child{padding-left:0!important}
.v9-veu-card:last-child{padding-right:0!important;border-right:0!important}
.v9-veu-card>a{display:block;color:inherit}
.v9-veu-card img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;background:#f4f1ea!important;border:0!important;border-bottom:1px solid var(--hair)!important}
.v9-veu-card h3{font-family:var(--serif)!important;font-size:18px!important;line-height:1!important;font-weight:500!important;margin:9px 0 4px!important}
.v9-veu-card p{font-size:8px!important;line-height:1.28!important;color:var(--muted)!important;margin:0!important;max-width:95%}

/* Agenda: módulo de servicio uniforme, como una sola edición de Events. */
.v9-events-head{text-align:center!important;margin-bottom:13px!important}
.v9-events-head p{font-family:var(--serif)!important;font-size:34px!important;line-height:1!important;margin:0 0 4px!important}
.v9-events-head h2{font-family:var(--serif)!important;font-size:18px!important;line-height:1.15!important;font-style:italic!important;font-weight:400!important;margin:0!important}
.v9-events-panel{max-width:970px;margin-inline:auto;background:var(--v9-cream)!important;padding:12px 26px 18px!important;border-radius:0!important}
.v9-event-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.48fr)!important;gap:27px!important;align-items:center!important;padding:17px 0!important;border-bottom:1px solid var(--hair)!important}
.v9-event-copy .eyebrow{margin:0 0 7px!important}
.v9-event-copy h3{font-family:var(--serif)!important;font-size:25px!important;line-height:1.02!important;font-weight:500!important;margin:0 0 7px!important}
.v9-event-copy>p:not(.eyebrow):not(.v9-event-meta){font-family:var(--serif)!important;font-size:15px!important;line-height:1.3!important;margin:0 0 12px!important;max-width:530px}
.v9-event-meta{font-size:9px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:600!important;color:#494947!important;margin:0!important}
.v9-event-meta span{font-weight:800;color:var(--ink)}
.v9-event-row .v8-event-image img{width:100%!important;aspect-ratio:1.62/1!important;object-fit:cover!important}

/* SàtiraCòmica: acuarela mediterránea, sin fondo negro ni marco de “cómic”. */
.v9-comic{background:#fff!important;color:var(--ink)!important}
.v9-comic-track{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;overflow:visible!important}
.v9-comic-card{min-width:0!important;padding:0 11px!important;border-right:1px solid var(--rule)!important}
.v9-comic-card:first-child{padding-left:0!important}
.v9-comic-card:last-child{padding-right:0!important;border-right:0!important}
.v9-comic-card>a{border:0!important;background:#efe8da!important}
.v9-comic-card img{aspect-ratio:4/5!important;border:0!important}
.v9-comic-card .eyebrow{text-align:left!important;color:#8a7000!important;font-size:7px!important;margin:8px 0 4px!important}
.v9-comic-card h3{text-align:left!important;font-size:16px!important;line-height:1.03!important}

/* Resto de filas: misma gramática y personalidad por contenido. */
.v9-row-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.v9-row-cards>.v6-card{padding:0 14px!important;border-right:1px solid var(--rule)!important}
.v9-row-cards>.v6-card:first-child{padding-left:0!important}
.v9-row-cards>.v6-card:last-child{padding-right:0!important;border-right:0!important}
.v9-row-cards .v6-card img{aspect-ratio:1.12/1!important;object-fit:cover!important}
.v9-row-cards .v6-card h3{font-size:19px!important}
.v9-row-cards .v6-card.is-feature h3{font-size:27px!important}
.v9-row-cards .v6-card-deck{font-size:14px!important}
.v9-corral{background:#fff!important;color:var(--ink)!important}
.v9-corral .v6-card img{aspect-ratio:2.35/1!important;filter:contrast(1.07) saturate(.96)!important}
.v9-corral .v5-section-head,.v9-corral .v9-section-head{border-color:var(--rule)!important;color:var(--ink)!important}
.v9-corral .eyebrow{color:#7a3a34!important}

/* Footer y utilidades */
.estancat-build-badge{display:flex!important;align-items:center;justify-content:space-between;gap:20px}
.back-to-top{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}

/* Páginas de sección */
.section-page-header{padding:32px 0 22px!important;border-top:2px solid var(--rule)!important;grid-template-columns:1.15fr .85fr!important}
.section-page-header .section-mark h2{font-size:clamp(46px,5vw,68px)!important}
.section-page-intro{font-size:18px!important;line-height:1.3!important}
.section-feature{padding:27px 0 36px!important;gap:22px!important}
.section-feature-main h1{font-size:clamp(39px,4.3vw,57px)!important}
.section-archive{padding:30px 0 52px!important}
.section-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:25px 0!important}
.section-archive-grid article{padding:11px 14px 0!important;border-top:1px solid var(--rule)!important;border-right:1px solid var(--rule)!important}
.section-archive-grid article:nth-child(4n+1){padding-left:0!important}
.section-archive-grid article:nth-child(4n){padding-right:0!important;border-right:0!important}
.section-archive-grid h2{font-size:24px!important}
.section-archive-grid article>p:not(.eyebrow){font-size:14px!important}
.section-page-corral{background:var(--paper)!important;color:var(--ink)!important}

/* Agenda de archivo comparte el lenguaje de Events. */
.v9-agenda-archive{max-width:970px;margin:28px auto 56px;background:var(--v9-cream);padding:10px 26px 18px}
.v9-agenda-archive .v9-event-row:last-of-type{border-bottom:0!important}

/* Archivo de SàtiraCòmica */
.v9-comic-archive{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 0;padding:28px 0 56px}
.v9-comic-archive article{padding:0 14px;border-right:1px solid var(--rule)}
.v9-comic-archive article:nth-child(4n+1){padding-left:0}
.v9-comic-archive article:nth-child(4n){padding-right:0;border-right:0}
.v9-comic-archive img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#efe8da}
.v9-comic-archive h2{font-family:var(--serif);font-size:21px;line-height:1.02;font-weight:500;margin:5px 0 0}

/* Artículos: lectura limpia, navegación real y secundarios contenidos. */
.article-header{max-width:940px!important;padding:37px 0 24px!important}
.article-breadcrumb{display:flex;gap:8px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;margin-bottom:20px}
.article-breadcrumb span{color:var(--muted)}
.article-header h1{font-size:clamp(48px,6vw,78px)!important;line-height:.92!important;letter-spacing:-.04em!important}
.article-deck{font-size:23px!important;max-width:820px!important}
.article-hero{max-width:1120px!important}
.article-layout{grid-template-columns:58px minmax(0,690px) 250px!important;gap:32px!important;padding-top:34px!important}
.article-content p{font-size:20px!important;line-height:1.52!important}
.article-aside{position:sticky;top:calc(var(--v9-header-offset) + 18px);height:max-content}
.article-share a{transition:background .15s,color .15s}
.article-share a:hover{background:#111;color:#fff}
.article-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:36px;margin-top:38px;border-top:2px solid var(--rule)}
.article-post-nav a{display:block}
.article-post-nav small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);margin-bottom:5px}
.article-post-nav strong{font-family:var(--serif);font-size:21px;line-height:1.05;font-weight:500}
.article-post-nav .next{text-align:right}

@media (max-width:980px){
  :root{--max:calc(100% - 32px);--gutter:16px;--v9-header-offset:111px}
  body.admin-bar .site-header,body.admin-bar .site-header.is-compact{top:46px!important}
  .masthead,.site-header.is-compact .masthead{display:none!important}
  .compact-bar,.site-header.is-compact .compact-bar{display:grid!important;height:50px!important;grid-template-columns:48px 1fr 48px!important}
  .compact-logo .est-logo{font-size:35px!important}
  .weather-ribbon{height:21px!important}
  .weather-ribbon-centre{display:none!important}
  .weather-ribbon-inner{grid-template-columns:1fr 1fr!important}
  .weather-ribbon-inner span:last-child{text-align:right}
  .primary-nav a{font-size:9px!important;padding:8px 8px 7px!important}
  .v9-lead{position:static!important}
  .v9-secondary,.v9-safareig{grid-template-columns:1fr!important}
  .v9-safareig .v7-safareig-side{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;border-left:0!important;padding-left:0!important}
  .v9-safareig .v7-safareig-side-card{display:block!important;margin:0!important;border-bottom:0!important}
  .v9-safareig .v7-safareig-side-card img{width:100%!important;height:auto!important;aspect-ratio:1/1!important}
  .v9-veu-card{flex-basis:29%!important}
  .v9-event-row{grid-template-columns:1fr 310px!important}
  .v9-comic-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:24px!important}
  .v9-comic-card:nth-child(3n){border-right:0!important;padding-right:0!important}
  .v9-comic-card:nth-child(3n+1){padding-left:0!important}
  .section-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .section-archive-grid article:nth-child(4n+1){padding-left:14px!important}
  .section-archive-grid article:nth-child(4n){padding-right:14px!important;border-right:1px solid var(--rule)!important}
  .section-archive-grid article:nth-child(3n+1){padding-left:0!important}
  .section-archive-grid article:nth-child(3n){padding-right:0!important;border-right:0!important}
  .article-layout{grid-template-columns:50px minmax(0,700px)!important}
  .article-aside{display:none!important}
}

@media (max-width:760px){
  :root{--max:calc(100% - 24px);--gutter:12px;--v9-section-gap:24px}
  .site-width{width:calc(100% - 24px)!important}
  .weather-ribbon-inner span{font-size:7px!important}
  .mobile-drawer-inner{grid-template-columns:1fr!important}
  .mobile-drawer a:nth-child(odd){border-right:0!important}
  .v9-top{padding:18px 0 23px!important}
  .v9-top .v7-lead h1{font-size:43px!important}
  .v9-top .v7-lead-deck{font-size:18px!important}
  .v9-gaveta-side .v7-gaveta-side-grid{display:block!important}
  .v9-gaveta-side .v7-gaveta-side-card{display:grid!important;grid-template-columns:112px 1fr!important;gap:12px!important;margin-bottom:12px!important;padding-bottom:12px!important}
  .v9-gaveta-side .v7-gaveta-side-card img{height:108px!important;aspect-ratio:auto!important}
  .v9-secondary,.v9-safareig,.v9-band,.v9-events-wrap{padding:22px 0!important}
  .v9-section-head{padding-bottom:11px!important}
  .v9-section-head h2{font-size:28px!important}
  .v9-section-head p{font-size:7px!important;max-width:260px}
  .v9-tanco-block{padding:0 12px 12px!important}
  .v9-tanco-block .v7-tanco-item{grid-template-columns:102px 1fr!important;gap:11px!important}
  .v9-tanco-block .v7-tanco-media img{height:90px!important}
  .v9-tanco-block .v7-tanco-copy h3{font-size:18px!important}
  .v9-safareig .v7-safareig-hero img{aspect-ratio:1/1!important}
  .v9-safareig .v7-safareig-topline span{font-size:37px!important}
  .v9-safareig .v7-safareig-bottom h2{font-size:37px!important;max-width:96%!important}
  .v9-safareig .v7-safareig-deck{font-size:15px!important;max-width:92%!important}
  .v9-safareig .v7-safareig-side{display:block!important}
  .v9-safareig .v7-safareig-side-card{display:grid!important;grid-template-columns:110px 1fr!important;gap:11px!important;margin-bottom:12px!important;padding-bottom:12px!important;border-bottom:1px solid var(--hair)!important}
  .v9-safareig .v7-safareig-side-card img{height:106px!important;aspect-ratio:auto!important}
  .v9-carousel-controls button{width:29px;height:29px}
  .v9-veu-card{flex:0 0 54%!important;padding:0 11px!important}
  .v9-events-panel{padding:6px 12px 14px!important;margin-inline:-1px}
  .v9-event-row{grid-template-columns:1fr 42%!important;gap:13px!important;padding:14px 0!important;align-items:start!important}
  .v9-event-copy h3{font-size:20px!important}
  .v9-event-copy>p:not(.eyebrow):not(.v9-event-meta){font-size:13px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .v9-event-meta{font-size:8px!important}
  .v9-event-row .v8-event-image img{aspect-ratio:1.15/1!important}
  .v9-comic-track{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin-right:-12px!important;padding-bottom:9px!important}
  .v9-comic-card{flex:0 0 58vw!important;max-width:245px!important;scroll-snap-align:start!important;padding:0 11px!important;border-right:1px solid var(--rule)!important}
  .v9-comic-card:first-child{padding-left:0!important}
  .v9-comic-card h3{font-size:17px!important}
  .v9-row-cards{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin-right:-12px!important;padding-bottom:8px!important}
  .v9-row-cards>.v6-card{flex:0 0 78vw!important;scroll-snap-align:start!important;padding:0 12px!important}
  .section-page-header{grid-template-columns:1fr!important;padding:26px 0 18px!important}
  .section-page-header .section-mark h2{font-size:47px!important}
  .section-page-intro{justify-self:start!important;font-size:16px!important}
  .section-archive-grid{grid-template-columns:1fr!important}
  .section-archive-grid article{padding:13px 0 0!important;border-right:0!important}
  .v9-agenda-archive{padding:4px 12px 13px;margin:20px 0 40px}
  .v9-comic-archive{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-12px;padding:22px 0 42px}
  .v9-comic-archive article{flex:0 0 64vw;scroll-snap-align:start;padding:0 12px}
  .article-header{padding:28px 0 20px!important}
  .article-header h1{font-size:48px!important}
  .article-deck{font-size:20px!important}
  .article-hero{width:100%!important}
  .article-layout{grid-template-columns:1fr!important;padding-top:25px!important}
  .article-share{position:static!important;flex-direction:row!important}
  .article-content p{font-size:18px!important;line-height:1.55!important}
  .article-post-nav{grid-template-columns:1fr!important}
  .article-post-nav .next{text-align:left}
  .estancat-build-badge{align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Cabeceras de archivo: personalidad sin bloques de color innecesarios. */
.section-page-safareig .section-page-header,
.section-page-comic .section-page-header,
.section-page-gastro .section-page-header,
.section-page-femillista .section-page-header,
.section-page-temps .section-page-header{
  background:transparent!important;
  padding-inline:0!important;
}
.section-page-safareig .section-page-header{border-top-color:#b77e91!important}
.section-page-comic .section-page-header{border-top-color:#d6aa00!important}
.section-page-gastro .section-page-header{border-top-color:#36513b!important}
.section-page-femillista .section-page-header{border-top-color:#62516f!important}
.section-page-temps .section-page-header{border-top-color:#284f73!important}
