/* ===== Festibar — web comercial ===== */

:root {
    --bg: #12100e;
    --bg-alt: #1a1713;
    --panel: #221e18;
    --border: #37312a;
    --text: #f3ede3;
    --muted: #b3a996;
    --accent: #f5a524;
    --accent-strong: #e28f00;
    --accent-ink: #241a05;
    --success-bg: #17301d;
    --success-border: #2e6b3f;
    --error-bg: #351a1a;
    --error-border: #7c3535;
    --radius: 14px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

.container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

.container.narrow { max-width: 680px; }

a { color: var(--accent); }

h1, h2, h3 { line-height: 1.2; margin: 0 0 .5em; }

h2 { font-size: clamp(1.6rem, 3.5vw, 2.2rem); }

/* ===== Header ===== */

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(18, 16, 14, .92);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--border);
}

.header-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.brand {
    font-size: 1.15rem;
    text-decoration: none;
    color: var(--text);
    white-space: nowrap;
}

.site-nav {
    display: flex;
    gap: 18px;
    margin-left: auto;
}

.site-nav a {
    color: var(--muted);
    text-decoration: none;
    font-size: .95rem;
}

.site-nav a:hover { color: var(--text); }

/* ===== Botones ===== */

.button {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 1rem;
    transition: transform .1s ease, background .15s ease;
}

.button:active { transform: scale(.97); }

.button.primary {
    background: var(--accent);
    color: var(--accent-ink);
}

.button.primary:hover { background: var(--accent-strong); }

.button.ghost {
    border-color: var(--border);
    color: var(--text);
    background: transparent;
}

.button.ghost:hover { border-color: var(--muted); }

.button.big { padding: 14px 28px; font-size: 1.05rem; }

/* ===== Hero ===== */

.hero {
    padding: 72px 0 56px;
    background:
        radial-gradient(ellipse 900px 420px at 75% -10%, rgba(245, 165, 36, .16), transparent),
        var(--bg);
}

.hero-inner {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 48px;
    align-items: center;
}

.badge {
    display: inline-block;
    padding: 4px 14px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--accent);
    font-size: .85rem;
    margin-bottom: 18px;
}

.hero h1 {
    font-size: clamp(2rem, 5vw, 3rem);
    margin-bottom: .4em;
}

.hero h1 em {
    font-style: normal;
    color: var(--accent);
}

.hero p {
    color: var(--muted);
    font-size: 1.1rem;
    max-width: 34em;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 26px 0 18px;
}

.hero-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    color: var(--muted);
    font-size: .92rem;
}

.hero-points li::before {
    content: "✓ ";
    color: var(--accent);
    font-weight: 700;
}

/* ===== Mockup móvil ===== */

.hero-mockup { display: flex; justify-content: center; }

.phone {
    width: 290px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
    transform: rotate(2deg);
}

.phone-top {
    font-weight: 700;
    font-size: .95rem;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 12px;
}

.phone-chips {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.chip {
    font-size: .78rem;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid var(--border);
    color: var(--muted);
    white-space: nowrap;
}

.chip.active {
    background: var(--accent);
    color: var(--accent-ink);
    border-color: var(--accent);
    font-weight: 700;
}

.phone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.tile {
    background: var(--bg-alt);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: .85rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tile b { color: var(--accent); font-size: .8rem; }

.phone-cart {
    margin-top: 12px;
    background: var(--accent);
    color: var(--accent-ink);
    border-radius: 10px;
    padding: 10px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .9rem;
}

/* ===== Secciones ===== */

.section { padding: 72px 0; }

.section.alt { background: var(--bg-alt); }

.section-lead {
    color: var(--muted);
    max-width: 42em;
    margin-top: -4px;
    margin-bottom: 36px;
}

/* ===== Características ===== */

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.feature {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 22px;
}

.feature-icon { font-size: 1.7rem; }

.feature h3 { font-size: 1.05rem; margin: 10px 0 6px; }

.feature p { color: var(--muted); font-size: .92rem; margin: 0; }

/* ===== Pasos ===== */

.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.step {
    padding: 22px;
    border: 1px dashed var(--border);
    border-radius: var(--radius);
}

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--accent-ink);
    font-weight: 800;
}

.step h3 { font-size: 1.05rem; margin: 12px 0 6px; }

.step p { color: var(--muted); font-size: .92rem; margin: 0; }

/* ===== Precios ===== */

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: stretch;
}

.price-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.price-card.featured {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.price-tag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent);
    color: var(--accent-ink);
    font-size: .78rem;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 999px;
    white-space: nowrap;
}

.price { font-size: 1rem; margin: 4px 0 14px; }

.price strong { font-size: 2rem; }

.price span { color: var(--muted); }

.price-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    color: var(--muted);
    font-size: .92rem;
    flex: 1;
}

.price-card li { padding: 4px 0; }

