@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=DM+Serif+Display&display=swap');
:root{--ink:#17101f;--purple:#2c0d52;--purple-2:#531395;--yellow:#eff41b;--paper:#fbf8f0;--white:#fff;--muted:#665f6d;--line:#d9d0df;--radius:1.35rem;--shadow:0 18px 45px rgba(34,13,59,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 Archivo,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:.09em;text-underline-offset:.15em}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;min-height:76px;padding:.75rem clamp(1rem,4vw,4.5rem);background:rgba(251,248,240,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border-radius:.75rem;background:var(--yellow);border:2px solid var(--purple);font-size:.68rem}.site-header nav{display:flex;align-items:center;gap:clamp(.6rem,1.5vw,1.4rem);margin-left:auto;font-size:.88rem;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{text-decoration:underline}.back-link{padding:.55rem .9rem;border:1px solid var(--ink);border-radius:999px}.menu-button{display:none;margin-left:auto;padding:.55rem .8rem;border:1px solid var(--ink);border-radius:999px;background:white;font:inherit;font-weight:700}.magazine-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-template-areas:'copy photo' 'panel photo';gap:1.25rem;max-width:1440px;margin:auto;padding:clamp(2rem,6vw,6rem) clamp(1rem,5vw,5rem);background:radial-gradient(circle at 15% 5%,rgba(239,244,27,.35),transparent 27%)}.hero-copy{grid-area:copy;align-self:end}.hero-copy h1,.category-hero h1,.article-header h1{font:400 clamp(2.8rem,7vw,7.3rem)/.92 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:.35rem 0 1.2rem}.hero-copy p{max-width:46rem;font-size:clamp(1.05rem,2vw,1.35rem)}.kicker,.eyebrow{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.lead-photo{grid-area:photo;margin:0}.lead-photo img,.article-hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}figcaption{padding:.45rem .2rem;color:var(--muted);font-size:.72rem}.lead-panel{grid-area:panel;padding:1.5rem;border-radius:var(--radius);background:var(--purple);color:white}.lead-panel h2{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.1;margin:.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.25rem;border:2px solid var(--ink);border-radius:.85rem;background:var(--yellow);box-shadow:0 5px 0 var(--ink);font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.button-outline{background:transparent;color:var(--ink)}.button-light{background:white}.editorial-section,.task-section,.health-strip,.whatsapp-cta,.category-hero,.method-page,.article-page{max-width:1440px;margin:auto;padding:clamp(2.5rem,6vw,6rem) clamp(1rem,5vw,5rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2,.task-section h2,.health-strip h2,.whatsapp-cta h2{margin:.2rem 0;font:400 clamp(2.1rem,4.5vw,4.6rem)/1 'DM Serif Display',Georgia,serif}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;align-items:stretch}.story-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 10px 28px rgba(32,17,43,.06)}.story-media{overflow:hidden;display:block;background:#ddd}.story-media img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.story-card:hover .story-media img{transform:scale(1.025)}.story-body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.story-body h2{font-size:1.25rem;line-height:1.18;margin:.4rem 0}.story-body h2 a{text-decoration:none}.story-body p{color:var(--muted)}.story-meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}.task-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);background:var(--yellow);max-width:none;padding-left:max(1rem,calc((100vw - 1440px)/2 + 5rem));padding-right:max(1rem,calc((100vw - 1440px)/2 + 5rem))}.task-links{display:grid;gap:.75rem}.task-links a{display:flex;justify-content:space-between;padding:1rem 1.2rem;border:2px solid var(--ink);border-radius:1rem;background:rgba(255,255,255,.65);font-weight:800;text-decoration:none}.health-strip{display:grid;grid-template-columns:2fr 1fr;gap:3rem;background:linear-gradient(135deg,#193d39,#28786d);max-width:none;color:white;padding-left:max(1rem,calc((100vw - 1440px)/2 + 5rem));padding-right:max(1rem,calc((100vw - 1440px)/2 + 5rem))}.sponsor-note{align-self:end;padding:1.25rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);background:rgba(0,0,0,.15)}.whatsapp-cta{text-align:center}.whatsapp-cta>div{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.site-footer{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:3rem clamp(1rem,5vw,5rem);background:var(--purple);color:white}.site-footer div:nth-child(2){display:grid;align-content:start;gap:.5rem}.footer-sign{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.25)}.category-hero{padding-top:clamp(4rem,9vw,9rem);padding-bottom:3rem;background:linear-gradient(135deg,rgba(239,244,27,.28),transparent)}.category-hero p{max-width:50rem;font-size:1.25rem}.search-label{display:grid;gap:.35rem;font-size:.78rem;font-weight:700}.search-label input{min-width:min(22rem,80vw);min-height:46px;padding:.7rem 1rem;border:1px solid var(--ink);border-radius:999px;font:inherit}.search-status{min-height:1.5rem}.empty{padding:2rem;border:1px dashed var(--line);border-radius:var(--radius)}.breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.article-page{max-width:1320px}.article-header{max-width:1100px;padding:clamp(3rem,7vw,7rem) 0 2rem}.article-header h1{font-size:clamp(2.8rem,6vw,6.4rem)}.standfirst{max-width:850px;font-size:clamp(1.15rem,2.2vw,1.5rem)}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.4rem;color:var(--muted);font-size:.82rem}.sponsor-badge{max-width:850px;padding:1rem 1.2rem;border-left:5px solid #29a98b;background:#e4f6f1}.article-hero{margin:0}.article-hero img{aspect-ratio:16/8;object-fit:cover}.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:clamp(2rem,6vw,6rem);padding:clamp(2.5rem,6vw,6rem) 0}.toc{position:sticky;top:100px;align-self:start;padding:1rem;border-top:4px solid var(--yellow)}.toc ol{padding-left:1.2rem}.toc a{font-size:.84rem}.article-content{font-family:Georgia,serif;font-size:1.12rem;line-height:1.82}.article-content h2{margin:2.8rem 0 1rem;font:700 clamp(1.7rem,3vw,2.5rem)/1.15 Archivo,sans-serif}.article-content li{margin:.55rem 0}.summary-box,.editorial-note{padding:1.35rem;border-radius:var(--radius);background:#eee7f4;border-left:5px solid var(--purple);font-size:1.18rem}.editorial-note{margin-top:3rem;background:#fff7cb;border-color:#c7a600}.sources,.changes{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line)}.related{padding-top:3rem;border-top:1px solid var(--line)}.related .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.method-page{max-width:850px;font-family:Georgia,serif;font-size:1.14rem}.method-page h2{font-family:Archivo,sans-serif;margin-top:2.5rem}
@media(max-width:1050px){.site-header nav{display:none;position:absolute;top:100%;left:1rem;right:1rem;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--paper);box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.menu-button{display:block}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-hero{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.toc{position:static}.task-section,.health-strip{grid-template-columns:1fr}}
@media(max-width:680px){.magazine-hero{grid-template-columns:1fr;grid-template-areas:'copy' 'photo' 'panel';padding-top:3rem}.hero-copy h1{font-size:3.2rem}.story-grid,.related .story-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.article-page{padding-left:1rem;padding-right:1rem}.article-header h1{font-size:2.8rem}.article-meta{display:grid}.article-hero img{aspect-ratio:4/3}.site-footer{grid-template-columns:1fr}.footer-sign{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.story-media img{transition:none}}
.category-hero{position:relative;overflow:hidden}.category-hero:after{content:'';position:absolute;width:22rem;aspect-ratio:1;right:-6rem;bottom:-12rem;border:3.5rem solid rgba(83,19,149,.08);border-radius:50%;pointer-events:none}.category-count{display:flex;align-items:center;gap:.75rem;width:max-content;max-width:100%;margin-top:2rem;padding:.75rem 1rem;border:1px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.72)}.category-count strong{font-size:1.4rem}.category-count span{font-size:.82rem}.category-list{padding-bottom:3rem}.recommendations{padding-top:3rem;border-top:1px solid var(--line)}
.project-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1.5rem;align-items:center;margin:2.75rem 0;padding:1.35rem 1.5rem;border:1px solid var(--purple);border-radius:var(--radius);background:linear-gradient(135deg,#f0e9f6,#fff);box-shadow:0 12px 32px rgba(44,13,82,.09);font-family:Archivo,sans-serif}.project-recommendation>span{grid-column:1/-1;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-2)}.project-recommendation h2{margin:0 0 .35rem!important;font-size:1.5rem!important}.project-recommendation p{margin:0;color:var(--muted);font-family:Archivo,sans-serif;font-size:.95rem;line-height:1.55}.project-recommendation>a{display:inline-flex;align-items:center;gap:.35rem;padding:.72rem 1rem;border-radius:.8rem;background:var(--purple);color:white;font-size:.85rem;font-weight:800;text-decoration:none;white-space:nowrap}.project-recommendation>a:hover,.project-recommendation>a:focus-visible{background:var(--purple-2)}@media(max-width:680px){.project-recommendation{grid-template-columns:1fr}.project-recommendation>a{justify-content:center;margin-top:.5rem;white-space:normal}}

/* v1.3.5 — identidad oficial compartida con el showroom. */
.editorial-brand{width:clamp(185px,16vw,250px);height:56px;padding:5px 9px;border:1px solid oklch(82% .012 265);border-radius:10px;background:linear-gradient(145deg,oklch(97% .006 265),oklch(84% .012 265));box-shadow:0 4px 8px #2c0d5233}
.editorial-brand-logo,.editorial-footer-brand img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 2px 3px #4b5563)}
.editorial-footer-brand{display:flex;width:min(245px,100%);height:58px;margin-bottom:1rem;padding:5px 9px;border-radius:9px;background:linear-gradient(145deg,oklch(96% .008 265),oklch(80% .014 265));box-shadow:0 4px 8px #10051f;text-decoration:none}
@media(max-width:680px){.editorial-brand{width:190px;height:52px;padding:4px 7px}.editorial-footer-brand{width:210px;height:54px}}

/* v1.3.6: marcas reales, contraste de CTA y firma argentina completa. */
.button-light{background:#fff;color:var(--ink)}
.sponsor-note{display:grid;gap:.75rem}.sponsor-note>a{display:block;width:min(17rem,100%);padding:.6rem .85rem;border-radius:1rem;background:linear-gradient(145deg,#fff,#dce3e7);box-shadow:0 8px 18px rgba(0,0,0,.18)}.sponsor-note p{margin:0}.sponsor-logo{width:100%;height:auto;object-fit:contain}
.project-brand-logo{width:min(13rem,100%);height:auto;margin:0 0 .7rem;padding:.45rem .7rem;border-radius:.85rem;background:linear-gradient(145deg,#fff,#e2e7ea);box-shadow:0 6px 16px rgba(31,40,48,.14);object-fit:contain}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.footer-sign{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.footer-sign img{width:4.7rem;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.argentina-flag{font-size:1.8rem;line-height:1}

/* v1.3.7: contornos de marca, bandera renderizada y herramientas sociales. */
.brand.editorial-brand,.editorial-footer-brand{background:transparent;border:0;box-shadow:none}
.editorial-brand-logo,.editorial-footer-brand img{filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff) drop-shadow(0 3px 3px rgba(23,16,31,.35))}

/* v1.3.8 — placa lavanda con sombra para el logotipo de MaxStoreAr, acorde al violeta de la marca. */
.brand.editorial-brand,.editorial-footer-brand{background:linear-gradient(145deg,#f6f1ff 0%,#e2d2fb 55%,#c9aef0 100%);border:1px solid #ffffff70;box-shadow:0 10px 22px -8px #0f0524b3,0 3px 8px -2px #0f052473}
.editorial-brand-logo,.editorial-footer-brand img{filter:drop-shadow(0 2px 4px rgba(15,5,36,.28))}
.sponsor-note>a{padding:.25rem 0;background:transparent;box-shadow:none}.sponsor-logo{filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff) drop-shadow(0 3px 3px rgba(0,0,0,.35))}
.project-brand-logo{padding:.2rem 0;background:transparent;box-shadow:none;filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff) drop-shadow(0 3px 3px rgba(23,16,31,.22))}
.argentina-flag{display:inline-block;position:relative;width:38px;height:24px;flex:0 0 auto;border:1px solid rgba(255,255,255,.72);border-radius:3px;background:linear-gradient(to bottom,#74acdf 0 33.333%,#fff 33.333% 66.666%,#74acdf 66.666%);box-shadow:0 3px 4px rgba(0,0,0,.32)}.argentina-flag::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#f6b40e;transform:translate(-50%,-50%)}
.share-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;max-width:1320px;margin:1rem auto 2rem;padding:1rem clamp(1rem,5vw,5rem);font-family:Archivo,sans-serif}.share-tools>strong{font-size:.92rem}.share-tools>div{display:flex;gap:.5rem;flex-wrap:wrap}.share-tools a,.share-tools button{min-height:42px;padding:.55rem .8rem;border:2px solid var(--purple);border-radius:.65rem;background:transparent;color:var(--purple);font:800 .78rem Archivo,sans-serif;text-decoration:none;cursor:pointer}.share-tools a:first-child{background:var(--purple);color:#fff}.share-tools a:hover,.share-tools button:hover{background:var(--yellow);color:var(--ink)}.share-feedback{flex-basis:100%;min-height:1.25rem;color:var(--purple-2);font-size:.82rem;font-weight:700}
@media(max-width:680px){.share-tools{align-items:flex-start}.share-tools>strong{flex-basis:100%}.share-tools>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.share-tools a,.share-tools button{text-align:center}}

/* v1.4.0 — logotipo nuevo con fondo e ícono propios. El pie es violeta oscuro y ya no necesita placa;
   la cabecera del blog es clara (crema), así que el logotipo (texto blanco) conserva una placa violeta oscura para seguir siendo legible. */
.editorial-footer-brand{background:transparent;border:0;box-shadow:none}
.editorial-brand-logo,.editorial-footer-brand img{filter:drop-shadow(0 3px 8px rgba(5,1,15,.45))}
.editorial-footer-brand{width:min(230px,42vw);height:60px}

/* v1.4.2 — cabecera del blog unificada en violeta (como el resto del sitio, ya no crema), logotipo 30% más
   grande (ya no necesita placa propia porque toda la cabecera es oscura) y categorías reordenadas en píldoras
   con scroll horizontal en lugar de amontonarse en una sola línea apretada. */
.site-header{background:#2c0d52e8;border-bottom-color:transparent;color:#fff}
.brand.editorial-brand{background:transparent;border:0;box-shadow:none}
.editorial-brand{width:clamp(220px,22vw,330px);height:73px}
.editorial-footer-brand{height:78px}
@media(max-width:680px){.editorial-brand{height:68px}.editorial-footer-brand{height:70px}}
.back-link{border-color:rgba(255,255,255,.55);color:#fff}
.menu-button{border-color:rgba(255,255,255,.4)}
.site-header nav{flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:2px;scrollbar-width:none}
.site-header nav::-webkit-scrollbar{display:none}
.site-header nav a{flex:0 0 auto;padding:.5rem 1rem;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;white-space:nowrap;transition:background .2s}
.site-header nav a:hover,.site-header nav a:focus-visible{background:rgba(255,255,255,.24);text-decoration:none}
.site-header nav a[aria-current="page"]{background:var(--yellow);color:var(--ink);font-weight:800}
@media(max-width:1050px){.site-header nav{flex-wrap:wrap;overflow-x:visible;background:var(--paper);box-shadow:var(--shadow)}.site-header nav a{background:transparent;color:var(--ink);padding:.6rem .3rem}.site-header nav a:hover{background:rgba(44,13,82,.08)}.site-header nav a[aria-current="page"]{background:var(--yellow);color:var(--ink);padding:.5rem .8rem}}

/* v1.4.3 — portada reorganizada en secciones por categoría (antes: una sola grilla con más de 40 notas
   amontonadas). Cada categoría grande es ahora un carrusel horizontal con scroll suave; el buscador dejó de
   mostrar todo por defecto y solo aparece cuando se escribe algo. */
.carousel-section .section-heading{align-items:start}
.carousel-section .section-heading>div{max-width:60ch}
.carousel-section .section-heading p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}
.carousel-link{display:inline-flex;align-items:center;gap:.35rem;padding:.6rem 1rem;border-radius:999px;border:2px solid var(--ink);white-space:nowrap;font-weight:800;text-decoration:none;flex:0 0 auto}
.carousel-link:hover{background:var(--ink);color:#fff}
.carousel-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.25rem .25rem 1rem;margin:0 -.25rem;scrollbar-width:thin;scrollbar-color:var(--purple-2) transparent}
.carousel-track::-webkit-scrollbar{height:8px}
.carousel-track::-webkit-scrollbar-thumb{background:var(--purple-2);border-radius:999px}
.carousel-track .story-card{flex:0 0 clamp(255px,27vw,320px);scroll-snap-align:start}
.search-section{background:linear-gradient(135deg,rgba(83,19,149,.06),transparent)}
.search-section .search-label{max-width:32rem}
.search-section .search-label input{width:100%}
@media(max-width:680px){.carousel-track .story-card{flex-basis:78vw}.carousel-section .section-heading{flex-direction:column;align-items:stretch}.carousel-link{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}

/* v1.4.4 — la fila de categorías de la cabecera avisa con un degradé que hay más para desplazar
   (antes el corte del último ítem contra el borde de la pantalla parecía que faltaba texto). */
.site-header nav{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent 100%);padding-right:2.5rem}
@media(max-width:1050px){.site-header nav{-webkit-mask-image:none;mask-image:none;padding-right:0}}

/* v1.4.5 — link contextual dentro del cuerpo de cada nota (SEO/GEO: no solo al final en "Seguir leyendo"). */
.inline-related{margin:2rem 0;padding:.9rem 1.1rem;border-left:4px solid var(--purple-2);background:#f5eefb;border-radius:0 .6rem .6rem 0;font-size:.98rem}
.inline-related a{font-weight:800}