/*
Theme Name: millonarios.club (CTA)
Theme URI: https://millonarios.club
Author: millonarios.club
Author URI: https://millonarios.club
Description: Tema minimalista y legible para blog con CTA intercalada para la newsletter. Tipografía clara, alto contraste, y componentes inspirados en la marca (negro, amarillo).
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: millonariosclub
*/

/* Base reset (ligero) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #e5e7eb; background:#000; font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Helvetica Neue,sans-serif; line-height: 1.65; }
img { max-width:100%; height:auto; }
a { color:#facc15; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border:0; border-top:1px solid #262626; margin:2rem 0; }

/* Layout */
.container { width: min(1100px, 92vw); margin: 0 auto; padding: 0 0; }
.site-header { position: sticky; top:0; z-index: 40; background: rgba(0,0,0,.85); backdrop-filter: blur(8px); border-bottom:1px solid #1f2937; }
.site-header .wrap { display:flex; align-items:center; justify-content:space-between; height:64px; padding:0 16px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand img { height:40px; width:auto; }
.brand .title { color:#facc15; font-weight:800; letter-spacing:.3px; }
.nav a { color:#fff; margin-left: 18px; }
.nav a.cta { color:#000; background:#facc15; padding:7px 14px; border-radius:999px; font-weight:700; }
.nav a.cta:hover { filter:brightness(0.95); text-decoration:none; }

/* Typography */
h1,h2,h3,h4,h5 { font-family: 'Unbounded', system-ui, sans-serif; line-height:1.15; color:#facc15; margin: 1.2em 0 .6em; }
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); }
h3 { font-size: clamp(1.25rem, 2.3vw, 1.6rem); }
p, li { font-size: clamp(1rem, 1.2vw, 1.125rem); }

/* Grid de posts */
.grid { display:grid; gap:28px; grid-template-columns: 1fr; }
@media (min-width:900px) { .grid { grid-template-columns: repeat(12, 1fr); } }
.card { background: #0b0b0b; border:1px solid #1f2937; border-radius: 16px; padding: 20px; box-shadow: 0 6px 24px rgb(0 0 0 / .25); }
.card:hover { border-color:#374151; }
.post-card { grid-column: span 12; display:flex; gap:18px; }
.post-card.has-thumb { align-items:stretch; }
.post-thumb { flex: 0 0 220px; border-radius: 12px; overflow:hidden; background:#111; }
.post-meta { color:#9ca3af; font-size:.9rem; margin:.25rem 0 .5rem; }
.post-title { margin:.2rem 0 .5rem; color:#fff; font-family:'Unbounded', system-ui, sans-serif; font-size: clamp(1.35rem, 2.8vw, 1.75rem); }
.read-more { display:inline-flex; align-items:center; gap:8px; padding:.55rem .9rem; border-radius:999px; background:#111827; border:1px solid #1f2937; color:#e5e7eb; text-decoration:none; }
.read-more:hover { border-color:#374151; }

/* CTA intercalada */
.cta-card { grid-column: span 12; background: linear-gradient(180deg, #111 0%, #0b0b0b 100%); border:1px solid #3f3f46; border-radius: 18px; padding: 28px; position:relative; overflow:hidden; }
.cta-card::after { content:""; position:absolute; inset:-40% -40% auto auto; width:320px; height:320px; background: radial-gradient( circle at center, rgba(250,204,21,.12), transparent 60% ); transform: rotate(25deg); pointer-events:none; }
.cta-badge { display:inline-block; font-size:.75rem; color:#111; background:#facc15; font-weight:800; letter-spacing:.4px; padding:4px 10px; border-radius:999px; }
.cta-title { margin:.6rem 0 .3rem; color:#fff; font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.cta-text { color:#d1d5db; margin: .2rem 0 1rem; }
.cta-form { display:grid; grid-template-columns: 1fr auto; gap:10px; max-width: 560px; }
.cta-input { padding:12px 14px; border-radius: 12px; border:1px solid #374151; background:#000; color:#fff; }
.cta-input::placeholder { color:#9ca3af; }
.cta-btn { border:0; border-radius: 999px; padding:12px 16px; background:#facc15; color:#000; font-weight:800; cursor:pointer; }
.cta-btn:hover { filter:brightness(.95); }

/* Single post */
.single .content { max-width: 760px; margin: 0 auto; padding: 0 16px; }
.single .content p { margin: 1.1em 0; }
.single .content blockquote { border-left: 4px solid #facc15; padding: .6rem 1rem; margin: 1rem 0; color:#f3f4f6; background:#0b0b0b; border-radius:8px; }
.single .content img { border-radius:12px; }
.single .post-header { margin: 1.2rem 0 1.4rem; }
.single .post-header .title { color:#fff; margin:.4rem 0 .6rem; }
.single .post-header .meta { color:#9ca3af; }

/* Footer */
.site-footer { border-top:1px solid #1f2937; color:#9ca3af; }
.site-footer a { color:#9ca3af; }
.site-footer a:hover { color:#facc15; text-decoration:none; }