:root{--primary:#0f4f78;--secondary:#0b2f4d;--accent:#d69b13;--bg:#f3f7fb;--text:#0b1728;--muted:#64748b;--border:#dde7f0;--card:#ffffff;--success:#0e9f6e;--shadow:0 16px 36px rgba(15,35,55,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#f9fbfe 0,#eff5fa 45%,var(--bg) 100%);color:var(--text);font-family:Arial,sans-serif;font-size:15px;line-height:1.55}
a{color:var(--primary)}img,video{max-width:100%;display:block}h1,h2,h3,h4{line-height:1.15;margin:0 0 12px}p{margin:0 0 14px}.muted{color:var(--muted)}

/* admin */
.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:282px;background:linear-gradient(180deg,#091d31 0,#0b2239 100%);color:#fff;padding:22px 18px;position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid rgba(255,255,255,.06)}.brand{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:16px}.brand span{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#f4bb38,#cc8f06);display:flex;align-items:center;justify-content:center;font-weight:800;color:#072033;box-shadow:0 10px 24px rgba(0,0,0,.2)}.brand strong{font-size:18px}.brand small{grid-column:2;color:#c3d3df;margin-top:-18px}.admin-sidebar nav{display:flex;flex-direction:column;gap:6px}.admin-sidebar a{color:#eaf2fb;text-decoration:none;padding:11px 12px;border-radius:12px;font-weight:700}.admin-sidebar a:hover{background:rgba(255,255,255,.1)}.admin-main{flex:1;padding:28px;max-width:calc(100vw - 282px)}.hero{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:30px 34px;border-radius:22px;margin-bottom:20px;box-shadow:0 16px 36px rgba(15,79,120,.18)}.hero h1{font-size:32px}.hero p{margin-top:8px;color:#d9eaf8}.card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:20px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.card h2{margin-top:0;font-size:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff!important;border:0;border-radius:12px;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer;transition:.2s transform,.2s opacity,.2s background}.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-1px);opacity:.95}.btn.secondary{background:#64748b}.btn.warn{background:var(--accent);color:#fff!important}.btn.light{background:#edf3f9;color:#0f4f78!important}.btn.danger{background:#b91c1c}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:800;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid #d6e0ea;border-radius:12px;padding:11px 12px;background:#fff;color:#0b1728}input[type=color]{height:46px;padding:3px}input[type=checkbox]{width:auto}textarea{min-height:100px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #edf2f7;padding:10px 8px;vertical-align:top;text-align:left}.table th{font-size:13px;color:#49657e;text-transform:uppercase;letter-spacing:.03em}.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:700}.alert.ok{background:#e8fbf3;color:#0e7a54}.alert.warn{background:#fff7e9;color:#8a5a00}.alert.bad{background:#ffe6e6;color:#a51e1e}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.badge.active,.badge.ok,.badge.published{background:#e6f7ef;color:#0e7a54}.badge.pending,.badge.maintenance,.badge.pilot{background:#fff3d7;color:#8a5a00}.badge.archived,.badge.inactive{background:#eef2f7;color:#516172}.preview-img{max-width:180px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.check-row{display:flex;gap:14px;flex-wrap:wrap}.log-list{margin:0;padding-left:18px}.log-list li{margin:6px 0}.log-list li.ok{color:#0e7a54}.log-list li.warn{color:#8a5a00}.log-list li.bad{color:#a51e1e}.panel-shortcuts .public-card h3{font-size:20px}

/* public */
.public-wrap{max-width:1260px;margin:0 auto;padding:24px 20px 0}.professional-page{padding-bottom:0}.professional-header{position:sticky;top:12px;z-index:40;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:0 14px 34px rgba(15,35,55,.10)}.public-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;margin-bottom:18px}.public-logo{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-decoration:none;color:inherit}.public-logo>span{background:linear-gradient(135deg,#f4bb38,#cc8f06);color:#08253d;font-weight:900;padding:14px;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.15)}.public-logo strong{display:block;font-size:16px}.public-logo small{display:block;color:#6c8093;line-height:1.35}.public-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.public-nav a{text-decoration:none;color:#23445e;font-weight:700;padding:9px 12px;border-radius:10px}.public-nav a:hover{background:#eef4fa}.public-nav .nav-cta{background:var(--primary);color:#fff}
.public-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:54px 48px;border-radius:28px;margin-bottom:20px;background-size:cover;background-position:center;box-shadow:0 24px 46px rgba(9,29,49,.18);overflow:hidden}.hero-copy{color:#fff;max-width:620px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.public-hero h1{font-size:clamp(36px,5vw,56px);margin-bottom:16px}.public-hero p{font-size:17px;color:#ebf4fb;max-width:58ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-stats span{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}.hero-visual{display:flex;justify-content:flex-end}.hero-visual-card{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.18);max-width:440px}.hero-visual-card img{width:100%;border-radius:18px;background:#fff}.hero-visual-badge{margin-top:12px;background:#fff;color:#15344d;padding:14px;border-radius:18px}.hero-visual-badge small{display:block;color:#5f7387;margin-top:6px}
.public-section{margin:20px 0 28px}.intro-band{margin-top:0}.mini-highlights{gap:16px}.mini-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.mini-card strong{display:block;font-size:18px;margin-bottom:8px}.section-surface,.about-section{background:rgba(255,255,255,.76);border:1px solid rgba(221,231,240,.9);border-radius:26px;padding:26px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-heading h2,.about-section h2{font-size:32px}.section-kicker{background:#eff4f9;color:#0f4f78}
.about-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:24px;align-items:center}.about-visual img{border-radius:24px;box-shadow:0 18px 40px rgba(15,35,55,.16)}.feature-list{margin:18px 0 0;padding-left:18px}.feature-list li{margin:8px 0}.feature-list.compact{margin-top:8px}
.cards-grid{gap:18px}.public-card{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.media-card,.service-card,.event-card,.system-card{display:flex;flex-direction:column}.media-cover{background:#f4f8fc;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-cover img,.media-cover video{width:100%;height:100%;object-fit:cover}.service-cover{min-height:200px}.cover-placeholder{width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef4fa,#dce8f2);color:#0f4f78;font-weight:800;font-size:48px}.cover-placeholder span{font-size:54px}.cover-accent{background:linear-gradient(135deg,#0f4f78,#163f68);color:#fff;font-size:20px}.cover-event{background:linear-gradient(135deg,#f0f4f8,#d6e1eb);font-size:22px;color:#34506b}.card-body{padding:22px}.card-body h3{font-size:24px}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.system-topline{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 0}.system-icon{font-size:34px}.cta-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#102b45,#17486f);color:#fff;border-radius:24px;padding:26px 28px;box-shadow:0 20px 40px rgba(9,29,49,.16)}.cta-banner p{color:#deebf7}.jobs-banner{background:linear-gradient(135deg,#f6fbff,#dbe9f6);color:#13344d}.jobs-banner p{color:#33536e}.payments-panel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.payments-actions{display:flex;gap:12px;flex-wrap:wrap}.public-footer{margin-top:36px;border-radius:30px 30px 0 0;padding:34px 28px 18px;background-size:cover;background-position:center;color:#fff;box-shadow:0 -12px 32px rgba(9,29,49,.16)}.footer-grid{display:grid;grid-template-columns:1.15fr .85fr .95fr;gap:22px}.footer-brand{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:14px}.footer-brand>span{width:46px;height:46px;background:linear-gradient(135deg,#f4bb38,#cc8f06);border-radius:12px;color:#072033;display:flex;align-items:center;justify-content:center;font-weight:900}.footer-brand strong{display:block}.footer-brand small{color:#d1dde8}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:8px 0;color:#dce7f1}.footer-links a{color:#dce7f1;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:20px;padding-top:16px;color:#c8d6e2;font-size:14px}.whatsapp-float{position:fixed;right:18px;bottom:18px;background:#16a34a;color:#fff!important;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 16px 28px rgba(22,163,74,.25);z-index:60}

@media (max-width:1080px){.public-hero,.about-grid,.payments-panel,.footer-grid,.grid-3{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.public-header{flex-direction:column;align-items:flex-start}.admin-main{max-width:none}.grid-2,.form-grid{grid-template-columns:1fr}}
@media (max-width:860px){.admin-shell{display:block}.admin-sidebar{position:relative;width:auto;height:auto}.admin-main{max-width:none;padding:18px}.public-wrap{padding:14px 12px 0}.public-hero{padding:30px 22px;border-radius:22px}.section-surface,.about-section{padding:18px}.section-heading,.cta-banner{flex-direction:column;align-items:flex-start}.public-hero h1{font-size:34px}.public-logo strong{font-size:15px}.public-logo small{font-size:13px}.whatsapp-float{right:12px;bottom:12px;padding:12px 14px}}
/* Patch 32 - fichas públicas de sistemas, planes y pagos */
.system-detail-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:linear-gradient(135deg,var(--secondary,#0b2f4d),var(--primary,#0f4f78));color:#fff;border-radius:24px;padding:34px;margin:20px 0;box-shadow:0 20px 60px rgba(10,35,58,.18)}
.system-detail-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:10px 0 14px}.system-detail-hero p{font-size:18px;line-height:1.55;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-media-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:16px;min-height:260px;display:flex;align-items:center;justify-content:center}.hero-media-card img{width:100%;max-height:330px;object-fit:cover;border-radius:18px;background:#fff}.system-info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#0b1728}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-frame.small{padding-top:60%;margin:12px 0}.media-card img,.media-card video{width:100%;max-height:280px;object-fit:cover;border-radius:16px;background:#eef4f8}.pricing-grid{align-items:stretch}.pricing-card{display:flex;flex-direction:column}.pricing-card .price{font-size:32px;font-weight:900;color:var(--primary,#0f4f78);margin:10px 0}.pricing-card .btn{margin-top:auto}.payment-card .qr-img,.qr-img{width:100%;max-width:240px;border-radius:16px;border:1px solid #dfeaf2;background:#fff;padding:8px}.preview-img.big{max-width:220px;max-height:150px}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form select{min-width:320px}.btn.warn{background:var(--accent,#d69b13)!important;color:#fff!important}.pill.bad,.badge.bad{background:#fee2e2;color:#991b1b}.pill.ok,.badge.ok{background:#dcfce7;color:#166534}@media(max-width:900px){.system-detail-hero,.system-info-grid{grid-template-columns:1fr}.public-nav{gap:8px}.inline-form select{min-width:100%}}