:root{--background: 0 0% 100%;--foreground: 222 47% 11%;--card: 0 0% 100%;--card-foreground: 222 47% 11%;--primary: 161 86% 36%;--primary-foreground: 0 0% 100%;--primary-dark: 161 86% 28%;--secondary: 210 40% 96.1%;--secondary-foreground: 222 47% 11%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--border: 214.3 31.8% 91.4%;--gold: 38 92% 55%;--radius: .75rem}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Inter,sans-serif;line-height:1.25;font-weight:700;letter-spacing:-.02em}a{color:hsl(var(--primary))}img{max-width:100%;height:auto;display:block}.container{max-width:760px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:20;height:0;overflow:visible}.site-header-inner{position:relative;width:min(1100px,calc(100% - 3rem));margin:0 auto;transform:translateY(1.25rem);padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:hsl(var(--card));border-radius:1.25rem;box-shadow:0 12px 28px -14px #00000047,0 2px 8px #00000014}.brand img{height:29px;width:auto}.nav-toggle{display:none;background:none;border:none;padding:.4rem;color:hsl(var(--primary-dark));cursor:pointer}.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav>a{color:hsl(var(--primary-dark));text-decoration:none;font-weight:600;font-size:.95rem}.site-nav>a:hover{color:hsl(var(--primary))}.nav-cta{background:hsl(var(--primary-dark));color:hsl(var(--primary-foreground))!important;padding:.55rem 1.1rem;border-radius:.5rem;font-size:.88rem!important}.nav-cta:hover{opacity:.92}.categorias-dropdown{position:relative}.categorias-dropdown summary{cursor:pointer;font-weight:600;font-size:.95rem;list-style:none;color:hsl(var(--primary-dark))}.categorias-dropdown summary::-webkit-details-marker{display:none}.categorias-dropdown summary:after{content:" ▾";font-size:.75em}.categorias-dropdown .categorias-menu{position:absolute;top:calc(100% + .75rem);left:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 12px 32px -12px hsl(var(--foreground) / .2);min-width:200px;padding:.5rem;display:flex;flex-direction:column}.categorias-dropdown .categorias-menu a{padding:.5rem .75rem;border-radius:calc(var(--radius) - .25rem);color:hsl(var(--foreground));text-decoration:none;font-size:.92rem;font-weight:500}.categorias-dropdown .categorias-menu a:hover{background:hsl(var(--secondary));color:hsl(var(--primary))}.mobile-nav{display:none;position:fixed;inset:0;z-index:50;background:hsl(var(--card));flex-direction:column;align-items:center;gap:1.5rem;padding:4.5rem 1.5rem 3rem;overflow-y:auto;text-align:center}.mobile-nav.open{display:flex}.mobile-nav-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:hsl(var(--primary-dark));cursor:pointer;padding:.4rem}.mobile-nav-logo img{height:32px;width:auto;margin:0 auto}.mobile-nav-link{color:hsl(var(--primary-dark));text-decoration:none;font-weight:600;font-size:1rem}.mobile-nav-link:hover{color:hsl(var(--primary))}.mobile-nav-link-categoria{font-weight:400}.mobile-nav-cta{margin-top:.5rem;background:hsl(var(--primary-dark));color:hsl(var(--primary-foreground))!important;text-decoration:none;font-weight:700;padding:.75rem 2.5rem;border-radius:.5rem}.mobile-nav-cta:hover{opacity:.92}body.nav-open{overflow:hidden}@media(max-width:768px){.nav-toggle{display:flex;align-items:center;justify-content:center}.site-nav{display:none}}.hero{background:hsl(var(--primary-dark));color:hsl(var(--primary-foreground));text-align:center;padding:8rem 1.5rem 6rem}.hero h1{font-size:2.5rem;margin:1rem 0 .75rem}.hero p{color:hsl(var(--primary-foreground) / .85);font-size:calc(1.1rem - 1px);max-width:54ch;margin:0 auto}.search-form{max-width:480px;margin:2rem auto 0;display:flex;gap:.5rem}.search-form input{flex:1;border:1px solid hsl(var(--primary-foreground) / .4);background:hsl(var(--primary-dark) / .35);color:hsl(var(--primary-foreground));border-radius:var(--radius);padding:.75rem 1rem;font-size:.95rem}.search-form input::placeholder{color:hsl(var(--primary-foreground) / .75)}.search-form input:focus{outline:2px solid hsl(var(--primary-foreground) / .6)}.search-form button{background:hsl(var(--primary-foreground));color:hsl(var(--primary));border:none;border-radius:var(--radius);width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.listing{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 1rem}.section-heading{text-align:center;font-size:1.6rem;margin:0 0 2rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.post-card{border:1px solid hsl(var(--border));border-radius:var(--radius);overflow:hidden;background:hsl(var(--card));text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px hsl(var(--foreground) / .15)}.post-card .cover{aspect-ratio:16 / 9;background:hsl(var(--secondary));flex-shrink:0;min-height:0}.post-card .cover img{width:100%;height:100%;object-fit:cover}.post-card-body{padding:1.1rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.post-card h3{font-size:1.1rem;margin:0;min-height:2.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .post-date{color:hsl(var(--muted-foreground));font-size:.8rem;margin:-.25rem 0 0}.post-card p{color:hsl(var(--muted-foreground));font-size:.92rem;margin:0}.post-card p:not(.post-date){min-height:calc(.92rem * 1.65 * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty-state{text-align:center;color:hsl(var(--muted-foreground));padding:2rem 0}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-top:2.5rem}.pagination .page-link{padding:.5rem 1rem;border-radius:var(--radius);border:1px solid hsl(var(--border));text-decoration:none;color:hsl(var(--foreground));font-size:.9rem;font-weight:600}.pagination .page-link:hover{background:hsl(var(--secondary))}.pagination .page-link.disabled{color:hsl(var(--muted-foreground));pointer-events:none}.pagination .page-number{width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid hsl(var(--border));text-decoration:none;color:hsl(var(--foreground));font-size:.9rem;font-weight:600}.pagination .page-number:hover{background:hsl(var(--secondary))}.pagination .page-number[aria-current=page]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.pagination .page-ellipsis{padding:0 .4rem;color:hsl(var(--muted-foreground))}.badge{display:inline-flex;align-items:center;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:600;width:fit-content}.article-hero{background:hsl(var(--primary));color:hsl(var(--primary-foreground));text-align:center;padding:6.5rem 1.5rem 5rem}.article-hero-inner{max-width:700px;margin:0 auto}.article-hero-badge{background:hsl(var(--primary-foreground) / .15);color:hsl(var(--primary-foreground))}.article-hero h1{color:hsl(var(--primary-foreground));font-size:2rem;line-height:1.25;margin:.75rem 0}.article-hero-subtitle{color:hsl(var(--primary-foreground) / .85);font-size:1.05rem;max-width:56ch;margin:0 auto 1.5rem}.article-hero-author{display:inline-flex;align-items:center;gap:.6rem;text-align:left}.article-hero-author img{width:32px;height:32px;border-radius:999px;object-fit:cover;flex-shrink:0}.article-hero-author-name{font-weight:600;font-size:.88rem;margin:0}.article-hero-author-meta{color:hsl(var(--primary-foreground) / .75);font-size:.8rem;margin:0}@media(max-width:640px){.article-hero h1{font-size:1.6rem}}article.post{max-width:760px;margin:0 auto;padding:0 1.5rem 4rem}article.post .cover{border-radius:var(--radius);overflow:hidden;margin:-3.5rem 0 .5rem;aspect-ratio:16 / 9;background:hsl(var(--secondary))}article.post .cover img{width:100%;height:100%;object-fit:cover}article.post .cover-credit{color:hsl(var(--muted-foreground));font-size:.8rem;margin:0 0 1.5rem}article.post .prose{font-size:1.08rem;line-height:1.8}article.post .prose p{margin:0 0 1.25rem}article.post .prose h2{font-size:1.55rem;margin:2.5rem 0 1rem;scroll-margin-top:5rem}article.post .prose h3{font-size:1.2rem;margin:1.75rem 0 .6rem;scroll-margin-top:5rem}article.post .prose ul,article.post .prose ol{margin:0 0 1.25rem;padding-left:1.4rem;display:flex;flex-direction:column;gap:.5rem}article.post .prose li{padding-left:.25rem}article.post .prose strong{color:hsl(var(--foreground))}article.post .prose img{border-radius:var(--radius);margin:1.75rem 0}article.post .prose table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:.95rem;overflow:hidden;border-radius:var(--radius)}article.post .prose th{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));font-weight:700}article.post .prose th,article.post .prose td{border:1px solid hsl(var(--border));padding:.65rem .9rem;text-align:left}article.post .prose tbody tr:nth-child(2n){background:hsl(var(--secondary) / .4)}article.post .prose blockquote{background:hsl(var(--primary) / .1);border-left:3px solid hsl(var(--primary));border-radius:0 var(--radius) var(--radius) 0;margin:1.75rem 0;padding:1rem 1.25rem;font-style:italic;color:hsl(var(--foreground))}article.post .prose blockquote p:last-child{margin-bottom:0}.faq{margin-top:2.5rem;padding-top:2rem;border-top:1px solid hsl(var(--border))}.faq h2{font-size:1.3rem;margin:0 0 1rem}.faq-item{padding:1rem 0;border-bottom:1px solid hsl(var(--border))}.faq-item h3{font-size:1rem;margin:0 0 .4rem}.faq-item p{margin:0;color:hsl(var(--muted-foreground))}.cta-banner{max-width:1100px;margin:2.5rem auto 0;padding:0 1.5rem;display:flex}.cta-banner{background:hsl(var(--primary-dark));color:hsl(var(--primary-foreground));border-radius:var(--radius);padding:2rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:nowrap}.cta-banner-text{flex:1 1 auto;min-width:0}article.post .cta-banner{margin-left:calc(-1*min(9rem,1.5rem + max(0px,(100vw - 760px) / 2)));margin-right:calc(-1*min(9rem,1.5rem + max(0px,(100vw - 760px) / 2)))}.cta-banner-text h2{font-size:1.35rem;margin:0 0 .4rem}.cta-banner-text p{margin:0;color:hsl(var(--primary-foreground) / .85)}.cta-banner-button{background:#0fc78d;color:hsl(var(--primary-foreground));text-decoration:none;font-weight:700;padding:.8rem 1.6rem;border-radius:var(--radius);white-space:nowrap;flex-shrink:0}.cta-banner-button:hover{opacity:.92}.site-footer{background:hsl(var(--primary-dark));color:hsl(var(--primary-foreground) / .85);margin-top:3rem}.site-footer-inner{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem}.footer-brand img{height:28px;margin-bottom:1rem}.footer-brand p{max-width:42ch;font-size:.82rem;margin:0}.footer-categorias h3{color:hsl(var(--primary-foreground));font-size:.92rem;margin:0 0 1rem}.footer-categorias ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.footer-categorias a{color:hsl(var(--primary-foreground) / .85);text-decoration:none;font-size:.82rem}.footer-categorias a:hover{color:hsl(var(--primary-foreground))}.footer-cta h3{color:hsl(var(--primary-foreground));font-size:.92rem;margin:0 0 .75rem}.footer-cta p{color:hsl(var(--primary-foreground) / .85);font-size:.82rem;margin:0 0 1.1rem}.footer-cta a{display:inline-block;background:hsl(var(--primary-foreground));color:hsl(var(--primary-dark))!important;text-decoration:none;font-weight:700;font-size:.9rem;padding:.65rem 1.25rem;border-radius:.5rem}.footer-cta a:hover{opacity:.92}@media(max-width:640px){.site-footer-inner{grid-template-columns:1fr}.hero h1{font-size:1.9rem}.cta-banner{flex-direction:column;text-align:center;align-items:center;margin-left:1.25rem;margin-right:1.25rem}article.post .cta-banner{margin-left:0;margin-right:0}.cta-banner-text h2{font-size:1.15rem}.cta-banner-text p{font-size:.9rem}.cta-banner-button{width:100%;text-align:center}}.toc{background:hsl(var(--secondary));border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.75rem 0}.toc-title{font-weight:700;margin:0 0 .75rem}.toc ul{margin:0;padding:0 0 0 1.25rem;list-style:disc;display:flex;flex-direction:column;gap:.5rem}.toc a{color:hsl(var(--primary));text-decoration:underline;font-size:.95rem}.mid-banner{margin:2.5rem 0;border-radius:var(--radius);overflow:hidden}.mid-banner img{width:100%;border-radius:var(--radius);margin:0;aspect-ratio:1200 / 250;object-fit:cover}.share-buttons{margin-top:2.5rem;padding-top:2rem;border-top:1px solid hsl(var(--border));text-align:center}.share-buttons>p{color:hsl(var(--muted-foreground));font-size:.9rem;margin:0 0 1rem}.share-buttons-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.share-buttons-row a{display:inline-flex;align-items:center;gap:.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));text-decoration:none;font-size:.85rem;font-weight:600;padding:.6rem 1.3rem;border-radius:var(--radius)}.share-buttons-row a svg{flex-shrink:0}.share-buttons-row a:hover{opacity:.9}.author-card{margin-top:2.5rem;margin-left:calc(-1*min(9rem,1.5rem + max(0px,(100vw - 760px) / 2)));margin-right:calc(-1*min(9rem,1.5rem + max(0px,(100vw - 760px) / 2)));margin-bottom:0;display:flex;gap:1.5rem;align-items:center;background:#fff;border-radius:1.25rem;padding:1.75rem 2rem;box-shadow:0 12px 28px -14px #00000038,0 2px 8px #0000000f}.author-avatar{width:96px;height:96px;border-radius:999px;flex-shrink:0;background:hsl(var(--secondary));object-fit:cover}.author-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0 0 .25rem}.author-name{font-weight:700;font-size:1.15rem;color:#0f172a;margin:0 0 .5rem}.author-bio{color:#475569;font-size:.86rem;line-height:1.6;margin:0}@media(max-width:640px){.author-card{margin:2rem 0 0;flex-direction:column;align-items:flex-start;text-align:left;padding:1.5rem}}.recommended{max-width:1100px;margin:1rem auto 3rem;padding:2.5rem 1.5rem 0;border-top:1px solid hsl(var(--border))}