.price-card li::before {
    content: "✓ ";
    color: var(--accent);
    font-weight: 700;
}

.price-card .button { text-align: center; }

/* ===== Formulario ===== */

.signup-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.signup-form label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-weight: 600;
    font-size: .95rem;
}

.optional { color: var(--muted); font-weight: 400; }

.signup-form input,
.signup-form textarea {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    color: var(--text);
    padding: 12px 14px;
    font-size: 1rem;
    font-family: inherit;
    width: 100%;
}

.signup-form input:focus,
.signup-form textarea:focus {
    outline: 2px solid var(--accent);
    outline-offset: 0;
    border-color: var(--accent);
}

.subdomain-field {
    display: flex;
    align-items: center;
}

.subdomain-field input {
    border-radius: 10px 0 0 10px;
    border-right: 0;
}

.subdomain-suffix {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 0 10px 10px 0;
    padding: 12px 14px;
    color: var(--muted);
    white-space: nowrap;
}

.subdomain-preview {
    color: var(--accent);
    font-weight: 400;
    min-height: 1.2em;
}

.honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.form-footnote {
    color: var(--muted);
    font-weight: 400;
    text-align: center;
}

.notice {
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

.notice.success {
    background: var(--success-bg);
    border: 1px solid var(--success-border);
}

.notice.error {
    background: var(--error-bg);
    border: 1px solid var(--error-border);
}

/* ===== FAQ ===== */

#faq details {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 10px;
    background: var(--panel);
}

#faq summary {
    cursor: pointer;
    font-weight: 600;
}

#faq details p {
    color: var(--muted);
    margin: 10px 0 0;
}

/* ===== Footer ===== */

