:root{--red:#D4380D;--orange:#F97316;--dark:#1a1a1a;--warm:#FFF7ED;--gray:#6B7280;--cream:#FFFBF5;--text-sm:.9375rem;--text-xs:.875rem}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:17px;scroll-behavior:smooth}
body{font-family:'Source Sans 3',system-ui,sans-serif;color:var(--dark);background:#fff;line-height:1.75;font-size:1rem}
.font-display{font-family:Lora,Georgia,serif}
.sticky-banner{position:sticky;top:0;z-index:200;background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;text-align:center;padding:13px 16px;font-weight:600;font-size:var(--text-sm);line-height:1.4}
.sticky-banner a{color:#fff;text-decoration:none}
.sticky-banner a:hover{text-decoration:underline}
.container{max-width:720px;margin:0 auto;padding:0 20px}
.breadcrumb{font-size:var(--text-xs);color:var(--gray);padding:16px 0}
.breadcrumb a{color:var(--gray);text-decoration:none}
.article-header{padding:20px 0}
.article-category{display:inline-block;background:var(--red);color:#fff;padding:5px 16px;border-radius:20px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.article-header h1{font-family:Lora,Georgia,serif;font-size:clamp(1.65rem,5vw,2.5rem);line-height:1.25;margin-bottom:12px}
.article-meta{font-size:var(--text-sm);color:var(--gray);margin-bottom:20px;line-height:1.6}
.toc{background:var(--warm);border:1px solid #f0d5b8;border-radius:12px;padding:20px 24px;margin:24px 0}
.toc h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:12px}
.toc ol{margin-left:20px;font-size:1rem;line-height:1.6}
.toc li{margin-bottom:8px}
.toc a{color:var(--dark);text-decoration:none}
.toc a:hover{color:var(--red)}
.hero-split{display:block;margin:24px 0;border-radius:12px;overflow:hidden}
.hero-split img,.hero-articulo{width:100%;height:auto;max-height:420px;object-fit:cover;display:block;border-radius:12px}
.hero-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;border-radius:12px;overflow:hidden}
.hero-split-grid img{width:100%;height:220px;object-fit:cover}
@media(max-width:600px){.hero-split-grid{grid-template-columns:1fr}}
.comments-hidden{display:none}
.hero-caption{font-size:var(--text-xs);color:var(--gray);text-align:center;margin-top:8px;font-style:italic;line-height:1.5}
.comments-toggle{display:inline-block;margin:12px 0 20px;color:var(--orange);font-weight:600;cursor:pointer;font-size:1rem;border:none;background:none;padding:0}
.comments-toggle:hover{text-decoration:underline}
.cta-social-proof{font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-top:14px;line-height:1.5}
.article-body p{font-size:1.125rem;margin-bottom:20px}
.article-body .lead{font-size:1.2rem;line-height:1.75}
.article-body h2{font-family:Lora,Georgia,serif;font-size:1.55rem;margin:36px 0 16px;color:var(--dark);line-height:1.3}
.article-body h3{font-size:1.25rem;color:var(--orange);margin:28px 0 12px;line-height:1.35}
.article-body blockquote{border-left:4px solid var(--orange);padding:16px 20px;margin:24px 0;background:var(--warm);font-style:italic;font-size:1.125rem;line-height:1.65}
.article-body ul{margin:16px 0 20px 24px;font-size:1.125rem;line-height:1.65}
.sup{font-size:.75em;color:var(--orange);vertical-align:super}
.cite-list{font-size:var(--text-sm);color:var(--gray);margin:20px 0;padding-left:20px;line-height:1.65}
.cta-mid,.cta-final{background:linear-gradient(135deg,#1a1a1a,#2d1a0a);border-radius:16px;padding:36px 28px;text-align:center;margin:40px 0;color:#fff}
.cta-mid h2,.cta-final h2{font-family:Lora,Georgia,serif;font-size:1.6rem;margin-bottom:12px;color:#fff;line-height:1.3}
.cta-mid p,.cta-final p{font-size:1.125rem;opacity:.92;line-height:1.6}
.cta-btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:16px 44px;border-radius:50px;font-weight:700;font-size:1.125rem;margin-top:12px;box-shadow:0 4px 20px rgba(249,115,22,.4)}
.cta-btn:hover{background:var(--red)}
.week-results{background:var(--warm);border-radius:12px;padding:24px;margin:28px 0;font-size:1.0625rem;line-height:1.6}
.week-results li{list-style:none;padding:12px 0;border-bottom:1px solid #f0d5b8;display:flex;gap:10px}
.week-results li::before{content:'✅';flex-shrink:0}
.fb-post{background:#f0f2f5;border-radius:12px;padding:20px;margin:24px 0;font-size:1.0625rem;line-height:1.6}
.fb-post .comment{margin-top:12px;padding-left:12px;border-left:3px solid #e4e6eb}
.comments-section{margin:40px 0}
.comments-section h3{font-size:1.25rem;margin-bottom:16px}
.comment-card{background:#f9fafb;border-radius:10px;padding:18px;margin-bottom:12px;font-size:1.0625rem;line-height:1.6}
.comment-card .likes{color:var(--gray);font-size:var(--text-xs);margin-top:8px}
.disclaimer{font-size:var(--text-xs);color:var(--gray);margin:40px 0;padding:20px;background:#f9fafb;border-radius:8px;line-height:1.65}
.quiz-page{min-height:100vh;background:linear-gradient(180deg,var(--warm),#fff)}
.quiz-card{max-width:560px;margin:40px auto;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.08);padding:32px 28px}
.quiz-progress{height:6px;background:#eee;border-radius:3px;margin-bottom:24px;overflow:hidden}
.quiz-progress-bar{height:100%;background:var(--orange);transition:width .3s}
.quiz-q{margin-bottom:20px}
.quiz-q label{display:block;font-weight:600;margin-bottom:10px}
.quiz-opt{display:block;padding:12px 14px;border:2px solid #eee;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:border-color .2s}
.quiz-opt:hover,.quiz-opt.selected{border-color:var(--orange);background:var(--warm)}
.quiz-opt input{display:none}
.result-page{min-height:100vh;background:var(--cream);padding:40px 20px}
.result-card{max-width:600px;margin:0 auto;background:#fff;border-radius:16px;padding:36px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.focus-box{background:var(--warm);border-left:4px solid var(--orange);padding:20px;margin:24px 0;border-radius:0 12px 12px 0}
.price{font-size:2.4rem;font-weight:700;color:var(--red)}
.price-old{text-decoration:line-through;color:var(--gray);font-size:1.1rem}
.guarantee{font-size:.88rem;color:var(--gray);margin-top:16px}
