/* styles.css - generado automáticamente */
:root{
  --color-primary: #0ea5e9;
  --color-secondary: #0369a1;
  --color-accent: #14b8a6;
  --font-base: 'Inter', system-ui, -apple-system, Segoe UI, Roboto;
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);
  --shadow-md: 0 10px 20px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-base);color:#0b1220;background:#ffffff;line-height:1.65;font-size:clamp(16px,1.4vw,18px)}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
header.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e5e7eb}
.top-banner{background:#111827;color:#f9fafb;padding:8px 0;font-size:14px;text-align:center}
.top-banner strong{color:#fde047}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav-toggle{display:inline-flex;gap:8px;align-items:center;border:1px solid #e5e7eb;padding:8px 10px;border-radius:10px;background:#fff}
.mobile-menu{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px}
.mobile-menu.open{display:block}
.brand{display:flex;gap:10px;align-items:center}
.brand .logo{width:28px;height:28px;border-radius:6px;background:var(--color-primary)}
.brand .title{font-weight:700}
.menu a{margin-left:18px}
.btn{display:inline-block;background:var(--color-primary);color:white;padding:12px 18px;border-radius:10px;font-weight:600;border:0}
.btn:hover{filter:brightness(0.95)}
.btn-secondary{background:var(--color-secondary)}
.hero{padding:56px 0 28px;position:relative;overflow:hidden}
.hero[data-layout="left-hero"]{background:linear-gradient(180deg, #f8fafc, #ffffff)}
.hero[data-layout="center-hero"] .hero-grid{justify-items:center;text-align:center}
.hero[data-layout="split-hero"] .hero-grid{grid-template-columns:1.1fr .9fr}
.hero[data-layout="image-hero"] .mock{background-image:linear-gradient(135deg,var(--color-primary),var(--color-accent));}
.hero-title{font-size:40px;line-height:1.15;margin:10px 0;color:#0b1220}
.hero-sub{font-size:18px;color:#334155;margin-bottom:22px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:900px){.hero-grid{grid-template-columns:1.2fr .8fr}}
.hero::after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(closest-side,var(--color-accent),transparent 70%);right:-200px;top:-200px;opacity:.15;filter:blur(2px)}
.mock{height:260px;border-radius:16px;background:#0ea5e91a;border:1px solid #e5e7eb;box-shadow:var(--shadow-md)}
.features{padding:28px 0 12px;background:#f8fafc}
.grid-3{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fff;box-shadow:var(--shadow-sm)}
.card h3{margin-top:0;margin-bottom:8px}
.faq{padding:22px 0}
.accordion{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.accordion-item{border-bottom:1px solid #e5e7eb}
.accordion-item:last-child{border-bottom:0}
.accordion-btn{width:100%;text-align:left;padding:14px;background:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.accordion-content{display:none;padding:0 14px 14px;color:#374151;background:#fff}
.cta{background:var(--color-secondary);color:#fff;padding:26px 0}
.cta .cta-wrap{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
@media(min-width:900px){.cta .cta-wrap{flex-direction:row;justify-content:space-between;align-items:center}}
footer.site-footer{background:#0b1220;color:#cbd5e1;padding:20px 0}
footer a{color:#f8fafc}
.legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.badge{display:inline-flex;align-items:center;gap:8px;background:#0ea5e91a;border:1px dashed var(--color-primary);color:#0b1220;padding:10px 12px;border-radius:12px}
.form{display:grid;gap:10px;max-width:640px}
.form input,.form textarea{padding:12px;border-radius:10px;border:1px solid #e5e7eb}
.consent{font-size:12px;color:#475569}
.cookie-banner{position:fixed;z-index:50;left:20px;right:20px;bottom:20px;background:#111827;color:#e5e7eb;padding:16px;border-radius:12px;display:none}
.cookie-banner .actions{display:flex;gap:10px;margin-top:10px}

/* Tablas comparativas */
.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.table th,.table td{padding:14px;border-bottom:1px solid #e5e7eb}
.table tr:last-child td{border-bottom:0}
.check{display:inline-block;width:18px;height:18px;background:var(--color-accent);color:#fff;text-align:center;border-radius:50%}

/* Pasos */
.steps{display:grid;gap:14px}
.step{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.step .num{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Testimonios */
.testimonials{display:grid;gap:16px}
@media(min-width:900px){.testimonials{grid-template-columns:repeat(3,1fr)}}
.testimonial{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}
.testimonial .name{font-weight:700;margin-top:8px}

/* Blog */
.blog-list{display:grid;gap:16px}
@media(min-width:900px){.blog-list{grid-template-columns:repeat(3,1fr)}}
.post{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}

/* Animaciones de aparición */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease, transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}

/* Modo oscuro automático */
@media (prefers-color-scheme: dark){
  body{background:#0b1220;color:#e5e7eb}
  header.site-header, .mobile-menu{background:#111827;border-color:#1f2937}
  .features{background:#0b1220}
  .card, .accordion, .accordion-btn, .accordion-content, .table, .step, .testimonial, .post{background:#111827;border-color:#1f2937}
  a{color:#93c5fd}
  .mock{border-color:#1f2937}
}