/*
Theme Name: Rifas Colombia
Theme URI: https://example.com/rifas-colombia
Author: Codex
Description: Tema de WordPress para promocionar plataformas de rifas de dos dígitos en Colombia.
Version: 1.0.0
Text Domain: rifas-colombia
*/
:root{--green:#063d32;--green2:#0d6b52;--gold:#e8b849;--red:#c53137;--paper:#fffdf8;--ink:#17342c;--muted:#60746c;--line:#e4e8e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}a{color:inherit}.site-header{background:var(--green);color:#fff}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:1.25rem;font-weight:900;text-decoration:none;letter-spacing:-.02em}.brand b{color:var(--gold)}.nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav a{text-decoration:none;font-weight:650;font-size:.93rem}.hero{background:radial-gradient(circle at 82% 22%,#16765a 0,transparent 25%),var(--green);color:#fff;padding:83px 0 92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:800;color:var(--gold);margin-bottom:12px}.hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 19px}.hero p{font-size:1.1rem;color:#d9e9df;max-width:620px}.buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.button{display:inline-block;text-decoration:none;border-radius:8px;padding:12px 18px;font-weight:800}.button.gold{background:var(--gold);color:#15382d}.button.outline{border:1px solid #9ac6ae;color:white}.number-panel{background:#fff;border-radius:20px;padding:21px;box-shadow:0 20px 45px #001f183d;color:var(--ink)}.number-panel h2{font-size:1rem;margin:0 0 14px}.numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.num{padding:7px 0;border:1px solid #dbe2dc;border-radius:5px;text-align:center;font-weight:800;font-size:.85rem;background:#fff}.num.hot{background:var(--red);color:#fff;border-color:var(--red)}section{padding:72px 0}.section-head{max-width:650px;margin:0 auto 34px;text-align:center}.section-head h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 10px}.section-head p{margin:0;color:var(--muted)}.platforms{background:#f2f7f3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px;display:flex;flex-direction:column}.tag{font-size:.76rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--green2)}.card h3{font-size:1.3rem;margin:8px 0}.card p{color:var(--muted);flex:1}.features{list-style:none;padding:0;margin:15px 0}.features li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.92rem}.features li:before{content:'✓';color:var(--green2);font-weight:900;margin-right:8px}.card .button{background:var(--green);color:#fff;text-align:center;margin-top:10px}.notice{font-size:.82rem;color:var(--muted);text-align:center;margin:22px auto 0;max-width:760px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step-no{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e5f4e9;color:var(--green2);font-weight:900}.step h3{margin:12px 0 5px}.step p{margin:0;color:var(--muted)}.compare{background:#f8f4ea}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:white;border-radius:12px;overflow:hidden;min-width:660px}th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}th{background:var(--green);color:#fff;font-size:.85rem}td:first-child{font-weight:750}.yes{color:var(--green2);font-weight:800}.cta{background:var(--red);color:white;text-align:center}.cta h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:0}.cta p{margin:9px auto 24px;max-width:630px;color:#ffe8e8}.cta .button{background:white;color:var(--red)}.site-footer{background:#082b23;color:#c9ddd3;padding:30px 0;font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.entry{max-width:820px;margin:55px auto}.entry h1{font-size:2.5rem}.entry img{max-width:100%;height:auto}@media(max-width:800px){.hero{padding:58px 0}.hero-grid{grid-template-columns:1fr}.number-panel{max-width:450px}.cards,.steps{grid-template-columns:1fr}.nav{display:none}section{padding:55px 0}.footer-inner{display:block}}