.article-hero{padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.article-hero:before{content:"";pointer-events:none;background:radial-gradient(at 80% 20%,#f4a26114,#0000 60%);position:absolute;inset:0}.article-head{text-align:center;max-width:860px;margin:0 auto}.category-pill{background:var(--surface);border:1px solid var(--line);color:var(--forest);text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.category-pill .dot{background:var(--forest);border-radius:50%;width:6px;height:6px}.article-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin-bottom:1.5rem;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:400;line-height:1.05}.article-title em{color:var(--forest);font-style:italic}.article-lede{color:var(--ink-soft);max-width:640px;margin:0 auto;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.6}.article-meta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;padding-top:2rem;display:flex}.author-chip{align-items:center;gap:.625rem;display:inline-flex}.author-avatar{background:linear-gradient(135deg, var(--forest), var(--forest-dark));width:40px;height:40px;color:var(--bg);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.author-chip-info{text-align:left}.author-chip-name{color:var(--ink);font-size:.875rem;font-weight:500}.author-chip-role{color:var(--muted);font-size:.75rem}.meta-item{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.meta-item svg{width:16px;height:16px;color:var(--forest)}.meta-divider{background:var(--muted);opacity:.5;border-radius:50%;width:4px;height:4px}.hero-image{aspect-ratio:16/9;border-radius:var(--radius-xl);max-width:1080px;box-shadow:var(--shadow-lg);margin:clamp(2rem,5vw,4rem) auto 0;position:relative;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;transition:transform 8s var(--ease-out)}.hero-image:hover img{transform:scale(1.04)}.hero-image-caption{color:#f7f4edd9;letter-spacing:.02em;background:linear-gradient(#0000,#1a1a1acc);padding:1rem 1.5rem;font-size:.8125rem;position:absolute;bottom:0;left:0;right:0}.article-wrap{padding:clamp(3rem,6vw,5rem) 0;position:relative}.article-grid{grid-template-columns:80px minmax(0,1fr) 280px;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.share-bar{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex;position:sticky;top:120px}.share-label{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl;margin-bottom:1rem;font-size:.7rem;transform:rotate(180deg)}.share-btn{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-soft);transition:all var(--duration) var(--ease-out);border-radius:12px;place-items:center;display:grid}.share-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-btn svg{width:18px;height:18px}.share-divider{background:var(--line);width:1px;height:40px;margin:.5rem 0}.article-body{font-family:var(--font-body);color:var(--ink);counter-reset:article-h2;font-size:1.125rem;line-height:1.85}.article-body>*+*{margin-top:1.5rem}.article-body h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);counter-increment:article-h2;align-items:baseline;gap:.75rem;margin-top:3.5rem;margin-bottom:1.25rem;scroll-margin-top:100px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.15;display:flex}.article-body h2:before{content:counter(article-h2, decimal-leading-zero);color:var(--amber);opacity:.6;flex:none;font-size:.85em;font-style:italic}.article-body h2 .text{flex:1;position:relative}.article-body h2 .text:after{content:"";background:linear-gradient(90deg, var(--line) 40%, transparent);height:2px;position:absolute;bottom:4px;left:0;right:0}.article-body h3{font-family:var(--font-body);letter-spacing:-.01em;color:var(--forest-dark);border-left:3px solid var(--amber);margin-top:2.5rem;margin-bottom:.875rem;padding-left:1.25rem;scroll-margin-top:100px;font-size:1.375rem;font-weight:600;line-height:1.3}.article-body h4{color:var(--forest);text-transform:uppercase;letter-spacing:.05em;margin-top:2rem;margin-bottom:.625rem;font-size:1.0625rem;font-weight:600}.article-body p{margin:0 0 1.25rem}.article-body p:last-child{margin-bottom:0}.article-body a{color:var(--forest);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--forest) 40%, transparent);text-underline-offset:3px;transition:color var(--duration-fast), text-decoration-color var(--duration-fast);text-decoration-thickness:1px}.article-body a:hover{color:var(--amber);text-decoration-color:var(--amber)}.article-body strong{color:var(--ink);font-weight:600}.article-body em{color:var(--forest-dark);font-style:italic}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:0}.article-body li{margin-bottom:.75rem;padding-left:2rem;position:relative}.article-body ul li:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;position:absolute;top:.95rem;left:.75rem}.article-body ol{counter-reset:item}.article-body ol li{counter-increment:item}.article-body ol li:before{content:counter(item, decimal-leading-zero);font-family:var(--font-display);color:var(--forest);font-size:1rem;font-style:italic;font-weight:400;position:absolute;top:.15rem;left:0}.article-body img,.article-body picture,.article-body video{border-radius:var(--radius);width:100%;max-width:100%;height:auto;box-shadow:var(--shadow-md);object-fit:cover;margin:2rem auto;display:block}.article-body{min-width:0;max-width:100%;overflow-x:clip}.article-body pre{max-width:100%;overflow-x:auto}.article-body p,.article-body li{overflow-wrap:anywhere}.article-body blockquote{border-left:3px solid var(--line);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body table{border-collapse:collapse;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-xs);margin:2rem 0;font-size:.9375rem;display:block;overflow-x:auto}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:.875rem 1rem}.article-body tr:last-child td{border-bottom:none}.article-body th{background:var(--bg);color:var(--forest-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.article-body tr:hover td{background:var(--bg-alt)}.article-aside{flex-direction:column;align-self:start;gap:1.25rem;display:flex;position:sticky;top:120px}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.5rem}.toc-header{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.toc-icon{background:var(--forest-light);width:28px;height:28px;color:var(--forest);border-radius:8px;place-items:center;display:grid}.toc-icon svg{width:14px;height:14px}.toc-title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);font-size:.75rem;font-weight:600}.toc-list{flex-direction:column;gap:.25rem;display:flex}.toc-link{color:var(--ink-soft);border-radius:var(--radius-sm);transition:all var(--duration-fast);align-items:baseline;gap:.75rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.4;display:flex;position:relative}.toc-link:hover{background:var(--bg-alt);color:var(--forest)}.toc-link:before{content:"";width:2px;height:16px;transition:background var(--duration-fast);background:0 0;border-radius:1px;flex:none;margin-top:2px}.toc-link.active{color:var(--forest);background:var(--forest-light);font-weight:500}.toc-link.active:before{background:var(--forest)}.aside-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.5rem}.aside-box-title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:1.25rem;padding-bottom:1rem;font-size:.75rem;font-weight:600}.aside-cats{flex-direction:column;gap:.375rem;display:flex}.aside-cat{border-radius:var(--radius-sm);color:var(--ink-soft);transition:all var(--duration-fast);align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.aside-cat-icon{background:var(--cat-bg);width:28px;height:28px;color:var(--cat-color);border-radius:8px;flex:none;place-items:center;display:grid}.aside-cat-icon svg{width:14px;height:14px}.aside-cat[data-cat=guias]{--cat-bg:var(--amber-soft);--cat-color:var(--amber)}.aside-cat[data-cat=mantenimiento]{--cat-bg:var(--forest-light);--cat-color:var(--forest)}.aside-cat[data-cat=reviews]{--cat-bg:#fef3e2;--cat-color:#c2410c}.aside-cat[data-cat=accesorios]{--cat-bg:#eff6ff;--cat-color:#3b82f6}.aside-cat:hover{background:var(--bg-alt);transform:translate(2px)}.aside-cat-count{color:var(--muted);background:var(--bg);border-radius:100px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem}.author-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;margin-top:4rem;padding:2rem;display:grid;position:relative;overflow:hidden}.author-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#d9770614,#0000 70%);width:200px;height:200px;position:absolute;top:0;right:0}.author-box-avatar{background:linear-gradient(135deg, var(--forest), var(--forest-dark));width:80px;height:80px;color:var(--bg);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line), var(--shadow-md);border-radius:50%;place-items:center;font-size:1.75rem;font-weight:600;display:grid}.author-box-info{position:relative}.author-box-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem;font-size:.75rem}.author-box-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin-bottom:.625rem;font-size:1.5rem}.author-box-bio{color:var(--ink-soft);max-width:500px;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.author-box-links{gap:.5rem;display:flex}.author-link{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);transition:all var(--duration-fast);border-radius:10px;place-items:center;display:grid}.author-link:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px)}.author-link svg{width:16px;height:16px}.share-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0;display:flex}.share-row-label{color:var(--muted);font-size:.875rem}.share-row-actions{flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%;display:flex}.share-row-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);transition:all var(--duration-fast);white-space:nowrap;border-radius:100px;flex:0 auto;align-items:center;gap:.5rem;min-width:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.share-row-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-1px)}.share-row-btn svg{width:14px;height:14px}.inline-newsletter{background:var(--bg-deep);color:var(--bg);border-radius:var(--radius-xl);margin:5rem 0;padding:clamp(2rem,4vw,3rem);position:relative;overflow:hidden}.inline-newsletter:before{content:"";pointer-events:none;background:radial-gradient(at 70% 30%,#d9770633,#0000 60%);position:absolute;inset:0}.inline-newsletter-inner{grid-template-columns:1fr auto;align-items:center;gap:2rem;display:grid;position:relative}.inline-newsletter h3{font-family:var(--font-display);color:var(--bg);letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.inline-newsletter h3 em{color:var(--amber-warm);font-style:italic}.inline-newsletter p{color:#f7f4edb3;max-width:480px;font-size:.9375rem}.inline-newsletter-form{backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;gap:.5rem;min-width:360px;padding:.375rem;display:flex}.inline-newsletter-form input{color:var(--bg);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem 1.25rem}.inline-newsletter-form input::placeholder{color:#f7f4ed80}.inline-newsletter-form button{background:var(--bg);color:var(--ink);transition:all var(--duration-fast);white-space:nowrap;border-radius:100px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500}.inline-newsletter-form button:hover{background:var(--amber-warm)}.related{background:var(--surface);border-top:1px solid var(--line);padding:clamp(4rem,6vw,6rem) 0}@media (width<=1024px){.article-grid{grid-template-columns:minmax(0,1fr) 240px}.share-bar{display:none}}@media (width<=768px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-grid>*{min-width:0;max-width:100%}.article-aside{position:static}.inline-newsletter-inner{grid-template-columns:1fr}.inline-newsletter-form{width:100%;min-width:0}.author-box{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=480px){.share-row{flex-direction:column;align-items:stretch}.share-row-label{margin-bottom:.25rem}.share-row-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.share-row-btn{justify-content:center}.inline-newsletter-form{border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.5rem}.inline-newsletter-form button{width:100%}}.card-media-link[data-astro-cid-7ahxywo7]{display:block}
