*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8ec;color:#351739;font-family:Poppins,Arial,sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #eb6035;outline-offset:5px}.skip{position:absolute;top:-80px}.skip:focus{top:8px;z-index:5;background:white;padding:12px}.head{background:#351739;color:#fff8ec}.nav{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:76px;height:auto}.nav nav{display:flex;gap:26px;align-items:center;font-size:.85rem}.nav nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.crumb{padding-top:28px;font-size:.77rem;color:#6b6068}.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:#795a70}.headline{max-width:1020px;padding:32px 0 30px}h1,h2,h3{font-family:'Noto Serif',Georgia,serif;line-height:1.2;font-weight:500}h1{font-size:clamp(2.15rem,4.4vw,3.8rem);letter-spacing:-.035em;margin:16px 0 24px}h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:42px 0 20px}.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:850px}.meta{font-size:.8rem;color:#6b6068}.hero-img{margin:10px 0 42px}.hero-img img{display:block;width:100%;height:auto;border-radius:14px}.hero-img figcaption{font-size:.72rem;color:#6b6068;padding-top:10px}.layout{display:grid;grid-template-columns:minmax(0,740px) 250px;gap:70px;padding-bottom:70px}.prose{font-size:1.02rem}.prose p{margin:0 0 23px}.side{align-self:start;border-top:2px solid #eb6035;padding-top:14px;font-size:.84rem}.side h2{font-family:Poppins,Arial,sans-serif;font-size:.85rem;font-weight:600;margin:8px 0 16px}.side a{display:block;margin:10px 0}.editorial{border-top:1px solid #d8c8ce;margin-top:42px;padding-top:24px;font-size:.84rem;color:#65535e}.editorial h2{font-size:1.25rem;margin:0 0 16px}.editorial p{margin-bottom:14px}.callout{background:#f2e5d5;border-radius:14px;padding:26px;margin:32px 0}.callout h2{font-size:1.5rem;margin:0 0 12px}.button{display:inline-block;background:#351739;color:#fff8ec;text-decoration:none;padding:12px 22px;border-radius:40px;margin-top:8px;font-size:.9rem}.footer{background:#351739;color:#fff8ec;padding:36px 0;font-size:.8rem}.footlinks{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:22px}.card{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;padding:20px 0 60px}.card img{width:100%;height:auto;border-radius:16px}.card h2{margin:16px 0;font-size:clamp(1.7rem,3vw,2.5rem)}.policy{max-width:800px;padding-bottom:64px}@media(max-width:800px){.layout{grid-template-columns:1fr;gap:24px}.side{order:-1}.side a{display:inline-block;margin:4px 15px 4px 0}.card{grid-template-columns:1fr;gap:20px}.nav{gap:12px;padding:12px 20px}.nav nav{gap:16px;font-size:.76rem}.logo{width:62px}.wrap{width:calc(100% - 36px)}.headline{padding-top:24px}.hero-img{margin-bottom:26px}.prose{font-size:1rem}.crumb{padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.portrait{display:inline-block;width:52px;height:52px;border-radius:50%;overflow:hidden;flex:0 0 auto;position:relative;background:#dedbd4;vertical-align:middle}.portrait img{position:absolute;width:125%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.byline{display:flex;align-items:center;gap:14px}.byline>span:last-child{display:block}.author-card{display:flex;gap:20px;align-items:center;margin:0 0 24px}.author-card .portrait{width:80px;height:80px}.author-card h2{margin:0 0 6px}.author-card p{margin:0}.author-heading{display:flex;gap:26px;align-items:center}.author-heading .portrait{width:110px;height:110px}.story-image{margin:28px 0 0}.story-image img{width:100%;height:auto;border-radius:10px;display:block}.story-image figcaption{font-size:.68rem;line-height:1.65;margin-top:9px;color:#6b6068}.headline{padding-bottom:34px}.card img{max-height:280px;object-fit:cover}@media(max-width:800px){.layout{display:flex;flex-direction:column;gap:25px}.side{order:0;display:grid;grid-template-columns:1fr 160px;column-gap:22px;width:100%;padding-top:20px}.side h2,.side>a{grid-column:1}.side .story-image{grid-column:2;grid-row:1/5;margin:0}.side>a{display:block;font-size:.78rem}.author-heading{gap:18px}.author-heading .portrait{width:82px;height:82px}.author-heading h1{font-size:2rem}}@media(max-width:380px){.side{grid-template-columns:1fr 130px;gap:12px}.author-card .portrait{width:64px;height:64px}.author-card{gap:14px}}
/* Ajuste editorial UX: imagen contextual, autor compacto y lectura guiada. */
.layout{align-items:start;gap:56px;grid-template-columns:minmax(0,740px) minmax(200px,250px)}
.prose{min-width:0}.prose>.story-image{margin:0 0 30px;width:100%;max-width:740px}.prose>.story-image img{width:100%;height:230px;object-fit:cover;object-position:center 47%;border-radius:12px}.prose>.story-image figcaption{font-size:.66rem;line-height:1.5;margin-top:7px;color:#73656c}
.article-rail{position:sticky;top:24px;align-self:start;min-width:0}.side{position:static;display:block;padding:18px 18px 12px;border:1px solid #e2d2d8;border-top:2px solid #eb6035;border-radius:0 0 10px 10px;background:#fffaf2;font-size:.8rem}.side h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;color:#795a70}.side a{display:block;margin:0;padding:10px 0 10px 12px;line-height:1.5;border-left:2px solid #e8dce0;text-decoration:none}.side a[aria-current="location"]{border-left-color:#eb6035;color:#351739;background:#f5ebdf;font-weight:600}.side a:hover{text-decoration:underline}
.article-sources{font-size:.7rem;line-height:1.7;color:#76656f;border-top:1px solid #e2d2d8;padding-top:16px;margin:30px 0 18px!important}.author-compact{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e2d2d8;border-radius:12px;background:#fffaf2;margin:0 0 28px}.author-compact .portrait{width:48px;height:48px}.author-compact p{font-size:.78rem;line-height:1.5;margin:0}.author-compact p>a{font-weight:600;text-decoration:none}.author-compact p>span{display:block;color:#76656f;font-size:.71rem;margin-top:2px}.author-compact .author-links{font-size:.69rem;margin-top:6px;color:#76656f}.author-compact .author-links a{font-weight:400;text-decoration:underline}.product-cta{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:center;padding:25px 28px;margin-top:24px}.cta-bottle{width:78px;height:185px;object-fit:contain;filter:drop-shadow(4px 7px 7px #35173920)}.product-cta p{font-size:.88rem;margin-bottom:18px}.cta-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.cta-actions .button{margin:0;min-height:44px;font-size:.76rem;padding:11px 18px;text-align:center}.button-outline{border:1px solid #351739;background:transparent;color:#351739}.next-article{margin-top:24px;border-top:1px solid #e2d2d8;padding-top:18px}.next-article img{width:100%;height:150px;object-fit:cover;border-radius:8px}.next-article h3{font-size:1.1rem}.next-article a{text-decoration:none}.next-article span{font-size:.75rem;text-decoration:underline}h2[id]{scroll-margin-top:24px}
@media(max-width:800px){.layout{display:flex;flex-direction:column;gap:22px}.article-rail{order:-1;position:sticky;top:0;z-index:10;width:100%;background:#fff8ecf5;backdrop-filter:blur(10px)}.side{display:block;border:0;border-top:1px solid #d9c9ce;border-bottom:1px solid #d9c9ce;border-radius:0;padding:8px 0;background:transparent}.side h2{font-size:.6rem;margin:0 0 4px}.side a{display:inline-block;vertical-align:top;width:49%;padding:6px 8px;font-size:.68rem;line-height:1.35;border-left-width:2px;margin:0}.prose>.story-image{margin-bottom:24px}.prose>.story-image img{height:180px}.article-sources{font-size:.67rem}.author-compact{padding:14px;gap:12px}.author-compact .portrait{width:42px;height:42px}.author-compact p{font-size:.75rem}.author-compact .author-links{font-size:.65rem}.product-cta{grid-template-columns:60px minmax(0,1fr);gap:18px;padding:20px 18px}.cta-bottle{width:60px;height:160px}.product-cta h2{font-size:1.35rem}.product-cta p{font-size:.8rem}.cta-actions{gap:12px}.cta-actions .button{flex:1 1 160px;font-size:.72rem}.next-article{display:none}h2[id]{scroll-margin-top:100px}}
/* Pie sincronizado con la homepage de Salseo. */
.site-footer{background:#230f2b;color:#efdce9;border-top:1px solid #ffffff28;padding:42px 0 55px;font-size:.8rem}.site-footer .wrap{width:min(calc(100% - 9vw),1240px)}.footer-grid{display:grid;grid-template-columns:150px 1fr auto;gap:40px;align-items:start}.footer-brand img{width:108px;height:auto}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.site-footer a{text-decoration:none;font-size:.78rem}.site-footer a:hover{text-decoration:underline}.site-footer p{font-size:.72rem;color:#d7bbd1;margin:9px 0}.site-footer .footer-grid>div{text-align:right}.footer-grid{grid-template-columns:125px 1fr auto;gap:clamp(25px,4vw,65px)}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:0 24px}.site-footer nav a{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff4d;padding:13px 0;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.09em;transition:color .2s,padding-left .2s}.site-footer nav a:hover,.site-footer nav a:focus-visible{color:#f6c34c;padding-left:5px;text-decoration:none}.site-footer nav a span{font-size:.59rem;color:#f6c34c}.site-footer nav a b{margin-left:auto;font-size:1rem}.footer-legal{display:flex;flex-wrap:wrap;gap:6px 15px;margin:18px 0}.footer-legal a{font-size:.68rem;color:#f3dce7;text-decoration:underline;text-underline-offset:3px}.footer-legal a:hover{color:#f6c34c}.policy>p:not(.meta):not(.author-source){text-align:justify;text-align-last:left;text-justify:inter-word;hyphens:auto}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 22px}.contact-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:100px;background:#351739;color:#fff8ec;text-decoration:none;font-size:.82rem;font-weight:600}.contact-actions .button:hover{background:#63336d;text-decoration:none}.contact-actions .button-outline{background:transparent;color:#351739;border:1px solid #351739}.contact-actions .button-outline:hover{background:#f5eddf;color:#351739}.author-source{font-size:.72rem;color:#76656f;line-height:1.6}.contact-copy{max-width:720px}.site-footer .wrap{width:min(calc(100% - 40px),1240px)}@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:25px}.site-footer .footer-grid>div{text-align:left}.site-footer nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.site-footer .wrap{width:calc(100% - 32px)}.site-footer nav{gap:14px}}/* Ajuste de anchuras y navegación igual que en el pie de la homepage. */
.site-footer .wrap{width:min(calc(100% - 9vw),1240px)}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.footer-grid{grid-template-columns:150px 1fr auto;gap:40px}@media(max-width:1000px){.footer-grid{grid-template-columns:125px 1fr auto;gap:clamp(25px,4vw,65px)}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:0 24px}}@media(max-width:760px){.site-footer .wrap{width:calc(100% - 40px)}}@media(max-width:430px){.site-footer .wrap{width:calc(100% - 32px)}}
/* Footer con las mismas proporciones y navegación que la homepage. */
.footer-grid{grid-template-columns:125px 1fr auto;gap:clamp(25px,4vw,65px)}.site-footer nav{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:0 24px}.site-footer nav a{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff4d;padding:13px 0;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.09em;transition:color .2s,padding-left .2s}.site-footer nav a:hover,.site-footer nav a:focus-visible{color:#f6c34c;padding-left:5px;text-decoration:none}.site-footer nav a span{font-size:.59rem;color:#f6c34c}.site-footer nav a b{margin-left:auto;font-size:1rem}.footer-legal{justify-content:flex-end}@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:25px}.site-footer .footer-grid>div{text-align:left}.site-footer nav{grid-template-columns:repeat(2,1fr)}.footer-legal{justify-content:flex-start}}@media(max-width:430px){.site-footer nav{gap:0 12px}.site-footer nav a{font-size:.68rem}}