/* ==========================================================================
   Creative Estudio — Piel de la página principal (ccards.mx)
   Misma familia que el panel: tinta, naranja #FF5A1F, Poppins; etiquetas en JetBrains Mono.
   Para apagarla: renombra o borra este archivo.
   ========================================================================== */
html.ce-home {
    --accent: #FF5A1F;
    --bg: #0E0F12; --bg2: #121418; --bg3: #17191E;
    --text: #F2F3F5; --muted: #9AA0AA;
    --border: rgba(255, 255, 255, .08);
}
html.ce-home body { font-family: 'Poppins', system-ui, sans-serif !important; background: var(--bg) !important; }
html.ce-home ::selection { background: var(--accent); color: #fff; }
html.ce-home *:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 3px; }

/* tipografía: Poppins, sin mayúsculas forzadas (como el panel) */
html.ce-home .hero-h1, html.ce-home .sec-title, html.ce-home .cta-title,
html.ce-home .nav-logo, html.ce-home .footer-brand, html.ce-home .stat-num, html.ce-home .plan-price,
html.ce-home .feat-title, html.ce-home .tpl-name, html.ce-home .plan-name, html.ce-home .plan-btn, html.ce-home .condensed {
    font-family: 'Poppins', system-ui, sans-serif !important;
}
html.ce-home .hero-h1 { font-size: clamp(40px, 5.4vw, 80px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; text-transform: none !important; font-weight: 800 !important; max-width: 760px; }
html.ce-home .hero-h1 .l3 { -webkit-text-stroke: 1.2px rgba(255, 255, 255, .35) !important; }
html.ce-home .sec-title, html.ce-home .cta-title { text-transform: none !important; letter-spacing: -.03em !important; line-height: 1.05 !important; font-weight: 800 !important; }
html.ce-home .sec-title { font-size: clamp(30px, 3.6vw, 48px) !important; }
html.ce-home .cta-title { font-size: clamp(36px, 4.4vw, 64px) !important; }
html.ce-home .feat-title, html.ce-home .tpl-name { text-transform: none !important; letter-spacing: -.01em !important; font-weight: 700 !important; font-size: 19px !important; }
html.ce-home .plan-name { letter-spacing: .08em !important; color: var(--muted) !important; font-size: 12px !important; }
html.ce-home .plan-price { font-weight: 800 !important; font-size: 48px !important; letter-spacing: -.03em; }
html.ce-home .stat-num { font-weight: 800 !important; letter-spacing: -.02em; }
html.ce-home .nav-logo, html.ce-home .footer-brand { font-weight: 800 !important; letter-spacing: -.02em !important; }
html.ce-home .hero-sub, html.ce-home .feat-desc, html.ce-home .cta-sub { color: var(--muted) !important; font-weight: 400 !important; }
html.ce-home .stat-lbl, html.ce-home .ticker-item, html.ce-home .tpl-desc, html.ce-home .plan-period, html.ce-home .footer-link { color: #7C828C !important; }
html.ce-home .footer-copy, html.ce-home .cta-note { color: #5C6068 !important; }
html.ce-home .plan-feats li { color: #C9CCD1 !important; }

/* cuadrícula de fondo en líneas finas neutras (antes amarillas) */
html.ce-home .grid-bg {
    background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
}
html.ce-home .hero-deco { color: rgba(255, 255, 255, .025) !important; }
html.ce-home .ticker { background: rgba(255, 255, 255, .015) !important; border-color: var(--border) !important; }
html.ce-home .nav { background: rgba(14, 15, 18, .9) !important; border-bottom-color: var(--border) !important; }
html.ce-home .hero-stats, html.ce-home .footer, html.ce-home .cta { border-color: var(--border) !important; }

/* botones: naranja con texto blanco; secundarios en línea fina */
html.ce-home .btn-primary, html.ce-home .nav-cta, html.ce-home .plan-btn-f, html.ce-home .plan-badge {
    background: var(--accent) !important; color: #fff !important; border-radius: 8px !important; letter-spacing: .04em !important;
}
html.ce-home .btn-primary:hover, html.ce-home .nav-cta:hover, html.ce-home .plan-btn-f:hover { background: #E84D14 !important; color: #fff !important; opacity: 1 !important; }
html.ce-home .btn-outline, html.ce-home .plan-btn-o {
    border: 1px solid rgba(255, 255, 255, .22) !important; color: var(--text) !important; border-radius: 8px !important;
}
html.ce-home .btn-outline:hover, html.ce-home .plan-btn-o:hover { background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .4) !important; }
html.ce-home .plan-badge { border-radius: 999px !important; }

/* tarjetas */
html.ce-home .tpl-card, html.ce-home .plan-card { border-radius: 12px !important; border-color: var(--border) !important; }
html.ce-home .tpl-card:hover { border-color: rgba(255, 90, 31, .5) !important; }
html.ce-home .plan-card.featured { border-color: var(--accent) !important; }
html.ce-home .tpl-tag { background: rgba(255, 90, 31, .12) !important; color: var(--accent) !important; border-radius: 999px !important; }
html.ce-home .features-grid { border-radius: 12px; overflow: hidden; }

/* vista previa "agency" con el amarillo anterior → naranja */
html.ce-home [style*="#F5A623"] { color: var(--accent) !important; border-color: var(--accent) !important; }
html.ce-home [style*="background:#F5A623"] { background: var(--accent) !important; }
html.ce-home [fill="#F5A623"] { fill: var(--accent) !important; }

/* aviso de cookies */
html.ce-home .js-cookie-consent { font-family: 'Poppins', sans-serif !important; }
html.ce-home .cookie-consent__agree, html.ce-home .js-cookie-consent-agree { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; border-radius: 8px !important; }
html.ce-home .js-cookie-consent-declined { background: transparent !important; border: 1px solid rgba(255, 255, 255, .25) !important; color: inherit !important; border-radius: 8px !important; }

/* celular */
@media (max-width: 768px) {
    html.ce-home .hero-stats { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px !important; }
    html.ce-home .hero-actions a { width: 100%; justify-content: center; }
    html.ce-home .plan-card { padding: 26px !important; }
    html.ce-home .feat-item { padding: 26px !important; }
}