/* Superficies claras y texto oscuro; identidad del logo en portada y acentos. */
:root{--bg:#f3f5f8;--panel:#fff;--text:#172236;--muted:#475569;--blue:#164c75;--orange:#a44110;--line:#cbd3df}
body{color:#172236;background:#f3f5f8;font-size:15px}header{background:#f3f5f8}nav{font-size:14px;color:#172236}nav a:hover,.textlink:hover{color:#984014}
.brand .click-tv-logo{border-radius:10px}.topline{color:#fff;background:#172236}.topline span{color:#ffd0a3}
.hero{background:radial-gradient(ellipse at 100% 10%,#294562,transparent 65%),#101827;border-color:#35475c}.hero h1{color:white}.hero .eyebrow{color:#e0f2ff;background:#1d354c;border-color:#7191ab}.hero-copy>p{color:#edf2fa;font-size:17px}.hero-note{color:#d8e1ee}.hero-note b{color:#c0d2e5}.hero .textlink{color:#fff}.hero .eyebrow{font-size:10px}.hero-note{font-size:12px}.art-caption{color:#d5e3f2}.float-label{color:#fff}.float-label small{color:#e2e8f0}
.platform-strip{background:#172236;color:#f1f5f9;border-color:#34475f}.platform-strip>span{font-size:11px}.platform-strip img[alt="Canva"]{background:#fff;border-radius:8px;padding:6px}
.eyebrow{color:#164c75;font-size:11px}.section-heading h2,.payments h2,.faq h2{color:#172236}.section-heading h2 span{color:#a44110}.section-heading p,.desc,.payment-grid p,.faq p{color:#475569;font-size:15px;line-height:1.75}
.filters{background:#fff;border-color:#aebbc9}.filters button{color:#344256;font-size:12px}.filters button.active{background:#172f49;color:#fff}.filters button:hover:not(.active){background:#e3edf6;color:#173b60}.search{background:#fff;border-color:#8b9bae;color:#344256}.search input{color:#172236;font-size:14px}.search input::placeholder{color:#526276;opacity:1}
.product{background:#fff;border-color:#c4ceda;box-shadow:0 5px 16px #1423350a}.product h3{color:#172236;font-size:22px}.product .desc{font-size:14px;min-height:48px}.price{color:#172236}.period{color:#475569;font-size:11px}.starting-price{color:#99400d;font-size:12px;font-weight:800}.product-body button{background:#183650;color:#fff;border-color:#183650;font-size:13px;min-height:44px}.product-body button:hover{background:#a74412;color:#fff}.tag{color:#fff;background:#1d2b3f;border-color:#687b91;font-size:10px}.catalog-disclaimer{color:#475569;font-size:12px;line-height:1.7}
.primary,.closing .primary{background:#ffd0a3;color:#271609;border:1px solid #b96d38;box-shadow:none;font-size:13px}.primary:hover,.closing .primary:hover{background:#ffe2c4;color:#271609}.subtle{background:#172f49;color:white;border-color:#172f49}.textlink{font-size:13px;line-height:1.6}
.how{background:#e7eef6;border-color:#bdcbdc}.how h2{color:#172236}.how .eyebrow,.how .textlink{color:#173d63}.steps article{background:#fff;border-color:#bdcbdc}.steps h3{color:#172236}.steps p,.how p{color:#475569;font-size:14px}.steps article>span{color:#173d63;background:#e6eef7;border-color:#9aafc6}
.payment-grid article{background:#fff;border-color:#c4ceda}.payment-grid h3{color:#172236}.payment-grid .textlink{color:#17496d}.pay-icon{background:#e8eef6;color:#173d63}.paypal,.wa-icon{color:#173d63}.paypal-hosted>p{color:#475569}.faq details{border-color:#bdcbdc}summary{color:#172236;font-size:15px}summary span{color:#173d63;background:#e1eaf5}.faq details p{font-size:14px}
.closing{background:linear-gradient(120deg,#172f49,#2a3546);border-color:#455d78}.closing h2{color:#fff}.closing .eyebrow{color:#ffdbb8}
footer{color:#344256}.footer-bottom{color:#475569;border-color:#bdcbdc;font-size:11px}footer>a:not(.brand){color:#173d63}
dialog{background:#fff;color:#172236;border-color:#8b9bae}dialog::backdrop{background:#07101dbb}.modal h2{color:#172236}.modal p{color:#475569;font-size:14px;line-height:1.75}.modal-head{color:#344256;border-color:#c4ceda}.modal-head button{color:#172236}.plan-select{background:#f5f8fc;color:#172236;border-color:#899bb0;font-size:14px}.payment-tabs button{background:#edf2f8;color:#344256;border-color:#8b9bae}.payment-tabs button.active{background:#173d63;color:white;border-color:#173d63}.bank{background:#edf2f8;color:#172236;border:1px solid #bdcbdc}.bank p{color:#344256}.account-number b{color:#172236}.account-number .copy{background:#173d63;color:white}.bank-logo-panel,.bank-preview-logos img{border:1px solid #d1d9e3}.floating-wa{background:#ffd0a3;color:#271609;border-color:#ac622f}.toast{background:#172f49;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #2974b4;outline-offset:4px}
@media(max-width:600px){nav{font-size:12px}.hero-copy>p{font-size:15px}.hero-note{font-size:11px}.product h3{font-size:17px}.product .desc{font-size:12px;min-height:60px}.period{font-size:10px}.product-body button{font-size:11px;padding:10px 6px}.price{font-size:26px}.filters button{font-size:11px}.tag{font-size:8px}.payment-grid p,.steps p,.faq details p{font-size:13px}.footer-bottom{font-size:10px}.modal p{font-size:13px}}