@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--black:#0F172A;--night:#090E19;--red:#B33A3A;--bone:#F7F7F8;--gray:#E5E7EB;--soft:#F1EEE8;--white:#FFF;--text:#111827}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{line-height:1.6}h1,h2,h3,h4{font-family:"Space Grotesk",Arial,sans-serif;margin:0;color:var(--black)}.wrap{width:calc(100% - 32px);margin:0 auto}.narrow{max-width:820px}.sr-only,.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.topbar{background:var(--bone);border-bottom:1px solid var(--gray);position:sticky;top:0;z-index:50}.topbar-inner{min-height:72px;width:calc(100% - 28px);margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.brand{display:flex;align-items:center;width:128px;height:68px}.brand-logo{max-width:122px;max-height:59px;object-fit:contain}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--black);color:var(--black);padding:11px 12px;font:700 12px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:18px;height:2px;background:var(--black);position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}.nav-panel{display:none;position:absolute;top:72px;left:-14px;right:-14px;background:var(--bone);border-bottom:3px solid var(--red);padding:18px 16px 22px;box-shadow:0 14px 28px rgba(15,23,42,.12)}.nav-panel.is-open{display:block}.navlinks,.social-links{display:flex;flex-direction:column}.navlinks a{font-size:19px;text-transform:uppercase;font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;padding:14px 0;border-bottom:1px solid var(--gray)}.social-links{flex-direction:row;gap:18px;padding-top:20px}.social-links a{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--red)}
.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.21em;font-size:12px;font-weight:700;margin:0 0 18px}.red-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--red);flex:0 0 auto}
.hero{background:var(--night);color:var(--white);padding:38px 0 34px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) .65px,transparent .65px);background-size:8px 8px;opacity:.14;pointer-events:none}.hero-grid{display:flex;flex-direction:column;gap:34px;position:relative;z-index:1}.hero .eyebrow{color:var(--white)}.hero h1{color:var(--white);font-size:clamp(52px,18vw,70px);text-transform:uppercase;letter-spacing:-.07em;line-height:.9;display:flex;flex-direction:column;gap:8px}.hero-title-accent{background:var(--red);width:max-content;max-width:100%;padding:4px 10px 9px}.hero-summary{color:var(--white);font-size:17px;line-height:1.48;margin:24px 0 27px}.button-outline{display:inline-flex;border:1px solid rgba(255,255,255,.82);color:white;padding:15px 18px;font-weight:700;text-transform:uppercase;font-size:13px}.button-outline:hover,.button-solid:hover{background:var(--red);border-color:var(--red)}.hero-media{margin:0;position:relative;background:var(--white);padding:10px;transform:rotate(-.8deg);box-shadow:10px 12px 0 rgba(179,58,58,.55)}.hero-media:before{content:"";position:absolute;top:-11px;left:42px;width:82px;height:22px;background:var(--red);transform:rotate(-5deg);z-index:2}.hero-media img{width:100%;aspect-ratio:1/1;object-fit:cover}
.section{padding:44px 0}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:26px}.section-head h2{display:flex;align-items:center;gap:10px;font-size:31px;line-height:1;text-transform:uppercase;letter-spacing:-.055em}.section-head>a{font-size:12px;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:5px}.empty-state{padding:27px 22px;background:white;border:1px solid var(--gray)}.empty-state strong{display:block;font:700 27px "Space Grotesk",Arial,sans-serif;text-transform:uppercase;line-height:1.05}.feature-card{display:flex;flex-direction:column;background:white;border:1px solid var(--gray)}.feature-card>img{height:238px;width:100%;object-fit:cover}.feature-card>div{padding:24px 21px}.meta{color:var(--red);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin:0 0 12px}.feature-card h3{font-size:34px;line-height:1.06;margin-bottom:13px}.button-solid{display:inline-block;background:var(--black);border:1px solid var(--black);color:white;font-size:12px;font-weight:700;text-transform:uppercase;padding:14px 17px;margin-top:12px}
.series-section{background:white;border-top:1px solid var(--gray);border-bottom:1px solid var(--gray)}.series-grid{display:flex;overflow-x:auto;gap:16px;padding-bottom:12px;scroll-snap-type:x mandatory}.series-card{min-width:78vw;max-width:78vw;scroll-snap-align:start;border-top:3px solid var(--black)}.series-image{height:195px;display:flex;justify-content:center;align-items:center;background:var(--black);margin-bottom:16px}.series-image span{color:var(--bone);font:700 66px "Space Grotesk",Arial,sans-serif}.series-image img{width:100%;height:100%;object-fit:cover}.series-card h3{font-size:24px;line-height:1.06;text-transform:uppercase;margin-bottom:9px}.series-card p{font-size:14px;color:#374151;margin:0}
.dark-section{background:var(--night);color:white}.dark-section h2,.dark-section h3{color:white}.latest-grid{display:grid;grid-template-columns:1fr;gap:23px}.latest-grid article{padding-top:16px;border-top:2px solid var(--red)}.latest-grid h3{font-size:27px;line-height:1.08;margin-bottom:8px}.latest-grid p:not(.meta){font-size:14px;color:#d1d5db;margin:0}
.page-header{background:white;border-bottom:1px solid var(--gray);padding:45px 0 35px}.page-header h1{font-size:clamp(45px,14vw,62px);text-transform:uppercase;letter-spacing:-.07em;margin-bottom:15px}.page-header p:not(.eyebrow){font-size:18px;margin-bottom:0}.article-list{display:grid;grid-template-columns:1fr;gap:18px}.article-card,.article-body{background:white;border:1px solid var(--gray);padding:22px}.article-card>img{margin:-22px -22px 18px;width:calc(100% + 44px);max-width:none;height:215px;object-fit:cover}.article-card h2,.article-card h3{font-size:29px;line-height:1.08}.article-body{margin:auto}.article-body h1{font-size:clamp(40px,13vw,57px);line-height:1.04;margin-bottom:13px}.article-body .summary{font-size:19px;color:#374151}.article-body p{font-size:17px;line-height:1.72}.article-body h2{font-size:31px;margin:33px 0 11px}.hero-img{width:calc(100% + 44px);max-width:none;margin:-22px -22px 24px;height:238px;object-fit:cover}.legal-box{display:grid;grid-template-columns:1fr;gap:12px;background:var(--soft);border-left:4px solid var(--red);padding:16px;margin:25px 0}.source-box{margin-top:32px;background:var(--soft);border-top:3px solid var(--black);padding:19px}
.newsletter{background:white;border-top:5px solid var(--red);padding:40px 0}.newsletter-grid{display:grid;gap:27px}.newsletter h2{font-size:34px;line-height:1.05;text-transform:uppercase;margin-bottom:10px}.subscribe-form{display:flex;flex-direction:column;gap:12px}.subscribe-form input[type=email]{width:100%;border:1px solid var(--black);padding:15px;font:inherit}.subscribe-form button,.contact-form button{background:var(--black);border:0;color:white;padding:16px;font-weight:700;text-transform:uppercase;font-size:13px;cursor:pointer}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px}.consent input{margin-top:3px}.consent a{text-decoration:underline}
.site-footer{background:var(--black);color:white;padding:37px 0 20px}.footer-grid{display:grid;gap:32px}.footer-brand img{max-width:148px;background:white}.footer-brand p{border-left:3px solid var(--red);padding-left:10px;font-weight:700;text-transform:uppercase;font-size:12px}.site-footer h3{color:white;font-size:15px;text-transform:uppercase;margin-bottom:15px}.site-footer a{display:block;color:#e5e7eb;font-size:14px;margin-bottom:9px}.footer-social{display:flex;gap:14px}.footer-social a{font-weight:700;text-transform:uppercase}.support-link{display:inline-block!important;border:1px solid rgba(255,255,255,.6);padding:11px 14px;margin-top:10px!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:17px;margin-top:31px;color:#cbd5e1;font-size:11px}
.message-card{background:white;border-left:5px solid var(--red);padding:25px}.message-card h1,.message-card h2{font-size:34px;text-transform:uppercase;margin-bottom:13px}.contact-form{background:white;border:1px solid var(--gray);padding:22px;display:grid;gap:15px}.contact-form label:not(.consent){font-size:13px;font-weight:700;text-transform:uppercase}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;margin-top:7px;width:100%;padding:13px;border:1px solid var(--gray);font:inherit}.alert{background:#fff1f2;border-left:5px solid var(--red);padding:13px;margin-bottom:17px}
.admin{width:calc(100% - 24px);margin:16px auto;background:white;border:1px solid var(--gray);padding:18px}.admin h1{font-size:34px;text-transform:uppercase;line-height:1.05}.admin h2{margin:25px 0 13px}.admin input,.admin textarea,.admin select{display:block;width:100%;border:1px solid var(--gray);padding:12px;margin:7px 0 15px;font:inherit}.admin textarea{min-height:125px}.admin button,.mini-btn{background:var(--black);color:white;border:0;padding:12px 15px;font-weight:700;text-transform:uppercase;display:inline-block}.admin-grid{display:grid;gap:21px}.admin-card{background:var(--bone);border:1px solid var(--gray);padding:17px}.admin-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px;margin:13px 0 22px}.admin-tabs a{flex:0 0 auto;background:var(--black);color:white;padding:10px 12px;text-transform:uppercase;font-size:12px;font-weight:700}.danger{background:var(--red)!important}.notice,.small-help{background:#f3f4f6;border-left:4px solid var(--red);padding:12px;margin:13px 0;font-size:13px}.table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--gray);text-align:left;font-size:13px;white-space:nowrap}.preview-img{max-width:100%;max-height:190px;object-fit:contain;margin-bottom:11px}.hero-preview{max-height:290px;background:#fff}.inline-checkbox{display:flex;align-items:center;gap:9px;margin:12px 0 18px}.inline-checkbox input{width:auto;margin:0}
@media (min-width:760px){.wrap{width:min(1320px,calc(100% - 64px))}.section{padding:60px 0}.section-head{flex-direction:row;align-items:center;margin-bottom:34px}.section-head h2{font-size:38px}.feature-card{display:grid;grid-template-columns:1fr 1.05fr}.feature-card>img{height:390px}.feature-card>div{padding:40px}.article-list{grid-template-columns:repeat(3,1fr);gap:25px}.latest-grid{grid-template-columns:repeat(3,1fr);gap:20px}.newsletter-grid{grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}.subscribe-form{display:grid;grid-template-columns:1fr 178px;gap:12px}.subscribe-form button{grid-column:2}.consent{grid-column:1/-1}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1.15fr;gap:42px}.admin{max-width:1240px;margin:36px auto;padding:30px}.admin-grid{grid-template-columns:1.65fr 1fr;gap:28px}}
@media (min-width:960px){.topbar-inner{width:min(1400px,calc(100% - 48px));height:92px}.brand{width:166px;height:82px}.brand-logo{max-width:156px;max-height:76px}.menu-toggle{display:none}.nav-panel{position:static;display:flex;align-items:center;flex:1;border:0;box-shadow:none;padding:0;background:transparent}.navlinks{display:flex;flex-direction:row;gap:33px;flex:1}.navlinks a{font:700 13px Inter,Arial,sans-serif;padding:10px 0;border-bottom:2px solid transparent}.navlinks a:hover{border-bottom-color:var(--red)}.social-links{padding:0;gap:14px}.hero{padding:62px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .78fr;gap:64px;align-items:center}.hero h1{font-size:clamp(68px,6.4vw,94px)}.hero-summary{font-size:18px;max-width:600px}.hero-media{padding:13px;transform:rotate(-1.2deg)}.hero-media img{max-height:590px}.series-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;overflow:visible}.series-card{min-width:auto;max-width:none}.latest-grid{grid-template-columns:repeat(5,1fr)}}
.privacy-short{grid-column:1/-1;background:var(--soft);border-left:3px solid var(--red);padding:12px;font-size:12px;line-height:1.45;margin:0 0 4px}.privacy-short a{text-decoration:underline;font-weight:700}


/* ==================================================
   PARCHE SPOILER v1.1 — mobile, portada, logo y nota
   ================================================== */
.brand-logo,
.footer-brand img{background:transparent!important}

/* Teléfono: menos fricción antes de llegar a El Tema */
@media (max-width:759px){
  .topbar-inner{min-height:62px}
  .brand{width:108px;height:58px}
  .brand-logo{max-width:104px;max-height:52px}
  .menu-toggle{padding:9px 11px}
  .nav-panel{top:62px}
  .hero{padding:30px 0 24px}
  .hero-grid{gap:24px}
  .hero .eyebrow{margin-bottom:15px}
  .hero h1{font-size:clamp(48px,16.2vw,63px);gap:7px}
  .hero-summary{font-size:16px;line-height:1.5;margin:19px 0 23px}
  .button-outline{padding:14px 16px}
  .hero-media{padding:8px;box-shadow:7px 8px 0 rgba(179,58,58,.5)}
  .hero-media:before{width:68px;height:17px;top:-9px;left:35px}
  .hero-media img{aspect-ratio:4/3;object-fit:cover;object-position:center 62%}
  .topic-section{padding-top:38px;padding-bottom:38px}
  .section-head{gap:12px;margin-bottom:21px}
  .feature-card>img{height:auto;aspect-ratio:1/1;object-fit:cover}
  .feature-card>div{padding:20px 18px 22px}
  .feature-card h3{font-size:30px;margin-bottom:10px}
  .feature-card>div>p:not(.meta){font-size:15px;line-height:1.55;margin-bottom:8px}
  .series-section{padding-top:38px;padding-bottom:38px}
  .swipe-hint{display:block;color:var(--red);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin:-3px 0 17px}
  .series-card{min-width:71vw;max-width:71vw}
  .series-image{height:auto;aspect-ratio:1/1;margin-bottom:13px}
  .series-card h3{font-size:22px}
  .dark-section{padding-top:38px;padding-bottom:38px}
  .newsletter{padding:34px 0}
  .newsletter-grid{gap:21px}
  .newsletter h2{font-size:31px}
  .site-footer{padding:30px 0 18px}
  .footer-grid{gap:27px}
  .footer-brand img{max-width:124px}
}

/* Indicador de carrusel sólo es necesario en teléfono */
.swipe-hint{display:none}

/* Nota: lectura editorial, imagen cuadrada y metadata visible */
.story-article{
  border:0;
  max-width:820px;
  padding-top:0;
}
.story-header h1{
  text-transform:uppercase;
  margin-bottom:18px;
}
.story-category{
  color:var(--red);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:13px!important;
  line-height:1.2!important;
  margin:0 0 18px;
}
.story-header .summary{
  margin:0 0 24px;
}
.story-author{
  font-weight:700;
  font-size:15px!important;
  margin:0 0 4px;
}
.story-date{
  color:#4B5563;
  font-size:14px!important;
  margin:0 0 27px;
}
.story-image{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fff;
  margin:0 0 34px;
}
.story-copy p:first-child{margin-top:0}
.story-copy p{font-size:18px;line-height:1.74}

@media (max-width:759px){
  .story-section{padding-top:28px}
  .story-article{padding:0 7px;border:0}
  .story-header h1{font-size:clamp(42px,12.5vw,52px);margin-bottom:17px}
  .story-header .summary{font-size:18px;margin-bottom:21px}
  .story-author{font-size:14px!important}
  .story-date{font-size:13px!important;margin-bottom:22px}
  .story-image{margin-bottom:26px}
  .story-copy p{font-size:17px;line-height:1.68}
}
@media (min-width:760px){
  .swipe-hint{display:none}
  .story-section{padding-top:58px}
  .story-article{padding:0;max-width:820px;border:0}
  .story-header h1{font-size:64px}
  .story-header .summary{font-size:22px;max-width:720px}
  .story-image{width:min(100%,720px);margin-top:8px}
}


/* ==================================================
   PARCHE SPOILER v1.3 — edición documental y plantillas editoriales
   ================================================== */
.brand-logo-transparent,
.footer-logo-transparent{
  background: transparent !important;
  object-fit: contain;
}
.footer-brand img.footer-logo-transparent{
  background: transparent !important;
  padding:0;
}

/* Todas las imágenes de lectura interior conservan marco 1:1 en escritorio y móvil. */
.story-image{
  width:min(100%,720px);
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff;
  display:block;
}

/* Tarjetas de archivos y listados editoriales: miniaturas cuadradas sin deformación. */
.article-card > img{
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  object-fit:cover !important;
}

/* Expedientes y series utilizan la misma caja de lectura que una nota. */
.dossier-story .story-copy h2,
.series-story .story-copy h2{
  margin-top:32px;
}
.related-stories{
  background:var(--bone);
  border-top:1px solid var(--gray);
}

/* Las fuentes visibles deben leerse como documentos, no como bloque legal interno. */
.source-box a{
  text-decoration:underline;
  font-weight:700;
}

@media (min-width:760px){
  .brand-logo-transparent{max-width:158px;max-height:80px}
  .footer-logo-transparent{max-width:190px}
  .story-article{max-width:820px}
  .story-image{margin-left:0;margin-right:0}
}

/* SPOILER v1.7 — Iconografía institucional de redes */
.social-icon-links{display:flex!important;align-items:center;gap:10px!important}
.sp-social-icon{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;color:#B33A3A!important;border:1px solid rgba(179,58,58,.28);text-decoration:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease}
.sp-social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter}
.sp-social-icon:hover{color:#F7F7F8!important;background:#B33A3A;border-color:#B33A3A}
.site-footer .sp-social-icon{color:#F7F7F8!important;border-color:rgba(247,247,248,.32)}
.site-footer .sp-social-icon:hover{background:#B33A3A;border-color:#B33A3A}
.footer-social.social-icon-links{margin-top:19px}
@media(max-width:759px){.social-icon-links{gap:8px!important}.sp-social-icon{width:36px;height:36px}}

/* SPOILER v1.8 — Campos editoriales y contacto directo */
.field-help{font-size:12px;line-height:1.5;color:#667080;margin:-7px 0 12px}
.image-guide{padding:12px 14px;background:#F4F0E8;border-left:3px solid #B33A3A;font-size:13px;margin:9px 0 17px}
.preview-wide{aspect-ratio:1200/630;object-fit:contain}
.admin-checklist{display:grid;gap:8px;margin:10px 0 26px}
.check-item{display:flex!important;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid #E2DED5;margin:0!important;background:#fff}
.check-item input{width:auto!important;margin-top:3px}
.check-item small{display:inline-block;margin-left:8px;color:#667080;text-transform:uppercase;font-size:10px}
.wa-contact-band{background:#F4F0E8;border-top:3px solid #B33A3A;padding:32px 0}
.wa-contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.wa-contact-band h2{margin:5px 0 6px;font-size:34px;line-height:1;text-transform:uppercase}
.wa-contact-band p{margin:0}
.wa-contact-button{display:inline-flex;align-items:center;gap:10px;background:#10182B;color:#F4F0E8!important;padding:17px 22px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.wa-contact-button:hover{background:#B33A3A}
.wa-contact-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.inline-wa{margin-top:27px}
@media(max-width:759px){.wa-contact-band .wrap{display:block}.wa-contact-band h2{font-size:29px}.wa-contact-button{margin-top:21px;width:100%;justify-content:center;white-space:normal}}

/* ===========================================================
   SPOILER v2.0 — portada directa, SEO social y backend editorial
   =========================================================== */
.hero-v2 .hero-copy h1 span:first-child{color:#F7F7F8}.hero-v2 .hero-copy h1 span:last-child{color:#B33A3A}.hero-v2 .hero-summary{color:#DDE3EC;font-size:clamp(18px,2vw,25px);line-height:1.48;max-width:720px;margin:25px 0 13px}.hero-v2 .hero-punch{color:#F4F0E8;font-weight:800;font-size:clamp(18px,1.8vw,22px);line-height:1.45;margin:0 0 31px}.hero-v2 .hero-art{background:#F4F0E8}.hero-v2 .hero-art img{object-fit:contain;background:#F4F0E8}.dossier-feature{background:#F4F0E8;border-top:1px solid #D1C7B7;border-bottom:1px solid #D1C7B7}.dossier-feature-grid{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:42px}.dossier-feature h2{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 18px}.dossier-feature p{font-size:18px;line-height:1.62;max-width:760px;color:#30394A}.dossier-feature img{aspect-ratio:1/1;width:100%;object-fit:cover;background:#F4F0E8}.analysis-home{background:#0F172A;color:#F4F0E8}.analysis-home h2,.analysis-home .section-head h2{color:#F4F0E8}.analysis-home a,.analysis-home .section-head a{color:#F4F0E8}.section-intro{max-width:780px;color:#DDE3EC;font-size:19px;line-height:1.62}.author-filter{display:flex;flex-wrap:wrap;gap:9px;margin-top:31px}.author-filter a{border:1px solid #D1C7B7;color:#10182B;background:rgba(255,255,255,.35);padding:10px 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.author-filter a.active,.author-filter a:hover{background:#10182B;color:#F4F0E8;border-color:#10182B}
.admin{width:min(1380px,calc(100% - 28px));margin:18px auto;background:#F7F8FA;border:1px solid #D8DEE8;border-radius:18px;padding:18px;box-shadow:0 16px 50px rgba(15,23,42,.07)}.admin h1{font-size:clamp(29px,3vw,42px);letter-spacing:-.05em;margin-bottom:10px}.admin-suite-nav{display:grid!important;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px!important;overflow:visible!important;padding:0!important;margin:16px 0 25px!important}.admin-nav-group{background:#FFF;border:1px solid #D8DEE8;border-radius:16px;padding:12px;min-width:0}.admin-nav-group p{color:#64748B;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;line-height:1.2}.admin-nav-group a{display:block;background:#F2F4F7!important;color:#111827!important;border-radius:10px;padding:9px 10px!important;margin:6px 0;font-size:12px!important;font-weight:800;text-transform:none!important;letter-spacing:0}.admin-nav-group a:hover{background:#111827!important;color:#FFF!important}.admin-nav-group a.danger{background:#B33A3A!important;color:#FFF!important}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);align-items:start}.admin-card,.admin-section{background:#FFF!important;border:1px solid #D8DEE8!important;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.admin-section{margin:0 0 16px}.admin-section summary{cursor:pointer;color:#111827;font-family:"Space Grotesk",Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.035em;text-transform:uppercase;list-style:none;display:flex;align-items:center;justify-content:space-between}.admin-section summary::-webkit-details-marker{display:none}.admin-section summary:after{content:"+";color:#B33A3A;font:800 24px/1 Inter,Arial,sans-serif}.admin-section[open] summary:after{content:"–"}.admin-section label:first-of-type{margin-top:16px}.admin input,.admin textarea,.admin select{border:1px solid #CBD5E1!important;border-radius:12px;background:#FFF}.admin input:focus,.admin textarea:focus,.admin select:focus{outline:2px solid rgba(179,58,58,.18);border-color:#B33A3A!important}.admin button,.mini-btn{border-radius:12px}.notice,.small-help{border-radius:14px;background:#FFF;border:1px solid #D8DEE8;border-left:5px solid #B33A3A}.table{background:#FFF;border:1px solid #D8DEE8;border-radius:16px;padding:8px}.field-help{color:#64748B!important;font-size:12px!important}.image-guide{border-radius:12px}.preview-wide{aspect-ratio:1200/630;object-fit:contain;background:#F4F0E8}@media(max-width:1100px){.admin-suite-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.dossier-feature-grid{grid-template-columns:1fr}.dossier-feature img{max-width:420px}}@media(max-width:700px){.admin{width:calc(100% - 18px);padding:12px;border-radius:14px}.admin-suite-nav{grid-template-columns:1fr}.admin-nav-group{padding:11px}.dossier-feature-grid{gap:24px}}


/* ===========================================================
   SPOILER v2.0.1 — portada compacta corregida
   Recupera jerarquía visual, controla imágenes y elimina vacíos.
   =========================================================== */

:root{
  --sp-black:#0F172A;
  --sp-red:#B33A3A;
  --sp-bone:#F4F0E8;
  --sp-bone-2:#FCFAF5;
  --sp-gray:#E5E7EB;
  --sp-copy:#30394A;
}

.home-v201{
  background:var(--sp-bone);
}

.sp-home-section{
  padding:58px 0;
}

.sp-hero-v201{
  background:var(--sp-black);
  color:#fff;
  padding:72px 0 68px;
  overflow:hidden;
}

.sp-hero-v201-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:64px;
  align-items:center;
}

.sp-hero-v201-copy h1{
  font-size:clamp(52px,7vw,104px);
  line-height:.88;
  letter-spacing:-.075em;
  text-transform:uppercase;
  margin:20px 0 26px;
}

.sp-hero-v201-copy h1 span{
  display:block;
}

.sp-hero-v201-copy h1 span:first-child{
  color:#F7F7F8;
}

.sp-hero-v201-copy h1 span:last-child{
  color:var(--sp-red);
}

.sp-hero-v201-copy p:not(.eyebrow){
  color:#E5E7EB;
  font-size:clamp(18px,2vw,22px);
  line-height:1.48;
  max-width:690px;
  margin:0 0 32px;
}

.sp-hero-v201-art{
  background:var(--sp-bone);
  padding:18px;
  margin:0;
  transform:rotate(-2deg);
  box-shadow:18px 18px 0 rgba(179,58,58,.55);
}

.sp-hero-v201-art img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  background:var(--sp-bone);
}

.sp-topic-v201{
  background:#F7F7F8;
}

.sp-topic-card-v201{
  display:grid;
  grid-template-columns:minmax(320px,0.95fr) minmax(0,1fr);
  background:#fff;
  border:1px solid #D8DEE8;
  min-height:330px;
}

.sp-topic-img{
  display:block;
  min-height:330px;
  background:var(--sp-bone);
  overflow:hidden;
}

.sp-topic-img img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  display:block;
}

.sp-topic-copy{
  padding:54px clamp(28px,4vw,70px);
  align-self:center;
}

.sp-topic-copy h3{
  font-size:clamp(34px,3.2vw,52px);
  line-height:.98;
  letter-spacing:-.06em;
  text-transform:uppercase;
  margin:12px 0 18px;
}

.sp-topic-copy h3 a{
  color:var(--sp-black);
  text-decoration:none;
}

.sp-topic-copy p:not(.meta){
  color:var(--sp-copy);
  font-size:18px;
  line-height:1.55;
  max-width:650px;
}

.sp-dossier-v201{
  background:var(--sp-bone);
  border-top:1px solid #D1C7B7;
  border-bottom:1px solid #D1C7B7;
}

.sp-dossier-card-v201{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:42px;
  align-items:center;
  background:var(--sp-bone-2);
  border:1px solid #D1C7B7;
  padding:38px;
}

.sp-dossier-copy h2{
  font-size:clamp(32px,4vw,58px);
  line-height:.98;
  letter-spacing:-.06em;
  text-transform:uppercase;
  margin:10px 0 18px;
  max-width:920px;
}

.sp-dossier-copy p:not(.eyebrow){
  color:var(--sp-copy);
  font-size:18px;
  line-height:1.6;
  max-width:770px;
  margin-bottom:26px;
}

.sp-dossier-img{
  display:block;
  width:100%;
  background:var(--sp-bone);
}

.sp-dossier-img img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}

.sp-series-v201{
  background:#fff;
}

.sp-series-grid-v201{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  align-items:start;
}

.sp-series-card-v201{
  color:var(--sp-black);
  text-decoration:none;
  display:block;
  min-width:0;
}

.sp-series-img-v201{
  width:100%;
  aspect-ratio:1/1;
  background:var(--sp-black);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
}

.sp-series-img-v201 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.sp-series-img-v201 span{
  color:#fff;
  font-size:58px;
  font-weight:800;
}

.sp-series-card-v201 h3{
  font-size:clamp(23px,2vw,30px);
  line-height:1;
  letter-spacing:-.05em;
  text-transform:uppercase;
  margin:0 0 10px;
}

.sp-series-card-v201 p{
  color:var(--sp-copy);
  font-size:15px;
  line-height:1.45;
  margin:0;
}

.sp-analysis-v201{
  background:var(--sp-black);
  color:#fff;
  padding:48px 0;
}

.sp-analysis-card-v201{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.sp-analysis-card-v201 h2{
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-transform:uppercase;
  max-width:760px;
  margin:8px 0 0;
}

.button-on-dark{
  border-color:#F4F0E8!important;
  color:#F4F0E8!important;
  flex:0 0 auto;
}

.button-on-dark:hover{
  background:var(--sp-red)!important;
  border-color:var(--sp-red)!important;
  color:#fff!important;
}

.sp-latest-v201{
  background:#F7F7F8;
}

.sp-latest-grid-v201{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.sp-latest-card-v201{
  background:#fff;
  border:1px solid #D8DEE8;
  padding:0 0 20px;
}

.sp-latest-card-v201 img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  margin-bottom:18px;
}

.sp-latest-card-v201 .meta,
.sp-latest-card-v201 h3,
.sp-latest-card-v201 p{
  padding-left:18px;
  padding-right:18px;
}

.sp-latest-card-v201 h3{
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.045em;
  text-transform:uppercase;
  margin:8px 0 10px;
}

.sp-latest-card-v201 h3 a{
  color:var(--sp-black);
  text-decoration:none;
}

.sp-latest-card-v201 p:not(.meta){
  color:var(--sp-copy);
  font-size:15px;
  line-height:1.45;
  margin:0;
}

/* Evitar que estilos viejos de v2 rompan portada */
.home-v201 .series-rail,
.home-v201 .series-card,
.home-v201 .article-list,
.home-v201 .article-card,
.home-v201 .dossier-feature,
.home-v201 .topic-card{
  all:unset;
}

@media(max-width:1020px){
  .sp-hero-v201-grid,
  .sp-topic-card-v201,
  .sp-dossier-card-v201{
    grid-template-columns:1fr;
  }
  .sp-hero-v201-art{
    max-width:560px;
  }
  .sp-series-grid-v201,
  .sp-latest-grid-v201{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sp-dossier-card-v201{
    padding:28px;
  }
  .sp-dossier-img{
    max-width:360px;
  }
}

@media(max-width:700px){
  .sp-home-section{
    padding:42px 0;
  }
  .sp-hero-v201{
    padding:48px 0;
  }
  .sp-hero-v201-grid{
    gap:34px;
  }
  .sp-hero-v201-copy h1{
    font-size:clamp(48px,14vw,78px);
  }
  .sp-hero-v201-art{
    transform:none;
    box-shadow:10px 10px 0 rgba(179,58,58,.55);
    padding:12px;
  }
  .sp-topic-copy{
    padding:30px 22px;
  }
  .sp-topic-img,
  .sp-topic-img img{
    min-height:0;
    aspect-ratio:1/1;
  }
  .sp-series-grid-v201,
  .sp-latest-grid-v201{
    grid-template-columns:1fr;
  }
  .sp-analysis-card-v201{
    display:block;
  }
  .button-on-dark{
    display:inline-flex;
    margin-top:24px;
  }
}


/* ===========================================================
   SPOILER v2.1 — CMS SUITE EDITORIAL
   =========================================================== */

:root{
  --cms-ink:#16130F;
  --cms-paper:#EFE9DE;
  --cms-card:#FFFFFF;
  --cms-line:#DED4C5;
  --cms-muted:#8B8377;
  --cms-red:#B33A3A;
  --cms-alert:#E0241B;
  --cms-yellow:#C9A300;
  --cms-blue:#2C6FB0;
  --cms-green:#3E7D52;
  --cms-sidebar:#16130F;
  --cms-font-display:"Space Grotesk","Arial Black",Impact,sans-serif;
  --cms-font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cms-font-mono:"Space Mono","Courier New",monospace;
}

.home-v201 .sp-hero-v201 .hero-button{display:none!important}

body.cms-shell{
  margin:0;
  min-height:100vh;
  display:grid;
  grid-template-columns:264px minmax(0,1fr);
  background:var(--cms-paper);
  color:var(--cms-ink);
  font-family:var(--cms-font-body);
}

.cms-sidebar{
  background:var(--cms-sidebar);
  color:#fff;
  min-height:100vh;
  padding:22px 14px;
  display:flex;
  flex-direction:column;
  position:sticky;
  top:0;
}

.cms-logo{display:block;margin:0 8px 24px}
.cms-logo img{width:94px;height:auto;display:block}

.cms-nav-section{margin:0 0 24px}
.cms-nav-section p{
  margin:0 0 8px 8px;
  color:#F2C400;
  font-family:var(--cms-font-mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.cms-nav-link{
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.72);
  padding:12px 14px;
  border-radius:10px;
  font-weight:800;
  text-decoration:none;
  margin:2px 0;
}

.cms-nav-link:hover,.cms-nav-link.cms-primary{background:var(--cms-red);color:#fff}
.cms-nav-link span{width:18px;text-align:center;font-family:var(--cms-font-mono);opacity:.9}

.cms-sidebar-foot{
  margin-top:auto;
  color:rgba(255,255,255,.42);
  font-family:var(--cms-font-mono);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 8px 0;
}
.cms-sidebar-foot a{color:rgba(255,255,255,.68);text-decoration:none}

.cms-main{padding:32px 36px 54px;min-width:0}

.cms-topbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px auto auto;
  gap:14px;
  align-items:start;
  margin-bottom:26px;
}

.cms-kicker,.cms-panel-head a,.cms-review-item em,.cms-review-item span,.cms-status,.cms-doc-row em,.cms-doc-row b{
  font-family:var(--cms-font-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cms-kicker{
  margin:0 0 10px;
  color:var(--cms-red);
  font-size:12px;
  font-weight:900;
}
.cms-kicker:before{
  content:"";
  width:14px;
  height:8px;
  background:var(--cms-red);
  display:inline-block;
  margin-right:8px;
  transform:skewX(-12deg);
}

.cms-topbar h1{
  font-family:var(--cms-font-display);
  font-size:56px;
  line-height:.9;
  letter-spacing:-.06em;
  margin:0;
  text-transform:uppercase;
}

.cms-search input{
  width:100%;
  height:48px;
  background:#fff;
  border:1px solid var(--cms-line);
  border-radius:10px;
  padding:0 16px;
  font:600 14px var(--cms-font-body);
}

.cms-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:10px;
  padding:0 18px;
  border:1px solid var(--cms-line);
  background:#fff;
  color:var(--cms-ink);
  font-family:var(--cms-font-mono);
  font-weight:900;
  font-size:12px;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
}
.cms-btn-red{background:var(--cms-red);color:#fff;border-color:var(--cms-red)}
.cms-btn-dark{background:var(--cms-ink);color:#fff;border-color:var(--cms-ink)}
.cms-btn-light{background:#fff;color:var(--cms-ink)}

.cms-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:18px;
}
.cms-stat{
  background:#fff;
  border:1px solid var(--cms-line);
  border-radius:14px;
  padding:18px 20px;
  min-height:104px;
}
.cms-stat-dark{background:var(--cms-ink);color:#fff}
.cms-stat span{
  display:block;
  font-family:var(--cms-font-mono);
  color:var(--cms-muted);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
.cms-stat-dark span{color:#F2C400}
.cms-stat strong{
  display:block;
  font-family:var(--cms-font-display);
  font-size:50px;
  line-height:.9;
  margin-top:14px;
  letter-spacing:-.06em;
}

.cms-grid-main{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);
  gap:18px;
  align-items:start;
}
.cms-grid-secondary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.cms-panel{
  background:#fff;
  border:1px solid var(--cms-line);
  border-radius:16px;
  padding:20px;
}
.cms-factcheck{background:var(--cms-ink);color:#fff}

.cms-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--cms-line);
  padding-bottom:12px;
  margin-bottom:4px;
}
.cms-factcheck .cms-panel-head{border-color:rgba(255,255,255,.16)}
.cms-panel-head h2{
  font-family:var(--cms-font-display);
  font-size:24px;
  line-height:1;
  letter-spacing:-.04em;
  margin:0;
  text-transform:uppercase;
}
.cms-panel-head a{
  color:var(--cms-red);
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

.cms-review-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  text-decoration:none;
  color:var(--cms-ink);
  padding:16px 0;
  border-bottom:1px solid var(--cms-line);
}
.cms-review-item:last-child{border-bottom:0}
.cms-review-item em{display:block;color:#C86970;font-style:normal;font-size:10px;font-weight:900;margin-bottom:4px}
.cms-review-item strong{display:block;font-size:18px;line-height:1.15;margin-bottom:4px}
.cms-review-item span{display:block;color:var(--cms-muted);font-size:10px;font-weight:900}

.cms-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:7px 10px;
  background:#F4F1EA;
  color:var(--cms-muted);
  font-size:10px;
  font-weight:900;
}
.cms-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.cms-status-in_review,.cms-status-legal_review,.cms-status-ready{background:#FFF5D8;color:var(--cms-yellow)}
.cms-status-draft{background:#F4F1EA;color:#9D9589}

.cms-check-row{
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:10px;
  align-items:center;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.cms-check-row strong{font-size:15px}
.cms-check-row em{
  font-style:normal;
  color:rgba(255,255,255,.55);
  font-family:var(--cms-font-mono);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.cms-check-row.warn span{color:#F2C400}
.cms-check-row.ok span{color:#74B88A}
.cms-factcheck .cms-btn{margin-top:20px;border-color:rgba(255,255,255,.25);background:transparent;color:#fff}

.cms-doc-row{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--cms-line);
}
.cms-doc-row:last-child{border-bottom:0}
.cms-doc-row>span{
  width:38px;
  height:46px;
  background:var(--cms-ink);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--cms-font-mono);
  font-size:9px;
  font-weight:900;
}
.cms-doc-row strong{display:block;font-size:15px}
.cms-doc-row em{display:block;color:var(--cms-muted);font-size:10px;font-style:normal}
.cms-doc-row b{color:var(--cms-green);font-size:10px}

.cms-next p{font-size:16px;line-height:1.5;color:#4B463F}
.cms-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.cms-empty{color:var(--cms-muted);padding:18px 0}

/* Re-skin compatible de páginas admin viejas */
.admin{
  background:var(--cms-paper)!important;
  color:var(--cms-ink)!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:calc(100% - 264px)!important;
  margin:0 0 0 264px!important;
  padding:32px 36px 54px!important;
}
.admin h1{
  font-family:var(--cms-font-display)!important;
  font-size:48px!important;
  letter-spacing:-.06em!important;
  text-transform:uppercase!important;
}
.admin-card,.admin-section{
  border:1px solid var(--cms-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.admin-section summary{
  font-family:var(--cms-font-display)!important;
  letter-spacing:-.04em!important;
}
.admin input,.admin textarea,.admin select{
  border-color:var(--cms-line)!important;
  background:#fff!important;
  border-radius:10px!important;
}
.admin button{
  background:var(--cms-red)!important;
  border-color:var(--cms-red)!important;
  color:#fff!important;
  border-radius:10px!important;
}

@media(max-width:1100px){
  body.cms-shell{display:block}
  .cms-sidebar{position:relative;min-height:0}
  .cms-main{padding:24px 18px 42px}
  .cms-topbar,.cms-grid-main,.cms-grid-secondary{grid-template-columns:1fr}
  .cms-stats{grid-template-columns:1fr 1fr}
  .admin{width:100%!important;margin:0!important;padding:24px 18px 42px!important}
}
@media(max-width:640px){
  .cms-topbar h1{font-size:42px}
  .cms-stats{grid-template-columns:1fr}
  .cms-review-item,.cms-doc-row{align-items:flex-start}
}


/* ===========================================================
   SPOILER v2.1.1 — ADMIN UNIFICADO
   Corrige las secciones internas que todavía abrían como formulario viejo:
   logo gigante + navegación dentro del contenido + tarjeta gris.
   Todas las pantallas admin pasan a shell CMS: sidebar + main + panel.
   =========================================================== */

body.cms-shell{
  margin:0!important;
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:264px minmax(0,1fr)!important;
  background:var(--cms-paper,#EFE9DE)!important;
  color:var(--cms-ink,#16130F)!important;
  font-family:var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
}

body.cms-shell .cms-sidebar{
  grid-column:1!important;
  grid-row:1!important;
  width:264px!important;
  box-sizing:border-box!important;
  background:var(--cms-sidebar,#16130F)!important;
  color:#fff!important;
  min-height:100vh!important;
  padding:22px 14px!important;
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.cms-shell .cms-logo img{
  width:94px!important;
  max-width:94px!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
}

body.cms-shell .cms-main{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:32px 36px 54px!important;
  margin:0!important;
}

/* Panel base para todas las pantallas internas */
.cms-page-card{
  max-width:1180px;
  margin:0 auto;
  background:transparent;
}

.cms-page-card > h1{
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:clamp(42px,5vw,64px)!important;
  line-height:.9!important;
  letter-spacing:-.06em!important;
  text-transform:uppercase!important;
  margin:0 0 22px!important;
  color:var(--cms-ink,#16130F)!important;
}

.cms-page-card > h1:before{
  content:"";
  display:inline-block;
  width:16px;
  height:9px;
  background:var(--cms-red,#B33A3A);
  transform:skewX(-12deg);
  margin-right:12px;
  vertical-align:.18em;
}

/* Formularios y paneles internos con el mismo lenguaje del dashboard */
.cms-page-card form,
.cms-page-card .admin-card,
.cms-page-card .notice,
.cms-page-card .alert,
.cms-page-card .table{
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

.cms-page-card form,
.cms-page-card .admin-card{
  padding:20px!important;
  margin:0 0 18px!important;
}

.cms-page-card .notice,
.cms-page-card .alert{
  padding:14px 16px!important;
  margin:0 0 14px!important;
  border-left:5px solid var(--cms-red,#B33A3A)!important;
  color:#3d372f!important;
  font-weight:600!important;
}

.cms-page-card .alert{
  border-left-color:var(--cms-alert,#E0241B)!important;
  background:#fff5f2!important;
}

.cms-page-card h2{
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:26px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  margin:24px 0 14px!important;
}

.cms-page-card label{
  display:block!important;
  margin:12px 0 6px!important;
  color:#5e574d!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

.cms-page-card input:not([type="checkbox"]):not([type="radio"]),
.cms-page-card select,
.cms-page-card textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--cms-ink,#16130F)!important;
  padding:12px 14px!important;
  font:600 15px var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
}

.cms-page-card textarea{
  min-height:120px;
  resize:vertical;
}

.cms-page-card input[type="file"]{
  background:#F8F6F1!important;
}

.cms-page-card button,
.cms-page-card .mini-btn,
.cms-page-card a.mini-btn{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:10px!important;
  padding:0 18px!important;
  border:1px solid var(--cms-ink,#16130F)!important;
  background:var(--cms-ink,#16130F)!important;
  color:#fff!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
  margin:12px 8px 4px 0!important;
}

.cms-page-card button:hover,
.cms-page-card .mini-btn:hover{
  background:var(--cms-red,#B33A3A)!important;
  border-color:var(--cms-red,#B33A3A)!important;
}

.cms-page-card .table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  margin:18px 0 0!important;
  padding:0!important;
}

.cms-page-card .table th,
.cms-page-card .table td{
  padding:14px 16px!important;
  border-bottom:1px solid var(--cms-line,#DED4C5)!important;
  text-align:left!important;
  vertical-align:top!important;
}

.cms-page-card .table th{
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#5e574d!important;
  background:#F8F6F1!important;
}

.cms-page-card .table tr:last-child td{
  border-bottom:0!important;
}

.cms-page-card .table a{
  color:var(--cms-red,#B33A3A)!important;
  font-weight:800!important;
  text-decoration:none!important;
}

.cms-page-card details.admin-section{
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:16px!important;
  padding:16px!important;
  margin:0 0 16px!important;
}

.cms-page-card details.admin-section summary{
  cursor:pointer!important;
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  list-style:none!important;
}

.cms-page-card details.admin-section summary::-webkit-details-marker{
  display:none;
}

.cms-page-card details.admin-section summary:after{
  content:" +";
  color:var(--cms-red,#B33A3A);
}

.cms-page-card details.admin-section[open] summary:after{
  content:" –";
}

.cms-page-card .admin-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)!important;
  gap:18px!important;
  align-items:start!important;
}

.cms-page-card .admin-grid > aside.admin-card,
.cms-page-card .admin-grid > aside{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

.cms-page-card .field-help,
.cms-page-card .image-guide{
  color:#70685d!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin:4px 0 10px!important;
}

.cms-page-card .inline-checkbox,
.cms-page-card .check-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  font-family:var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#2f2a24!important;
  margin:10px 0!important;
}

.cms-page-card .preview-img{
  max-width:260px!important;
  height:auto!important;
  display:block!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:12px!important;
  margin:10px 0!important;
  background:#F4F0E8!important;
}

.cms-page-card .preview-wide{
  max-width:360px!important;
}

/* Impide que el logo viejo vuelva a aparecer dentro de contenido */
.cms-page-card > .cms-sidebar,
.cms-page-card .cms-logo{
  display:none!important;
}

/* Compatibilidad con páginas que todavía conserven .admin por caché o edición manual */
body.cms-shell .admin{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:1100px){
  body.cms-shell{
    display:block!important;
  }
  body.cms-shell .cms-sidebar{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
  }
  body.cms-shell .cms-main{
    padding:24px 18px 42px!important;
  }
  .cms-page-card .admin-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .cms-page-card > h1{
    font-size:38px!important;
  }
  .cms-page-card .table{
    display:block!important;
    overflow-x:auto!important;
  }
}


/* ===========================================================
   SPOILER v2.1.2 — FIX ADMIN LAYOUT HORIZONTAL
   Corrige páginas internas donde el título quedaba fuera del main
   y el contenido desaparecía al abrir pantalla completa.
   =========================================================== */

body.cms-shell{
  display:grid!important;
  grid-template-columns:264px minmax(0,1fr)!important;
  align-items:start!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
}

body.cms-shell > .cms-sidebar{
  grid-column:1!important;
  grid-row:1!important;
  width:264px!important;
  min-width:264px!important;
  max-width:264px!important;
}

body.cms-shell > .cms-main{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding:32px 36px 54px!important;
  margin:0!important;
}

body.cms-shell .cms-page-card{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:block!important;
  min-height:200px!important;
  overflow:visible!important;
}

/* Si quedó algún .admin dentro de cms-page-card, ya no controla layout. */
body.cms-shell .cms-page-card .admin,
body.cms-shell .admin{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Evita que h1 o tablas se vayan fuera de la parrilla. */
body.cms-shell .cms-page-card > h1,
body.cms-shell .cms-page-card h1:first-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}

body.cms-shell .cms-page-card table,
body.cms-shell .cms-page-card .table{
  display:table!important;
  width:100%!important;
  max-width:100%!important;
}

@media(max-width:1100px){
  body.cms-shell{
    display:block!important;
  }
  body.cms-shell > .cms-sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.cms-shell > .cms-main{
    width:100%!important;
    padding:24px 18px 42px!important;
  }
}


/* ===========================================================
   SPOILER v2.1.3 — CMS INTERNO PROFESIONAL
   Corrige el aspecto “formulario eterno” del editor y unifica
   tablas/listados con la parrilla de inicio.
   =========================================================== */

body.cms-shell{
  background:
    linear-gradient(90deg, rgba(22,19,15,.035) 1px, transparent 1px) 0 0/72px 72px,
    linear-gradient(180deg, rgba(22,19,15,.025) 1px, transparent 1px) 0 0/72px 72px,
    var(--cms-paper,#EFE9DE)!important;
}

/* Main area */
body.cms-shell > .cms-main{
  padding:30px 36px 56px!important;
}

.cms-page-card{
  max-width:1240px!important;
  margin:0 auto!important;
}

/* Header de página consistente */
.cms-page-card > h1{
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:clamp(42px,4.6vw,62px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
  text-transform:uppercase!important;
  margin:0 0 26px!important;
  color:var(--cms-ink,#16130F)!important;
}

.cms-page-card > h1:before{
  content:"";
  display:inline-block;
  width:18px;
  height:10px;
  background:var(--cms-red,#B33A3A);
  transform:skewX(-12deg);
  margin-right:12px;
  vertical-align:.16em;
}

/* Editor head */
.cms-editor-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
  margin:0 0 22px;
}

.cms-editor-head h1{
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:clamp(46px,5vw,72px)!important;
  line-height:.9!important;
  letter-spacing:-.07em!important;
  text-transform:uppercase!important;
  margin:0!important;
}

.cms-editor-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  padding-top:12px;
}

/* Editor layout */
.cms-editor-form{
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

.cms-editor-form .admin-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 380px!important;
  gap:22px!important;
  align-items:start!important;
}

.cms-editor-form .admin-grid > div{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}

.cms-editor-form aside.admin-card{
  position:sticky!important;
  top:22px!important;
  display:grid!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}

/* Cards / sections */
.cms-page-card details.admin-section{
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:18px!important;
  padding:0!important;
  margin:0 0 18px!important;
  overflow:hidden!important;
  box-shadow:0 18px 35px rgba(22,19,15,.045)!important;
}

.cms-page-card details.admin-section[open]{
  background:#fff!important;
}

.cms-page-card details.admin-section > summary{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:18px 20px!important;
  background:#fff!important;
  border-bottom:1px solid var(--cms-line,#DED4C5)!important;
  cursor:pointer!important;
  font-family:var(--cms-font-display,"Space Grotesk","Arial Black",Impact,sans-serif)!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
  color:var(--cms-ink,#16130F)!important;
}

.cms-page-card details.admin-section > summary:before{
  content:"";
  width:16px;
  height:9px;
  background:var(--cms-red,#B33A3A);
  transform:skewX(-12deg);
  flex:0 0 auto;
}

.cms-page-card details.admin-section > summary:after{
  content:"+"!important;
  margin-left:auto!important;
  color:var(--cms-red,#B33A3A)!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:18px!important;
}

.cms-page-card details.admin-section[open] > summary:after{
  content:"–"!important;
}

/* Content inside sections: because HTML has no inner wrapper */
.cms-page-card details.admin-section > label,
.cms-page-card details.admin-section > input,
.cms-page-card details.admin-section > textarea,
.cms-page-card details.admin-section > select,
.cms-page-card details.admin-section > p,
.cms-page-card details.admin-section > img,
.cms-page-card details.admin-section > div,
.cms-page-card details.admin-section > button{
  margin-left:20px!important;
  margin-right:20px!important;
}

.cms-page-card details.admin-section > label:first-of-type{
  margin-top:18px!important;
}

.cms-page-card details.admin-section > *:last-child{
  margin-bottom:20px!important;
}

/* Inputs professional */
.cms-page-card label{
  display:block!important;
  color:#6B6257!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  margin-top:14px!important;
  margin-bottom:7px!important;
}

.cms-page-card input:not([type="checkbox"]):not([type="radio"]),
.cms-page-card textarea,
.cms-page-card select{
  display:block!important;
  width:calc(100% - 40px)!important;
  max-width:calc(100% - 40px)!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:12px!important;
  background:#FBFAF7!important;
  color:var(--cms-ink,#16130F)!important;
  padding:13px 14px!important;
  font:600 15px/1.45 var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}

.cms-page-card input:focus,
.cms-page-card textarea:focus,
.cms-page-card select:focus{
  border-color:var(--cms-red,#B33A3A)!important;
  box-shadow:0 0 0 3px rgba(179,58,58,.12)!important;
}

.cms-page-card textarea{
  min-height:130px!important;
  resize:vertical!important;
}

.cms-page-card textarea[name="body"]{
  min-height:520px!important;
  font-size:17px!important;
  line-height:1.65!important;
  background:#fff!important;
}

.cms-page-card input[type="file"]{
  background:#F4F0E8!important;
  border-style:dashed!important;
  cursor:pointer!important;
}

.cms-page-card .field-help,
.cms-page-card .image-guide{
  color:#70685D!important;
  font-size:13px!important;
  line-height:1.45!important;
  margin-top:2px!important;
  margin-bottom:8px!important;
}

/* Checklist */
.cms-page-card .admin-checklist{
  width:calc(100% - 40px)!important;
  background:#FBFAF7!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:12px!important;
  padding:6px!important;
  margin-top:10px!important;
  max-height:320px!important;
  overflow:auto!important;
}

.cms-page-card .check-item,
.cms-page-card .inline-checkbox{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  color:#2F2A24!important;
  font-family:var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:4px 0!important;
}

.cms-page-card .check-item:hover,
.cms-page-card .inline-checkbox:hover{
  background:#F4F0E8!important;
}

.cms-page-card .check-item input,
.cms-page-card .inline-checkbox input{
  margin-top:2px!important;
  accent-color:var(--cms-red,#B33A3A)!important;
}

.cms-page-card small{
  color:#8B8377!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:10px!important;
  text-transform:uppercase!important;
}

/* Image previews */
.cms-page-card .preview-img{
  width:160px!important;
  max-width:160px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:12px!important;
  background:#F4F0E8!important;
  margin-top:10px!important;
}

.cms-page-card .preview-wide{
  width:220px!important;
  max-width:220px!important;
  aspect-ratio:1200/630!important;
}

/* Buttons */
.cms-page-card button,
.cms-page-card .cms-btn,
.cms-page-card .mini-btn,
.cms-page-card a.mini-btn{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:12px!important;
  padding:0 18px!important;
  border:1px solid var(--cms-ink,#16130F)!important;
  background:var(--cms-ink,#16130F)!important;
  color:#fff!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.cms-page-card .cms-btn-red,
.cms-page-card button.cms-btn-red,
.cms-page-card .cms-save-bottom{
  background:var(--cms-red,#B33A3A)!important;
  border-color:var(--cms-red,#B33A3A)!important;
}

.cms-page-card .cms-btn-light{
  background:#fff!important;
  color:var(--cms-ink,#16130F)!important;
  border-color:var(--cms-line,#DED4C5)!important;
}

/* Tables/lists professional for all internal pages */
.cms-page-card table,
.cms-page-card .table{
  width:100%!important;
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:18px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  overflow:hidden!important;
  box-shadow:0 18px 35px rgba(22,19,15,.045)!important;
}

.cms-page-card th,
.cms-page-card .table th{
  background:#F7F3EC!important;
  color:#6B6257!important;
  font-family:var(--cms-font-mono,"Space Mono","Courier New",monospace)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  padding:14px 16px!important;
  border-bottom:1px solid var(--cms-line,#DED4C5)!important;
}

.cms-page-card td,
.cms-page-card .table td{
  padding:15px 16px!important;
  border-bottom:1px solid var(--cms-line,#DED4C5)!important;
  vertical-align:top!important;
}

.cms-page-card tr:last-child td{
  border-bottom:0!important;
}

.cms-page-card td a{
  color:var(--cms-red,#B33A3A)!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Generic forms/list pages */
.cms-page-card > form:not(.cms-editor-form){
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:18px!important;
  padding:20px!important;
  margin:0 0 20px!important;
  box-shadow:0 18px 35px rgba(22,19,15,.045)!important;
}

.cms-page-card > form:not(.cms-editor-form) input:not([type="checkbox"]):not([type="radio"]),
.cms-page-card > form:not(.cms-editor-form) textarea,
.cms-page-card > form:not(.cms-editor-form) select{
  width:100%!important;
  max-width:100%!important;
}

/* Notices */
.cms-page-card .notice,
.cms-page-card .alert{
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-left:6px solid var(--cms-red,#B33A3A)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  margin:0 0 18px!important;
  font-weight:700!important;
  color:#3D372F!important;
}

.cms-page-card .alert{
  border-left-color:var(--cms-alert,#E0241B)!important;
  background:#FFF6F2!important;
}

/* Evita textos pegados por minificación HTML */
.cms-page-card .admin-grid,
.cms-page-card details.admin-section,
.cms-page-card form{
  line-height:1.4!important;
}

/* Sidebar polish */
.cms-sidebar{
  box-shadow:8px 0 30px rgba(22,19,15,.08)!important;
}

.cms-nav-link{
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}

.cms-nav-link:hover{
  transform:translateX(2px)!important;
}

/* Responsive */
@media(max-width:1180px){
  .cms-editor-form .admin-grid{
    grid-template-columns:1fr!important;
  }
  .cms-editor-form aside.admin-card{
    position:static!important;
  }
}

@media(max-width:760px){
  .cms-editor-head{
    grid-template-columns:1fr!important;
  }
  .cms-editor-actions{
    justify-content:flex-start!important;
  }
  .cms-page-card input:not([type="checkbox"]):not([type="radio"]),
  .cms-page-card textarea,
  .cms-page-card select{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }
  .cms-page-card details.admin-section > label,
  .cms-page-card details.admin-section > input,
  .cms-page-card details.admin-section > textarea,
  .cms-page-card details.admin-section > select,
  .cms-page-card details.admin-section > p,
  .cms-page-card details.admin-section > img,
  .cms-page-card details.admin-section > div,
  .cms-page-card details.admin-section > button{
    margin-left:12px!important;
    margin-right:12px!important;
  }
}


/* ===========================================================
   SPOILER v2.1.4 — MENÚ ACTIVO DINÁMICO
   Corrige que “Nueva nota” quedara rojo permanentemente.
   =========================================================== */

.cms-nav-link.cms-create-link{
  background:transparent!important;
  color:rgba(255,255,255,.72)!important;
}

.cms-nav-link.cms-create-link:hover,
.cms-nav-link:hover,
.cms-nav-link.is-active{
  background:var(--cms-red,#B33A3A)!important;
  color:#fff!important;
}

.cms-nav-link.is-active{
  font-weight:900!important;
}

.cms-nav-link.is-active span{
  color:#fff!important;
}

.cms-nav-link.cms-create-link.is-active{
  background:var(--cms-red,#B33A3A)!important;
  color:#fff!important;
}

/* ===========================================================
   SPOILER v2.2 — acceso a Modo Escarba desde nota clásica
   =========================================================== */
.ed-escarba-cta{margin:24px 0 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(15,23,42,.12);padding-top:18px}.ed-escarba-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:#E0241B;color:#fff;padding:0 18px;font-family:"Space Mono",monospace;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 22px rgba(224,36,27,.22)}.ed-escarba-cta span{color:rgba(15,23,42,.62);font-size:14px;font-weight:700;max-width:520px}

/* CMS — campo Modo Escarba */
.cms-escarba-textarea{font-family:"Space Mono","Courier New",monospace!important;font-size:12px!important;line-height:1.55!important;min-height:360px!important;background:#16130F!important;color:#F4EFE5!important;border-color:#B33A3A!important}.cms-escarba-help{background:#FFF8E1!important;border:1px solid #E7D58A!important;color:#3d372f!important;border-radius:12px!important;padding:12px 14px!important;font-size:13px!important;line-height:1.45!important}.cms-escarba-sample{display:inline-flex!important;margin:8px 20px 16px!important;min-height:38px!important;background:#fff!important;color:#16130F!important;border:1px solid #DED4C5!important}


/* ===========================================================
   SPOILER v2.2.1 — MODO ESCARBA EDITOR VISUAL
   El pozo ya no se captura como JSON: se edita por ventanas.
   =========================================================== */
.cms-escarba-section .cms-escarba-help{
  background:#fff7ef!important;
  border:1px solid #ead9c7!important;
  border-left:5px solid var(--cms-red,#B33A3A)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  color:#3b332a!important;
  font-weight:700!important;
}
.cms-escarba-builder{
  display:grid!important;
  gap:16px!important;
  margin:18px 20px 8px!important;
}
.cms-escarba-card{
  background:#FBFAF7!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:16px!important;
  padding:16px!important;
  box-shadow:0 10px 28px rgba(22,19,15,.045)!important;
}
.cms-escarba-card-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  justify-content:space-between!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--cms-line,#DED4C5)!important;
  padding-bottom:12px!important;
}
.cms-escarba-card-head strong{
  margin-right:auto!important;
  font-family:var(--cms-font-display,"Space Grotesk",sans-serif)!important;
  font-size:20px!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
}
.cms-escarba-number{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  background:var(--cms-ink,#16130F)!important;
  color:#fff!important;
  border-radius:999px!important;
  font:900 10px/1 var(--cms-font-mono,"Space Mono",monospace)!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.cms-escarba-remove{
  min-height:30px!important;
  padding:0 10px!important;
  margin:0!important;
  background:#fff!important;
  color:var(--cms-red,#B33A3A)!important;
  border-color:#ead9c7!important;
}
.cms-escarba-row{
  display:grid!important;
  gap:12px!important;
}
.cms-escarba-row.two{grid-template-columns:1fr 1fr!important;}
.cms-escarba-row.three{grid-template-columns:180px 160px minmax(0,1fr)!important;}
.cms-escarba-card label{
  margin-left:0!important;
  margin-right:0!important;
}
.cms-escarba-card input:not([type="checkbox"]):not([type="radio"]),
.cms-escarba-card textarea,
.cms-escarba-card select{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.cms-escarba-photo{
  display:grid!important;
  grid-template-columns:120px 1fr 1fr!important;
  gap:12px!important;
  align-items:end!important;
  margin:14px 0 0!important;
}
.cms-escarba-photo img{
  width:120px!important;
  height:86px!important;
  object-fit:cover!important;
  border-radius:10px!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  background:#F4F0E8!important;
}
.cms-escarba-checks{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
.cms-escarba-add{
  margin-left:20px!important;
}
@media(max-width:900px){
  .cms-escarba-row.two,.cms-escarba-row.three,.cms-escarba-photo{grid-template-columns:1fr!important;}
}


/* ===========================================================
   SPOILER v2.3 — MESA STUDIO
   Sistema interno de producción editorial.
   =========================================================== */
.studio-hero-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  background:#fff!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  border-radius:18px!important;
  padding:24px!important;
  margin:0 0 26px!important;
  box-shadow:0 18px 35px rgba(22,19,15,.045)!important;
}
.studio-hero-panel h2{
  font-size:clamp(28px,3vw,44px)!important;
  line-height:.95!important;
  margin:4px 0 10px!important;
}
.studio-hero-panel p{max-width:760px;color:#51493f;font-weight:700;line-height:1.55}
.studio-hero-panel ol{
  display:grid;
  grid-template-columns:repeat(3,92px);
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
}
.studio-hero-panel li{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#16130F;
  color:#fff;
  border-radius:14px;
  font:900 10px/1.1 var(--cms-font-mono,"Space Mono",monospace);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.studio-form .studio-grid-two,
.studio-grid-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.studio-grid-three{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.studio-form h3{
  font-family:var(--cms-font-display,"Space Grotesk",sans-serif)!important;
  text-transform:uppercase!important;
  letter-spacing:-.04em!important;
  margin:20px 0 10px!important;
}
.studio-sources{display:grid;gap:12px;margin:14px 0}
.studio-source-row{
  display:grid;
  grid-template-columns:130px minmax(180px,1fr) minmax(200px,1fr);
  gap:10px;
  background:#FBFAF7;
  border:1px solid var(--cms-line,#DED4C5);
  border-radius:14px;
  padding:12px;
}
.studio-source-row textarea{grid-column:span 3;min-height:72px!important}
.studio-source-remove{
  background:#fff!important;
  color:var(--cms-red,#B33A3A)!important;
  border-color:#ead9c7!important;
  min-height:34px!important;
  margin:0!important;
}
.studio-table strong{font-weight:900}
.studio-status{
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:#F7F3EC;
  border:1px solid var(--cms-line,#DED4C5);
  font:900 10px/1 var(--cms-font-mono,"Space Mono",monospace);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.studio-pipeline{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:8px;
  margin:0 0 18px;
}
.studio-pipeline button{
  min-height:44px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:14px!important;
  border:1px solid var(--cms-line,#DED4C5)!important;
  background:#fff!important;
  color:#16130F!important;
}
.studio-pipeline button.is-current{
  background:var(--cms-red,#B33A3A)!important;
  border-color:var(--cms-red,#B33A3A)!important;
  color:#fff!important;
}
.studio-stage-tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 20px 8px!important;
}
.studio-output{
  width:calc(100% - 40px)!important;
  max-width:calc(100% - 40px)!important;
  min-height:260px!important;
  font-family:var(--cms-font-body,"Inter",system-ui,sans-serif)!important;
}
.studio-output-large{min-height:560px!important}
.studio-prompt{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
}
.studio-sticky-actions{
  position:sticky;
  bottom:0;
  z-index:20;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  background:linear-gradient(180deg,rgba(239,233,222,0),#EFE9DE 22%,#EFE9DE);
  padding:26px 0 10px;
}
@media(max-width:1100px){
  .studio-hero-panel,.studio-form .studio-grid-two,.studio-grid-two,.studio-grid-three,.studio-pipeline{grid-template-columns:1fr!important}
  .studio-source-row{grid-template-columns:1fr!important}
  .studio-source-row textarea{grid-column:auto}
  .studio-hero-panel ol{grid-template-columns:repeat(2,1fr)}
}

/* v2.4 — Studio Publicador */
.studio-pipeline-wide{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.studio-publication-box{border:2px solid #111827;background:#fffdf8;padding:18px;margin-top:18px;box-shadow:8px 8px 0 rgba(15,23,42,.08)}
.studio-publication-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.studio-publication-head h2{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em;text-transform:uppercase}
.studio-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.studio-image-grid>div{border:1px solid rgba(15,23,42,.16);background:#f7f3ea;padding:12px}
.studio-image-grid input[type=file]{width:100%;margin-top:8px}
.studio-form .inline-checkbox{display:block;margin:8px 0;font-weight:800}
.studio-form .inline-checkbox input{margin-right:8px}
@media (max-width:980px){.studio-image-grid{grid-template-columns:1fr 1fr}.studio-pipeline-wide{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:640px){.studio-image-grid{grid-template-columns:1fr}.studio-publication-box{padding:12px}}

/* ===========================================================
   SPOILER v3.0 — arquitectura simple sobre diseño aprobado v2.4.2
   Sólo agrega controles necesarios; no sustituye el sistema visual.
   =========================================================== */
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.button-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--sp-red,#B33A3A);border:1px solid var(--sp-red,#B33A3A);color:#fff!important;padding:15px 18px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.button-primary:hover{background:#8F2D2D;border-color:#8F2D2D}
.sp-hero-v201 .button-outline{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.home-v201 .sp-latest-grid-v201{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;max-width:900px;margin-top:28px;border:2px solid var(--sp-black,#0F172A);background:#fff}
.public-search-form input{min-height:58px;width:100%;border:0;padding:0 18px;background:#fff;color:var(--sp-black,#0F172A);font:600 17px/1.2 Inter,system-ui,sans-serif}
.public-search-form input:focus{outline:3px solid rgba(179,58,58,.22);outline-offset:-3px}
.public-search-form button{min-width:150px;border:0;background:var(--sp-red,#B33A3A);color:#fff;padding:0 20px;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.public-search-form button:hover{background:var(--sp-black,#0F172A)}
.infographic-slide{margin-bottom:14px}
@media(max-width:760px){.hero-actions{align-items:stretch}.hero-actions a{width:100%}.home-v201 .sp-latest-grid-v201{grid-template-columns:1fr}.public-search-form{grid-template-columns:1fr}.public-search-form button{min-height:52px}.sp-series-grid-v201{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sp-series-grid-v201{grid-template-columns:1fr}}