.site-footer {
    border-top: 1px solid var(--border);
    padding: 28px 0;
    color: var(--muted);
    font-size: .92rem;
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

/* ===== Responsive ===== */

@media (max-width: 900px) {
    .hero-inner { grid-template-columns: 1fr; gap: 36px; }
    .hero-mockup { order: -1; }
    .phone { transform: none; width: 260px; }
    .feature-grid, .steps, .pricing-grid { grid-template-columns: 1fr 1fr; }
    .price-card.featured { grid-column: span 2; order: -1; }
}

@media (max-width: 600px) {
    .site-nav { display: none; }
    .section { padding: 52px 0; }
    .hero { padding: 44px 0 40px; }
    .feature-grid, .steps, .pricing-grid { grid-template-columns: 1fr; }
    .price-card.featured { grid-column: auto; }
}
/* Panel maestro */
.master-body{margin:0;background:#f3f5f8;color:#172033}.master-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#111827;color:white}.master-header .brand{color:white;text-decoration:none}.master-header .brand span{margin-left:6px;padding:3px 7px;border-radius:6px;background:#2563eb;font-size:.7rem;text-transform:uppercase}.master-header nav{display:flex;gap:8px}.master-header nav a{color:#cbd5e1;text-decoration:none;padding:8px 10px;border-radius:8px}.master-header nav a:hover{background:#ffffff16;color:white}.master-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 50px}.master-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.master-title>div>span,.master-panel-heading span{color:#2563eb;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.master-title h1{margin:4px 0;font-size:2rem}.master-title p{margin:0;color:#64748b}.master-create{position:relative}.master-create>summary{list-style:none;cursor:pointer;padding:11px 15px;border-radius:10px;background:#2563eb;color:white;font-weight:800}.master-create>summary::-webkit-details-marker{display:none}.master-create[open]{width:min(760px,100%)}.master-create[open]>summary{margin-bottom:9px;text-align:center}.master-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:20px}.master-kpis article{padding:16px;background:white;border:1px solid #e2e8f0;border-radius:13px}.master-kpis small,.master-kpis strong{display:block}.master-kpis small{color:#64748b;font-weight:700}.master-kpis strong{margin-top:5px;font-size:1.8rem}.master-kpis .ok{background:#f0fdf4;border-color:#bbf7d0}.master-kpis .ok strong{color:#15803d}.master-panel{margin-bottom:18px;padding:16px;background:white;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 18px #0f172a0a}.master-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.master-panel-heading h2{margin:3px 0 0}.master-panel-heading b{padding:6px 9px;border-radius:999px;background:#e2e8f0}.master-signups,.master-tenant-list{display:grid;gap:8px}.master-signups article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a}.master-signups strong,.master-signups small{display:block}.master-signups small{margin-top:3px;color:#64748b}.master-signups button{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.master-tenant{border:1px solid #e2e8f0;border-radius:11px;overflow:hidden}.master-tenant>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto 24px;gap:11px;align-items:center;padding:11px 13px}.master-tenant>summary::-webkit-details-marker{display:none}.master-tenant[open]>summary{background:#f8fafc;border-bottom:1px solid #e2e8f0}.master-tenant>summary strong,.master-tenant>summary small{display:block}.master-tenant>summary small{margin-top:2px;color:#64748b}.master-tenant>summary>a{color:#2563eb;text-decoration:none;font-size:.82rem;font-weight:800}.master-tenant>summary>b::after{content:'›';font-size:1.4rem;color:#64748b}.master-tenant[open]>summary>b::after{content:'⌄'}.master-tenant-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#dbeafe;color:#1d4ed8;font-weight:900}.master-status{padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.73rem;font-weight:800}.master-status.active{background:#dcfce7;color:#166534}.master-status.paused,.master-status.expired{background:#fee2e2;color:#991b1b}.master-status.pending{background:#fef3c7;color:#92400e}.master-tenant-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:13px}.master-tenant-form label{display:grid;gap:5px;color:#475569;font-size:.78rem;font-weight:700}.master-tenant-form input,.master-tenant-form select,.master-tenant-form textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#172033;font:inherit}.master-tenant-form textarea{min-height:72px;resize:vertical}.master-tenant-form .wide{grid-column:1/-1}.master-empty{text-align:center;color:#64748b;padding:28px}.master-login-body{min-height:100vh;display:grid;place-items:center;margin:0;background:linear-gradient(135deg,#111827,#273958);color:#172033}.master-login-card{width:min(400px,calc(100% - 32px));padding:28px;background:white;border-radius:17px;box-shadow:0 24px 70px #0005}.master-login-card h1{margin:8px 0 3px}.master-login-card p{margin:0 0 18px;color:#64748b}.master-login-card form,.master-login-card label{display:grid;gap:8px}.master-login-card input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px}.master-login-icon{font-size:2.2rem}
@media(max-width:850px){.master-kpis{grid-template-columns:repeat(2,1fr)}.master-tenant-form{grid-template-columns:repeat(2,minmax(0,1fr))}.master-title{display:block}.master-create{margin-top:14px}.master-create[open]{width:100%}.master-tenant>summary{grid-template-columns:auto minmax(0,1fr) auto}.master-tenant>summary>a{display:none}.master-tenant>summary>b{grid-column:3;grid-row:1/3}.master-status{grid-column:2;justify-self:start}}
@media(max-width:520px){.master-main{width:min(100% - 20px,1180px);padding-top:18px}.master-header{padding:11px}.master-header nav a:first-child{display:none}.master-kpis{grid-template-columns:1fr 1fr}.master-tenant-form{grid-template-columns:1fr}.master-signups article{align-items:flex-start;flex-direction:column}.master-tenant>summary{padding:9px}.master-tenant-avatar{width:34px;height:34px}}
.site-logo{display:block;max-width:180px;max-height:46px;object-fit:contain}
.landing-main{display:flex;flex-direction:column}
.master-business-list{display:grid;gap:12px}.master-business-card{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.master-check{display:flex!important;align-items:center;gap:7px!important}.master-check input{width:auto!important}.master-security-note{padding:11px;border-radius:9px;background:#fffbeb;color:#92400e;font-size:.82rem}.master-brand-form{margin-top:12px;border-top:1px solid #e2e8f0}.master-brand-preview{min-height:74px;display:grid;place-items:center;padding:10px;border:1px dashed #cbd5e1;border-radius:9px;color:#64748b}.master-brand-preview img{max-width:180px;max-height:65px;object-fit:contain}
.master-section-order{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.master-section-order h3{margin:0 0 9px}.master-section-order form{display:grid;grid-template-columns:minmax(150px,1fr) auto 80px auto;gap:9px;align-items:center;padding:8px;border-radius:9px;background:#f8fafc;margin-bottom:6px}.master-section-order label{display:flex;align-items:center;gap:5px}.master-section-order input[type=number]{width:80px;padding:7px;border:1px solid #cbd5e1;border-radius:7px}.master-section-order button{padding:7px 10px;border:0;border-radius:7px;background:#334155;color:white;font-weight:700}
.master-signup-actions{display:flex;gap:5px;align-items:center}.master-signup-actions form{margin:0}.master-signup-actions button.reject{color:#b91c1c}
.notification-status{margin-top:5px!important;font-size:.72rem!important;font-weight:700}.notification-status.queued{color:#92400e!important}.notification-status.sent{color:#166534!important}.notification-status.failed{color:#b91c1c!important}
.master-signup-message{max-width:720px;padding:6px 8px;border-radius:7px;background:#fff;color:#475569!important;white-space:pre-wrap}
.master-delete-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(250px,1fr) auto;gap:12px;align-items:end;margin:0 13px 13px;padding:13px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2}.master-delete-form strong,.master-delete-form small{display:block}.master-delete-form strong{color:#991b1b}.master-delete-form small{margin-top:4px;color:#7f1d1d}.master-delete-form label{display:grid;gap:5px;color:#7f1d1d;font-size:.78rem;font-weight:700}.master-delete-form input{width:100%;padding:9px;border:1px solid #fca5a5;border-radius:8px}.master-delete-form code{font-size:.78rem}.master-delete-form button{padding:10px 12px;border:0;border-radius:8px;background:#b91c1c;color:white;font-weight:800;cursor:pointer}
@media(max-width:850px){.master-delete-form{grid-template-columns:1fr}.master-delete-form button{width:100%}}

/* Estudio de diseños de la landing */
.landing-preview-bar{position:sticky;top:0;z-index:40;display:flex;justify-content:center;gap:18px;padding:8px 14px;background:#172033;color:#fff;font-size:.82rem;font-weight:750}.landing-preview-bar a{color:#fbbf24}.landing-preview-bar~.site-header{top:37px}
.master-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px}.master-command-grid a{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;align-items:center;padding:14px;border:1px solid #dbe4f0;border-radius:14px;background:#fff;color:#172033;text-decoration:none;box-shadow:0 6px 22px #0f172a0a;transition:.15s}.master-command-grid a:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 12px 28px #1d4ed81a}.master-command-grid span{grid-row:1/3;font-size:1.55rem}.master-command-grid strong,.master-command-grid small{display:block}.master-command-grid small{color:#64748b}
.master-design-studio{margin-top:18px;padding:18px;border:1px solid #dbe4f0;border-radius:16px;background:#f8fafc}.master-design-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.master-design-heading span{color:#2563eb;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.master-design-heading h3{margin:2px 0 4px}.master-design-heading p{margin:0;color:#64748b}.master-design-heading>a{white-space:nowrap;color:#2563eb;font-weight:800;text-decoration:none}.master-design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.master-design-card{display:grid;gap:7px;padding:9px;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer;box-shadow:0 2px 10px #0f172a0a}.master-design-card:has(input:checked){border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.master-design-card>input{position:absolute;opacity:0;pointer-events:none}.master-design-card strong{font-size:.8rem}.master-design-card small a{color:#2563eb;text-decoration:none;font-size:.72rem}.master-design-swatch{height:56px;display:flex;align-items:flex-end;gap:4px;padding:7px;border-radius:8px;background:var(--preview-bg,#111827)}.master-design-swatch i{display:block;width:30%;height:50%;border-radius:3px;background:var(--preview-accent,#f59e0b)}.master-design-swatch i:nth-child(2){height:85%;background:var(--preview-panel,#fff)}.master-design-swatch i:nth-child(3){height:65%;opacity:.65}.design-2{--preview-bg:#f8fafc;--preview-panel:#0f172a;--preview-accent:#2563eb}.design-3{--preview-bg:#fff7ed;--preview-panel:#7c2d12;--preview-accent:#fb7185}.design-4{--preview-bg:#09090b;--preview-panel:#22d3ee;--preview-accent:#d946ef}.design-5{--preview-bg:#f5f0e8;--preview-panel:#25221e;--preview-accent:#a16207}.design-6{--preview-bg:#f0fdf4;--preview-panel:#14532d;--preview-accent:#84cc16}.design-7{--preview-bg:#fff7d6;--preview-panel:#7f1d1d;--preview-accent:#f59e0b}.design-8{--preview-bg:#eff6ff;--preview-panel:#1e3a8a;--preview-accent:#38bdf8}.design-9{--preview-bg:#fde047;--preview-panel:#09090b;--preview-accent:#f43f5e}.design-10{--preview-bg:#fff1f2;--preview-panel:#881337;--preview-accent:#fb7185}.master-remove-brand{padding:5px 9px;border:1px solid #fecaca;border-radius:7px;background:#fff;color:#b91c1c;font-weight:750;cursor:pointer}

/* Lavado de cara del panel maestro */
.master-body{background:linear-gradient(180deg,#eaf1fb 0,#f6f8fc 240px);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.master-header{padding:11px max(18px,calc((100vw - 1260px)/2));background:#0b1220;border-bottom:1px solid #263247;box-shadow:0 8px 24px #0f172a24}.master-header .brand{display:flex;align-items:center;gap:8px}.master-header .brand i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-style:normal;font-weight:950}.master-header .brand span{margin-left:0;background:#ffffff1c;color:#bfdbfe}.master-header nav a{font-size:.84rem}.master-main{width:min(1260px,calc(100% - 36px));padding-top:34px}.master-title h1{font-size:clamp(2rem,4vw,2.7rem);letter-spacing:-.04em}.master-create>summary{border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 20px #2563eb35}.master-kpis{gap:14px}.master-kpis article{padding:18px;border:0;border-radius:16px;box-shadow:0 8px 26px #0f172a0d}.master-kpis article:first-child{background:#172033;color:#fff}.master-kpis article:first-child small{color:#cbd5e1}.master-panel{padding:20px;border:0;border-radius:18px;box-shadow:0 10px 34px #0f172a0d;scroll-margin-top:78px}.master-panel-heading{padding-bottom:12px;border-bottom:1px solid #edf2f7}.master-tenant{border-color:#dbe4f0;border-radius:13px}.master-tenant>summary{padding:14px}.master-tenant-avatar{background:linear-gradient(135deg,#dbeafe,#ede9fe);color:#4338ca}.master-business-card{border-color:#dbe4f0;border-radius:14px;background:#fbfdff}

/* Diez propuestas: mismo contenido, personalidad distinta */
.landing-design-1{--bg:#11100e;--bg-alt:#1b1712;--panel:#241e17;--border:#43382c;--text:#fff7e8;--muted:#c8b99f;--accent:#ffb020;--accent-strong:#f59e0b;--accent-ink:#241600}.landing-design-1 .hero h1{font-weight:950;letter-spacing:-.045em}.landing-design-1 .phone{box-shadow:18px 22px 0 #f59e0b22,0 30px 70px #0008}
.landing-design-2{--bg:#f8fafc;--bg-alt:#eef2f7;--panel:#fff;--border:#dbe3ed;--text:#0f172a;--muted:#5b687b;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-ink:#fff}.landing-design-2 .site-header{background:#ffffffeb}.landing-design-2 .hero{background:linear-gradient(135deg,#eff6ff,#fff 65%)}.landing-design-2 .phone{transform:none;box-shadow:0 24px 70px #1e3a8a24}.landing-design-2 .feature{box-shadow:0 8px 25px #0f172a0a}
.landing-design-3{--bg:#fff8ef;--bg-alt:#ffeadf;--panel:#fff;--border:#f4c7b5;--text:#4a1d25;--muted:#85545a;--accent:#f0526e;--accent-strong:#db3152;--accent-ink:#fff}.landing-design-3 .site-header{background:#fff8efeb}.landing-design-3 .hero{background:radial-gradient(circle at 80% 20%,#fdba7499,transparent 35%),linear-gradient(145deg,#fff7ed,#ffe4e6)}.landing-design-3 .hero h1{font-family:Georgia,serif}.landing-design-3 .feature,.landing-design-3 .price-card{box-shadow:8px 8px 0 #fb718522}
.landing-design-4{--bg:#07070a;--bg-alt:#0d1117;--panel:#111827;--border:#23404c;--text:#ecfeff;--muted:#94a3b8;--accent:#22d3ee;--accent-strong:#06b6d4;--accent-ink:#042f2e}.landing-design-4 .site-header{background:#07070aeb;border-color:#d946ef66}.landing-design-4 .hero{background:radial-gradient(circle at 70% 10%,#d946ef38,transparent 35%),radial-gradient(circle at 20% 30%,#22d3ee25,transparent 30%),#07070a}.landing-design-4 h1,.landing-design-4 h2{text-shadow:0 0 26px #22d3ee55}.landing-design-4 .feature,.landing-design-4 .phone{box-shadow:0 0 28px #22d3ee18}
.landing-design-5{--bg:#f4efe6;--bg-alt:#e9e1d4;--panel:#fbf8f2;--border:#c9bdad;--text:#27221d;--muted:#71675c;--accent:#9a5b18;--accent-strong:#7c4610;--accent-ink:#fff}.landing-design-5 h1,.landing-design-5 h2,.landing-design-5 h3{font-family:Georgia,serif}.landing-design-5 .site-header{background:#f4efe6eb}.landing-design-5 .hero-inner{grid-template-columns:1.35fr .65fr}.landing-design-5 .hero h1{font-size:clamp(2.7rem,7vw,5.2rem)}.landing-design-5 .feature{border-width:0 0 1px;background:transparent;border-radius:0}
.landing-design-6{--bg:#f4fbf4;--bg-alt:#e5f4e5;--panel:#fff;--border:#bdd8bd;--text:#173a25;--muted:#52705b;--accent:#65a30d;--accent-strong:#4d7c0f;--accent-ink:#fff}.landing-design-6 .site-header{background:#f4fbf4eb}.landing-design-6 .hero{background:radial-gradient(circle at 80% 10%,#bef26488,transparent 38%),#f4fbf4}.landing-design-6 .feature,.landing-design-6 .price-card,.landing-design-6 #faq details{border-radius:24px}.landing-design-6 .phone{transform:rotate(-2deg);box-shadow:16px 18px 0 #65a30d2b}
.landing-design-7{--bg:#fff5cf;--bg-alt:#f9e7ac;--panel:#fffaf0;--border:#8e5a28;--text:#3d2416;--muted:#775538;--accent:#c2410c;--accent-strong:#9a3412;--accent-ink:#fff}.landing-design-7{font-family:"Courier New",monospace}.landing-design-7 .site-header{background:#fff5cfeb;border-bottom:2px dashed #8e5a28}.landing-design-7 .feature,.landing-design-7 .price-card,.landing-design-7 .step,.landing-design-7 #faq details{border:2px dashed #8e5a28;border-radius:3px}.landing-design-7 .button{border-radius:3px}.landing-design-7 .phone{border-radius:5px;transform:rotate(1deg)}
.landing-design-8{--bg:#f5f9ff;--bg-alt:#e9f2ff;--panel:#fff;--border:#c7daf7;--text:#102a56;--muted:#58709a;--accent:#0f6feb;--accent-strong:#0958bd;--accent-ink:#fff}.landing-design-8 .site-header{background:#f5f9ffed}.landing-design-8 .hero{background:linear-gradient(120deg,#eff6ff 20%,#dbeafe 100%)}.landing-design-8 .hero h1{font-weight:900;letter-spacing:-.05em}.landing-design-8 .feature,.landing-design-8 .price-card{box-shadow:0 12px 32px #1d4ed812}.landing-design-8 .phone{transform:none;border:6px solid #102a56}
.landing-design-9{--bg:#fde047;--bg-alt:#facc15;--panel:#fff;--border:#0a0a0a;--text:#0a0a0a;--muted:#3f3f46;--accent:#f43f5e;--accent-strong:#e11d48;--accent-ink:#fff}.landing-design-9 .site-header{background:#0a0a0a;color:#fff;border-bottom:4px solid #f43f5e}.landing-design-9 .site-header .brand,.landing-design-9 .site-nav a{color:#fff}.landing-design-9 .hero{background:#fde047}.landing-design-9 h1,.landing-design-9 h2{text-transform:uppercase;font-weight:1000;letter-spacing:-.06em}.landing-design-9 .feature,.landing-design-9 .price-card,.landing-design-9 .phone,.landing-design-9 #faq details{border:3px solid #0a0a0a;border-radius:0;box-shadow:8px 8px 0 #0a0a0a}.landing-design-9 .button{border-radius:0;border:2px solid #0a0a0a}
.landing-design-10{--bg:#fff8f6;--bg-alt:#ffece8;--panel:#fff;--border:#f2c8c1;--text:#4c1d2f;--muted:#805564;--accent:#e65f78;--accent-strong:#cf3f5c;--accent-ink:#fff}.landing-design-10 .site-header{background:#fff8f6ed}.landing-design-10 .hero{background:radial-gradient(circle at 75% 20%,#fda4af66,transparent 35%),#fff8f6}.landing-design-10 .hero h1{font-family:Georgia,serif}.landing-design-10 .feature,.landing-design-10 .price-card{border-radius:28px}.landing-design-10 .phone{transform:rotate(2deg);box-shadow:0 28px 60px #9f123933}

@media(max-width:900px){.master-design-grid{grid-template-columns:repeat(2,1fr)}.master-command-grid{grid-template-columns:repeat(2,1fr)}.master-header nav{overflow-x:auto;max-width:70vw}.master-header nav a{white-space:nowrap}.landing-design-5 .hero-inner{grid-template-columns:1fr}}
@media(max-width:560px){.master-design-grid,.master-command-grid{grid-template-columns:1fr}.master-design-heading{display:block}.master-design-heading>a{display:inline-block;margin-top:8px}.master-header nav a:nth-child(-n+4){display:none}.master-main{width:min(100% - 20px,1260px)}.landing-preview-bar~.site-header{top:61px}}

/* CP maestro profesional: navegación y pantallas independientes */
.master-app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}
.master-sidebar{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;padding:20px 14px;background:#0b1220;color:#fff;border-right:1px solid #1e293b}
.master-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff12}.master-sidebar-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3b82f6,#7c3aed);font-size:1.2rem;font-style:normal;font-weight:950;box-shadow:0 8px 22px #3b82f638}.master-sidebar-brand span,.master-sidebar-brand strong,.master-sidebar-brand small{display:block}.master-sidebar-brand strong{font-size:1.05rem}.master-sidebar-brand small{color:#94a3b8;font-size:.72rem;margin-top:1px}
.master-sidebar>nav{display:grid;gap:5px;margin-top:22px}.master-sidebar>nav>small{margin:17px 10px 5px;color:#64748b;font-size:.63rem;font-weight:900;letter-spacing:.13em}.master-sidebar>nav>a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#aebbd0;text-decoration:none;font-size:.86rem;font-weight:700;transition:.15s}.master-sidebar>nav>a>span{width:22px;color:#7f91ad;font-size:1.1rem;text-align:center}.master-sidebar>nav>a>b{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.66rem;text-align:center}.master-sidebar>nav>a:hover{background:#ffffff0d;color:#fff}.master-sidebar>nav>a.active{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 8px 20px #2563eb2e}.master-sidebar>nav>a.active>span{color:#fff}.master-sidebar-footer{display:grid;gap:5px;margin-top:auto;padding-top:16px;border-top:1px solid #ffffff12}.master-sidebar-footer a{padding:9px 11px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:.8rem}.master-sidebar-footer a:hover{background:#ffffff0d;color:#fff}.master-sidebar-footer>small{padding:2px 11px 8px;color:#64748b;font-size:.6rem;letter-spacing:.08em}.master-sidebar-footer>small strong{color:#94a3b8;font-size:.68rem;letter-spacing:0}
.master-workspace{min-width:0}.master-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:78px;padding:12px 30px;background:#ffffffed;color:#172033;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(12px);box-shadow:0 3px 16px #0f172a08}.master-topbar h1{margin:0;font-size:1.25rem;letter-spacing:-.02em}.master-topbar p{margin:3px 0 0;color:#64748b;font-size:.79rem}.master-topbar>a{padding:8px 12px;border:1px solid #dbe4f0;border-radius:9px;color:#334155;text-decoration:none;font-size:.79rem;font-weight:800;background:#fff}.master-menu-button{display:none}.master-main{width:min(1380px,calc(100% - 52px));padding:28px 0 60px}
.master-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:26px 28px;border-radius:20px;background:linear-gradient(120deg,#111c31,#172b50 60%,#244a86);color:#fff;box-shadow:0 16px 40px #0f172a1c;overflow:hidden;position:relative}.master-dashboard-hero::after{content:"";position:absolute;width:260px;height:260px;right:-70px;top:-110px;border:50px solid #60a5fa18;border-radius:50%}.master-dashboard-hero span{color:#93c5fd;font-size:.68rem;font-weight:900;letter-spacing:.14em}.master-dashboard-hero h2{margin:5px 0;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.04em}.master-dashboard-hero p{margin:0;color:#cbd5e1}.master-dashboard-hero time{position:relative;z-index:1;padding:7px 10px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff0d;color:#dbeafe;font-size:.78rem;font-weight:800}
.master-dashboard-kpis article{position:relative;overflow:hidden}.master-dashboard-kpis article em{display:block;margin-top:8px;color:#94a3b8;font-size:.7rem;font-style:normal;font-weight:700}.master-dashboard-kpis article.attention{background:#fff7ed}.master-dashboard-kpis article.attention strong{color:#c2410c}.master-dashboard-kpis article.attention em{color:#9a3412}
.master-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.master-dashboard-grid>article{padding:20px;border-radius:17px;background:#fff;box-shadow:0 10px 32px #0f172a0d}.master-dashboard-grid>article>p{color:#64748b}.master-health-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.master-health-list li{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf2f7}.master-health-list li:last-child{border:0}.master-health-list i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.master-health-list i.warn{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.master-health-list span strong,.master-health-list span small{display:block}.master-health-list span small{margin-top:2px;color:#64748b}.master-health-list li>b{color:#475569;font-size:.74rem}
.master-section-clientes .master-title{padding:20px 22px;border-radius:17px;background:#fff;box-shadow:0 8px 28px #0f172a0b}.master-section-clientes .master-kpis{margin-top:14px}.master-section-landing .master-panel,.master-section-planes .master-panel,.master-section-cobros .master-panel{max-width:1180px;margin-left:auto;margin-right:auto}.master-section-landing .master-panel{padding:24px}.master-section-planes .master-business-list,.master-section-cobros .master-business-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.master-app-shell{grid-template-columns:218px minmax(0,1fr)}.master-dashboard-grid{grid-template-columns:1fr}.master-design-grid{grid-template-columns:repeat(3,1fr)}.master-section-planes .master-business-list,.master-section-cobros .master-business-list{grid-template-columns:1fr}}
@media(max-width:760px){.master-app-shell{display:block}.master-sidebar{position:fixed;left:0;top:0;width:252px;transform:translateX(-105%);transition:transform .2s;box-shadow:18px 0 50px #0005}.master-body.master-menu-open .master-sidebar{transform:translateX(0)}.master-body.master-menu-open::after{content:"";position:fixed;inset:0;z-index:25;background:#0f172a99}.master-topbar{grid-template-columns:auto 1fr auto;padding:10px 14px;min-height:68px}.master-topbar p{display:none}.master-menu-button{display:block;width:38px;height:38px;padding:0;background:#eef2f7;color:#334155}.master-main{width:min(100% - 20px,1380px);padding-top:18px}.master-dashboard-hero{align-items:flex-start;flex-direction:column;padding:21px}.master-dashboard-kpis{grid-template-columns:1fr 1fr}.master-command-grid{grid-template-columns:1fr 1fr}.master-design-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.master-topbar>a{display:none}.master-dashboard-kpis,.master-command-grid,.master-design-grid{grid-template-columns:1fr}.master-dashboard-hero time{display:none}.master-section-landing .master-panel{padding:14px}.master-topbar h1{font-size:1.08rem}}

/* Facturación, legales y consentimiento */
.master-form-divider{margin-top:8px;padding:14px 0 4px;border-top:1px solid #dbe4f0}.master-form-divider strong,.master-form-divider small{display:block}.master-form-divider strong{color:#172033;font-size:1rem}.master-form-divider small{margin-top:3px;color:#64748b;font-weight:500}
.billing-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#3b82f633,transparent 35%),#0b1220}.billing-card{width:min(520px,100%);padding:32px;border-radius:20px;background:#fff;color:#172033;box-shadow:0 30px 80px #0006}.billing-card>span{color:#2563eb;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.billing-card h1{margin:8px 0}.billing-card p{color:#64748b}.billing-card form{margin:20px 0}.billing-card small{display:block;color:#64748b}
.legal-page{background:#f3f6fa;color:#1e293b}.legal-header{position:sticky;top:0;display:flex;justify-content:space-between;padding:14px max(20px,calc((100vw - 920px)/2));background:#0b1220;color:#fff}.legal-header a{color:#fff;text-decoration:none}.legal-document{width:min(880px,calc(100% - 32px));margin:34px auto;padding:clamp(22px,5vw,48px);border-radius:20px;background:#fff;box-shadow:0 15px 45px #0f172a12}.legal-document>span{color:#2563eb;font-size:.7rem;font-weight:900;letter-spacing:.12em}.legal-document h1{margin:6px 0 4px;font-size:clamp(2rem,5vw,3rem);color:#0f172a}.legal-document h2{margin-top:30px;color:#172033;font-size:1.2rem}.legal-document p,.legal-document dd{color:#475569}.legal-document dl{display:grid;grid-template-columns:150px 1fr;gap:8px 16px;padding:18px;border-radius:12px;background:#f8fafc}.legal-document dt{font-weight:800}.legal-document dd{margin:0}.legal-updated{margin-top:0}.legal-review-note{margin-top:35px;padding:14px;border-left:4px solid #f59e0b;background:#fffbeb;font-size:.84rem}.legal-links{display:flex;flex-wrap:wrap;gap:8px 14px}.legal-links a{white-space:nowrap}
.cookie-consent{position:fixed;z-index:80;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(980px,calc(100% - 40px));margin:auto;padding:17px 19px;border:1px solid #334155;border-radius:15px;background:#0f172af5;color:#fff;box-shadow:0 18px 55px #0006;backdrop-filter:blur(12px)}.cookie-consent[hidden]{display:none}.cookie-consent strong{font-size:1rem}.cookie-consent p{margin:3px 0;color:#cbd5e1;font-size:.82rem}.cookie-consent a{font-size:.76rem}.cookie-consent>div:last-child{display:flex;gap:8px;flex-shrink:0}.cookie-consent button{padding:9px 12px;background:#334155}.cookie-consent button.primary{background:#2563eb}
@media(max-width:700px){.cookie-consent{align-items:stretch;flex-direction:column;gap:12px;left:10px;right:10px;bottom:10px;width:calc(100% - 20px)}.cookie-consent>div:last-child{display:grid;grid-template-columns:1fr 1fr}.legal-document dl{grid-template-columns:1fr}.legal-document dt{margin-top:8px}}
.master-subscription-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 13px 13px;padding:11px 13px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.master-subscription-row strong,.master-subscription-row small{display:block}.master-subscription-row small{color:#64748b}.master-subscription-row a{color:#1d4ed8;font-size:.78rem;font-weight:800;text-decoration:none}.master-subscription-row em{color:#64748b;font-size:.75rem}.master-invoice-list{margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0}.master-invoice-list article{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:11px;border-bottom:1px solid #edf2f7}.master-invoice-list strong,.master-invoice-list small{display:block}.master-invoice-list small{color:#64748b}.master-invoice-list a{color:#2563eb;font-weight:800;text-decoration:none}
.master-recent-audit{margin-top:14px}.master-recent-audit>article{display:grid;grid-template-columns:160px minmax(160px,1fr) 1fr;gap:12px;padding:9px 2px;border-bottom:1px solid #edf2f7;font-size:.78rem}.master-recent-audit time,.master-recent-audit span{color:#64748b}
.landing-publish-toolbar{position:sticky;top:90px;z-index:10;display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ffff;box-shadow:0 8px 28px #1d4ed814}.landing-publish-toolbar>div{margin-right:auto}.landing-publish-toolbar strong,.landing-publish-toolbar small{display:block}.landing-publish-toolbar small{margin-top:2px;color:#64748b}.landing-publish-toolbar form{margin:0}.landing-width-compact .container{max-width:980px}.landing-width-wide .container{max-width:1380px}
@media(max-width:700px){.landing-publish-toolbar{position:static;align-items:stretch;flex-direction:column}.landing-publish-toolbar>div{margin-right:0}.landing-publish-toolbar .button,.landing-publish-toolbar form button{width:100%;text-align:center}}