:root{--bg:#f5f8ff;--panel:#ffffff;--text:#05070d;--muted:#64748b;--line:#dbe4f0;--accent:#1463ff;--accent2:#20c7ff;--dark:#05070d;--navy:#071b3a;--radius:22px;--shadow:0 22px 65px rgba(7,27,58,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,#f8fbff,#eaf2ff);min-height:100vh}.hidden{display:none!important}
.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding:58px;background:radial-gradient(circle at 18% 12%,rgba(32,199,255,.22),transparent 25%),linear-gradient(135deg,#071b3a 0%,#05070d 52%,#f8fbff 52%,#eef5ff 100%)}.auth-hero{color:white;max-width:760px}.logo{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-size:31px;font-weight:950;box-shadow:0 18px 35px rgba(20,99,255,.28)}.blue-logo{margin-bottom:20px}.auth-hero h1{font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-.065em;margin:18px 0}.auth-hero p{font-size:18px;line-height:1.7;color:#d7e6ff;max-width:690px}.badge{display:inline-flex;width:fit-content;border-radius:999px;padding:8px 12px;background:#eaf2ff;color:var(--accent);border:1px solid #cfe0ff;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.dark-badge{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);color:#dcecff}.protection-card{display:grid;gap:5px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;margin:26px 0;max-width:640px}.protection-card span{color:#c7d9f5;line-height:1.5;font-size:14px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:640px}.hero-metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px}.hero-metrics b{display:block;font-size:25px}.hero-metrics small{color:#c7d9f5}.auth-card,.panel,.stat,.category-card,.template-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card{padding:28px;backdrop-filter:blur(12px)}.auth-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.auth-head h2{font-size:36px;letter-spacing:-.05em;margin:12px 0 0}.lock-icon{font-size:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef4ff;border-radius:15px;padding:5px;margin-bottom:18px}.tab{border:0;border-radius:12px;padding:12px;background:transparent;font-weight:900;color:#0f172a;cursor:pointer}.tab.active{background:white;box-shadow:0 10px 25px rgba(7,27,58,.08)}.auth-form{display:none;gap:14px}.auth-form.active{display:grid}.security-note{font-size:12px;color:#64748b;line-height:1.55;margin:18px 0 0}label{display:grid;gap:8px;font-size:13px;font-weight:850;color:#0f172a}input,select,textarea{border:1px solid var(--line);background:white;border-radius:14px;padding:13px 14px;font:inherit;outline:none;width:100%;color:#0f172a}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(20,99,255,.13)}button{font:inherit;cursor:pointer;border:0}.primary,.secondary,.ghost{border-radius:14px;padding:12px 16px;font-weight:950;transition:.2s ease}.primary{background:linear-gradient(135deg,var(--accent),#0b44b7);color:white;box-shadow:0 12px 28px rgba(20,99,255,.25)}.secondary{background:white;color:#0f172a;border:1px solid var(--line);text-decoration:none;display:inline-flex;align-items:center}.ghost{background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.15)}.primary:hover,.secondary:hover,.ghost:hover{transform:translateY(-1px)}.app-shell{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:#05070d;color:white;padding:26px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;border-right:1px solid #111827}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:48px;height:48px;font-size:25px;border-radius:15px}.brand h1{margin:0;letter-spacing:.08em;font-size:22px}.brand p{margin:3px 0 0;color:#93a4bd;font-size:13px}nav{display:grid;gap:10px}.nav-btn{text-align:left;padding:14px 15px;border-radius:15px;color:#dce7f7;background:#0e1626;border:1px solid #18243a;font-weight:850}.nav-btn.active,.nav-btn:hover{background:linear-gradient(135deg,var(--accent),#0b44b7);color:white}.license-box,.user-box{padding:16px;border-radius:18px;background:#0e1626;border:1px solid #18243a;display:grid;gap:8px}.license-box span,.user-box span{color:#93a4bd;font-size:12px}.license-box strong,.user-box strong{font-size:13px}.user-box{margin-top:auto}.main{padding:32px;overflow:auto}.view{display:none;animation:fade .2s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{padding:42px;border-radius:32px;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid var(--line);box-shadow:var(--shadow)}h2{font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-.055em;margin:16px 0 12px}h3{font-size:24px;margin:0 0 14px}p{color:var(--muted);line-height:1.62}.hero p{font-size:18px;max-width:860px}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stat{padding:22px}.stat span{font-size:34px;font-weight:950}.stat p{margin:4px 0 0}.grid-2,.grid-form{display:grid;gap:22px;grid-template-columns:1fr 1fr;align-items:start}.grid-form{grid-template-columns:minmax(360px,540px) 1fr}.panel,.template-card,.category-card{padding:24px}.form{display:grid;gap:14px}details{display:grid;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfdff}summary{font-weight:950;cursor:pointer;color:var(--navy);margin-bottom:12px}details>*:not(summary){margin-top:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-title{margin-bottom:20px}.output-panel{min-height:720px}.output-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.list{display:grid;gap:12px}.item{border:1px solid var(--line);background:white;border-radius:18px;padding:16px}.item strong{display:block;font-size:17px;margin-bottom:5px}.item p{margin:4px 0;font-size:14px}.item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.small{padding:8px 11px;font-size:13px;border-radius:11px}.template-info{background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:14px;color:#475569;line-height:1.5;font-size:14px}.library-grid{display:grid;gap:22px}.category-card h3{color:var(--navy);margin-bottom:6px}.template-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:14px}.template-card{box-shadow:none;background:white}.template-card strong{display:block;color:var(--dark);font-size:16px;margin-bottom:6px}.template-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.5}.color-row{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:start}.color-row input[type=color]{height:42px;padding:4px}.color-palette{display:grid;grid-template-columns:repeat(9,18px);gap:5px}.color-swatch{width:18px;height:18px;border-radius:4px;border:1px solid #b7c6d9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);padding:0}.table-editor{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white;padding:10px}.table-editor table{border-collapse:collapse;width:100%;min-width:560px}.table-editor td{border:1px solid #cbd5e1;padding:10px;min-width:120px;background:#fff;outline:none}.table-editor tr:first-child td{background:#eaf2ff;font-weight:900;color:var(--accent)}.table-editor td:focus{box-shadow:inset 0 0 0 2px var(--accent)}.doc-preview{background:#dce7f7;border-radius:20px;padding:18px;overflow:auto}.preview-page{background:white;width:min(820px,100%);margin:0 auto;min-height:1050px;padding:48px;box-shadow:0 20px 50px rgba(7,27,58,.14);border-radius:8px}.preview-cover{border:3px solid;padding:28px;border-radius:16px;text-align:center;margin-bottom:28px}.preview-brand{font-size:22px;font-weight:950;letter-spacing:.08em}.preview-page h2{font-size:30px;letter-spacing:-.02em;margin:14px 0 8px}.preview-page h3{margin-top:26px;font-size:18px;text-transform:uppercase}.preview-page table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}.preview-page th,.preview-page td{border:1px solid #cbd5e1;padding:9px;vertical-align:top}.preview-page ul,.preview-page ol{padding-left:22px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.photo-box{min-height:135px;border:2px dashed #94a3b8;border-radius:12px;display:grid;place-items:center;text-align:center;color:#334155;background:#f8fbff;font-weight:800}.preview-signatures{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.preview-signatures div{border:1px solid #cbd5e1;padding:16px;border-radius:12px}pre{white-space:pre-wrap;background:white;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:300px;line-height:1.63;overflow:auto;font-family:"Segoe UI",system-ui,sans-serif}.public-card{min-height:520px;background:linear-gradient(135deg,#fff,#eef5ff)}.public-card h3{font-size:40px;margin-top:14px}.toast{position:fixed;bottom:22px;right:22px;background:#05070d;color:white;padding:14px 17px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);transition:.2s ease;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1020px){.auth-screen,.app-shell,.grid-2,.grid-form{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}}@media(max-width:620px){.auth-screen,.main{padding:18px}nav,.two,.color-row,.photo-grid,.preview-signatures,.hero-metrics{grid-template-columns:1fr}.hero{padding:26px}h2{font-size:35px}.preview-page{padding:24px}.auth-hero h1{font-size:40px}}


/* Blue Plus - home and uploader improvements */
.hero-audience{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:820px;
  margin-top:22px;
}
.hero-audience div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:16px;
}
.hero-audience b{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:6px;
}
.hero-audience small{
  color:#c9d9ee;
  line-height:1.45;
}
.dashboard-info{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:22px 0;
}
.dashboard-info article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:var(--shadow);
}
.dashboard-info span{
  display:inline-flex;
  background:#eaf2ff;
  color:#1463ff;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
}
.dashboard-info h3{
  margin:14px 0 8px;
  color:#071b3a;
}
.dashboard-info p{
  margin:0;
  color:#475569;
  line-height:1.6;
}
.hint{
  font-size:13px;
  color:#64748b;
  line-height:1.55;
  margin:0;
}
.upload-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(115px,1fr));
  gap:10px;
  margin-top:8px;
}
.upload-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:8px;
  display:grid;
  gap:7px;
}
.upload-card img{
  width:100%;
  height:82px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #dbe4f0;
}
.upload-card small{
  color:#475569;
  font-size:11px;
  word-break:break-word;
}
.upload-card button{
  font-size:11px;
  padding:6px 8px;
}
@media(max-width:900px){
  .hero-audience,.dashboard-info{grid-template-columns:1fr}
}

.photo-box.with-image{
  padding:8px;
  display:grid;
  gap:7px;
  align-content:start;
}
.photo-box.with-image img{
  width:100%;
  height:105px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #dbe4f0;
}
.photo-box.with-image small{
  font-size:11px;
  color:#475569;
  word-break:break-word;
}

.sync-note{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700}


/* Sync final: preview fixed height and section anchoring */
.preview-panel{position:sticky;top:18px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;}
.doc-preview{height:calc(100vh - 116px);overflow:auto;scroll-behavior:smooth;}
.preview-section{scroll-margin-top:24px;border-radius:10px;}
.preview-section[data-sync-key]{transition:background .2s ease;}
.preview-section[data-sync-key]:target{background:#eef6ff;}
.upload-card img,.photo-box.with-image img{max-width:100%;max-height:110px;object-fit:contain;display:block;margin:0 auto 6px;}
.photo-box.with-image{padding:8px;}


.excel-tables-list {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.excel-table-card {
  border: 1px solid var(--line);
  background: #ffffff;
  border-radius: 16px;
  padding: 12px;
}

.excel-table-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 10px;
}

.imported-table-editor {
  max-height: 280px;
}


/* === ARQIA Studio 6.4: mejoras visuales y vista previa fija === */
.grid-form{
  display:grid;
  grid-template-columns:minmax(420px, 680px) minmax(560px, 1fr);
  gap:24px;
  align-items:start;
}
.output-panel{
  position:sticky;
  top:18px;
  height:calc(100vh - 36px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.output-header{
  flex:0 0 auto;
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
  margin-bottom:12px;
}
.doc-preview{
  flex:1 1 auto;
  overflow:auto;
  background:#dbe8f7;
  border:1px solid #c7d7ed;
  border-radius:18px;
  padding:26px;
}
.preview-page{
  width:min(920px, 100%);
  min-height:1180px;
  margin:0 auto;
  background:#fff;
  color:#0f172a;
  border-radius:10px;
  box-shadow:0 22px 70px rgba(15,23,42,.18);
  padding:56px;
  font-size:14px;
}
.preview-cover{
  border:2px solid #1463ff;
  border-radius:18px;
  padding:28px;
  margin-bottom:26px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
.preview-brand{
  font-size:24px;
  letter-spacing:.06em;
  font-weight:950;
  text-transform:uppercase;
}
.preview-section{
  scroll-margin-top:22px;
  margin:24px 0;
}
.preview-section > h3{
  display:flex;
  align-items:center;
  gap:10px;
  color:#071b3a;
  font-size:18px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.015em;
  border-bottom:2px solid #e2e8f0;
  padding-bottom:8px;
}
.preview-section > h3::before{
  content:"";
  width:8px;
  height:22px;
  border-radius:99px;
  background:#1463ff;
}
.preview-page table{
  width:100%;
  border-collapse:collapse;
  margin:12px 0 18px;
  font-size:13px;
}
.preview-page th{
  color:white;
  font-weight:950;
  padding:10px;
  border:1px solid #cbd5e1;
}
.preview-page td{
  padding:10px;
  border:1px solid #cbd5e1;
  vertical-align:top;
}
.photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.photo-box{
  min-height:180px;
  border:2px dashed #94a3b8;
  border-radius:14px;
  background:#f8fbff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px;
  font-weight:900;
  color:#334155;
  overflow:hidden;
}
.photo-box.with-image img{
  max-width:100%;
  max-height:150px;
  object-fit:contain;
  display:block;
  margin-bottom:8px;
}
.upload-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:10px;
  margin-top:10px;
}
.upload-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:8px;
  display:grid;
  gap:6px;
}
.upload-card img{
  width:100%;
  height:86px;
  object-fit:cover;
  border-radius:10px;
  background:#eef4ff;
}
.upload-card small{
  font-size:11px;
  color:#475569;
  word-break:break-word;
}
.excel-tables-list{
  display:grid;
  gap:12px;
  margin-top:10px;
}
.excel-table-card{
  border:1px solid var(--line);
  background:#ffffff;
  border-radius:16px;
  padding:12px;
}
.excel-table-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
  margin-bottom:10px;
}
.imported-table-editor{
  max-height:280px;
  overflow:auto;
}
.imported-table-editor table{
  min-width:560px;
}
@media(max-width:1180px){
  .grid-form{grid-template-columns:1fr}
  .output-panel{position:relative;height:auto;min-height:720px}
  .doc-preview{height:720px}
}


/* === ARQIA 6.5: inicio editorial tipo portal de arquitectura === */
.auth-screen.editorial-home {
  min-height: 100vh;
  display: block;
  padding: 0;
  background: #ffffff;
  color: #05070d;
  overflow: auto;
}

.home-topbar {
  height: 48px;
  border-bottom: 1px solid #e6edf7;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 28px;
}

.home-links {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 14px;
  font-weight: 800;
}

.home-links a {
  color: #003c96;
  text-decoration: none;
}

.home-links a:hover {
  color: #1463ff;
}

.home-links-right {
  justify-content: flex-end;
}

.home-create-btn {
  border-radius: 4px;
  padding: 11px 20px;
  background: #003c96;
  color: #ffffff;
  font-weight: 950;
}

.home-menu-btn {
  background: transparent;
  color: #05070d;
  font-size: 28px;
  line-height: 1;
  padding: 6px 0 6px 10px;
}

.home-brand-row {
  max-width: 1320px;
  margin: 0 auto;
  min-height: 116px;
  display: grid;
  place-items: center;
  padding: 22px 28px 8px;
}

.home-logo-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: left;
}

.home-logo-mark {
  width: 64px;
  height: 64px;
  border: 4px solid #003c96;
  color: #003c96;
  display: grid;
  place-items: center;
  font-size: 34px;
  font-weight: 950;
  border-radius: 0 18px 18px 18px;
  transform: rotate(-8deg);
}

.home-logo-lockup h1 {
  font-size: 48px;
  letter-spacing: -0.07em;
  line-height: 0.9;
  margin: 0;
  color: #003c96;
}

.home-logo-lockup p {
  margin: 8px 0 0;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.home-main-nav {
  max-width: 900px;
  margin: 0 auto;
  padding: 18px 20px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  font-size: 20px;
  font-weight: 950;
}

.home-main-nav a {
  color: #303030;
  text-decoration: none;
}

.home-main-nav a:hover {
  color: #003c96;
}

.home-main-nav span {
  width: 1px;
  height: 22px;
  background: #d5deea;
}

.home-search {
  max-width: 760px;
  height: 48px;
  margin: 16px auto 38px;
  padding: 0 18px;
  background: #f0f2f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-search span {
  font-size: 30px;
  color: #64748b;
  line-height: 1;
  transform: translateY(-1px);
}

.home-search input {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  color: #64748b;
}

.home-hero-editorial {
  max-width: 1320px;
  margin: 0 auto;
  padding: 42px 28px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 470px;
  gap: 40px;
  align-items: center;
  border-top: 1px solid #edf2f7;
}

.home-section-kicker {
  display: inline-block;
  color: #003c96;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 14px;
}

.home-hero-copy h2 {
  max-width: 800px;
  margin: 0 0 20px;
  font-size: clamp(44px, 5.5vw, 78px);
  line-height: .92;
  letter-spacing: -0.075em;
  color: #05070d;
}

.home-hero-copy p {
  max-width: 760px;
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: #475569;
}

.home-hero-actions {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.home-login-card {
  box-shadow: 0 22px 70px rgba(7, 27, 58, .13);
  border: 1px solid #dbe7f5;
  background: #ffffff;
}

.home-info-grid {
  max-width: 1320px;
  margin: 0 auto;
  padding: 18px 28px 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.home-info-grid article {
  border-top: 3px solid #003c96;
  background: #f8fbff;
  padding: 22px;
  min-height: 150px;
}

.home-info-grid strong {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
  color: #05070d;
}

.home-info-grid p {
  margin: 0;
  color: #475569;
  line-height: 1.55;
  font-size: 14px;
}

.auth-screen.editorial-home .auth-card h2 {
  font-size: 32px;
  letter-spacing: -0.04em;
}

@media (max-width: 1060px) {
  .home-topbar {
    grid-template-columns: 1fr;
    height: auto;
    gap: 12px;
    padding: 14px 20px;
  }

  .home-links,
  .home-links-right {
    justify-content: center;
    flex-wrap: wrap;
  }

  .home-main-nav {
    flex-wrap: wrap;
    font-size: 17px;
    gap: 12px;
  }

  .home-hero-editorial {
    grid-template-columns: 1fr;
  }

  .home-info-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .home-links-left {
    display: none;
  }

  .home-brand-row {
    min-height: auto;
  }

  .home-logo-lockup h1 {
    font-size: 40px;
  }

  .home-main-nav span {
    display: none;
  }

  .home-hero-editorial {
    padding-top: 24px;
  }

  .home-hero-copy h2 {
    font-size: 42px;
  }

  .home-info-grid {
    grid-template-columns: 1fr;
  }
}


/* === ARQIA 7.0 - Vista previa fija y documento profesional === */
#generate.view.active .grid-form{
  display:block;
  position:relative;
  padding-right:min(58vw, 980px);
  min-height:100vh;
}

#generate.view.active #generateForm{
  max-width:720px;
}

#generate.view.active .output-panel{
  position:fixed;
  top:24px;
  right:28px;
  bottom:24px;
  width:clamp(560px, 54vw, 980px);
  z-index:50;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #c8d8ef;
  box-shadow:0 28px 80px rgba(7,27,58,.18);
}

#generate.view.active .output-header{
  flex:0 0 auto;
  background:linear-gradient(135deg,#071b3a,#0b44b7);
  color:#fff;
  margin:-24px -24px 14px;
  padding:18px 22px;
  border-bottom:0;
}

#generate.view.active .output-header h3{
  color:#fff;
  margin:0;
}

#generate.view.active .output-header .secondary{
  background:#fff;
  color:#071b3a;
}

#generate.view.active .doc-preview{
  flex:1 1 auto;
  height:auto;
  overflow:auto;
  background:#dfeafb;
  border:1px solid #c8d8ef;
  border-radius:18px;
  padding:28px;
}

.preview-page{
  width:min(920px,100%);
  min-height:1188px;
  margin:0 auto;
  background:#fff;
  border-radius:8px;
  padding:58px;
  box-shadow:0 22px 70px rgba(15,23,42,.18);
  border-top:8px solid #1463ff;
}

.preview-cover{
  position:relative;
  border:1px solid #c8d8ef!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  padding:30px;
  border-radius:18px;
  overflow:hidden;
}

.preview-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:12px;
  background:#1463ff;
}

.preview-brand{
  font-size:24px;
  letter-spacing:.08em;
  font-weight:950;
  text-transform:uppercase;
}

.preview-section{
  scroll-margin-top:22px;
  margin:26px 0;
}

.preview-section > h3{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  letter-spacing:.02em;
  text-transform:uppercase;
  border-bottom:2px solid #dbeafe;
  padding-bottom:8px;
}

.preview-section > h3::before{
  content:"";
  width:8px;
  height:24px;
  border-radius:99px;
  background:currentColor;
}

.preview-page table{
  border-collapse:collapse;
  width:100%;
  font-size:13px;
  margin:12px 0 18px;
}

.preview-page th{
  padding:10px;
  color:#fff;
  font-weight:950;
  border:1px solid #d6e3f3;
}

.preview-page td{
  padding:10px;
  border:1px solid #d6e3f3;
  vertical-align:top;
}

.photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.photo-box{
  min-height:190px;
  border:2px dashed #94a3b8;
  border-radius:14px;
  background:#f8fbff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  padding:12px;
  color:#334155;
  overflow:hidden;
}

.photo-box.with-image img{
  max-width:100%;
  max-height:155px;
  object-fit:contain;
  display:block;
  margin-bottom:8px;
}

.upload-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:10px;
  margin-top:10px;
}

.upload-card{
  border:1px solid #d6e3f3;
  border-radius:14px;
  background:#fff;
  padding:8px;
  display:grid;
  gap:6px;
}

.upload-card img{
  width:100%;
  height:88px;
  object-fit:cover;
  border-radius:10px;
  background:#eef5ff;
}

.upload-card small{
  font-size:11px;
  color:#475569;
  word-break:break-word;
}

@media(max-width:1180px){
  #generate.view.active .grid-form{
    padding-right:0;
  }
  #generate.view.active .output-panel{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    width:100%;
    min-height:760px;
    margin-top:20px;
  }
}


/* === ARQIA 7.1 - dashboard editorial === */
.editorial-dashboard{
  display:grid;
  gap:20px;
}

.dashboard-editorial-topbar{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  padding:8px 4px 2px;
}

.editorial-links{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.editorial-links a,
.editorial-links span{
  color:#0b44b7;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
}

.editorial-links.right{
  justify-content:flex-end;
}

.dashboard-editorial-brand{
  display:grid;
  place-items:center;
  padding:8px 0 0;
}

.editorial-brand-lockup{
  display:flex;
  align-items:center;
  gap:16px;
}

.editorial-brand-mark{
  width:62px;
  height:62px;
  border:4px solid #0b44b7;
  border-radius:0 18px 18px 18px;
  transform:rotate(-8deg);
  display:grid;
  place-items:center;
  font-size:32px;
  font-weight:950;
  color:#0b44b7;
  background:#fff;
}

.editorial-brand-text h2{
  margin:0;
  font-size:44px;
  line-height:.9;
  letter-spacing:-.08em;
  color:#0b44b7;
}

.editorial-brand-text p{
  margin:8px 0 0;
  font-size:13px;
  color:#64748b;
  font-weight:700;
}

.dashboard-editorial-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  padding:10px 0 0;
}

.dashboard-editorial-nav a{
  text-decoration:none;
  color:#1e293b;
  font-size:22px;
  font-weight:950;
}

.dashboard-editorial-nav a:hover{
  color:#0b44b7;
}

.dashboard-editorial-nav span{
  width:1px;
  height:24px;
  background:#d7e3f4;
}

.dashboard-editorial-search{
  max-width:760px;
  height:52px;
  margin:0 auto 10px;
  background:#f1f5f9;
  border:1px solid #d9e4f2;
  border-radius:6px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
}

.dashboard-editorial-search span{
  font-size:30px;
  color:#64748b;
}

.dashboard-editorial-search input{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0;
  color:#64748b;
}

.editorial-hero-shell{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) 410px;
  gap:22px;
  align-items:stretch;
}

.editorial-hero-main,
.editorial-summary-card{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid #d9e4f2;
  border-radius:30px;
  box-shadow:0 18px 50px rgba(7,27,58,.08);
}

.editorial-hero-main{
  padding:42px;
}

.editorial-hero-main h1{
  margin:14px 0 14px;
  font-size:clamp(42px,5vw,76px);
  line-height:.93;
  letter-spacing:-.075em;
  color:#05070d;
}

.editorial-hero-main p{
  max-width:880px;
  font-size:18px;
  line-height:1.7;
  color:#516173;
}

.editorial-summary-card{
  padding:28px;
  display:grid;
  align-content:start;
  gap:16px;
}

.mini-kicker{
  display:inline-flex;
  width:fit-content;
  padding:7px 11px;
  border-radius:999px;
  background:#eef4ff;
  border:1px solid #d8e5ff;
  color:#0b44b7;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.editorial-summary-card h3{
  font-size:30px;
  letter-spacing:-.05em;
  margin:0;
}

.summary-metrics{
  display:grid;
  gap:12px;
}

.summary-metrics div{
  border:1px solid #d9e4f2;
  border-radius:18px;
  background:#fff;
  padding:16px 18px;
}

.summary-metrics b{
  display:block;
  font-size:34px;
  line-height:1;
  margin-bottom:4px;
}

.summary-metrics small{
  color:#64748b;
  font-size:13px;
  font-weight:700;
}

.summary-callout{
  border-top:1px solid #e5edf7;
  padding-top:16px;
}

.summary-callout strong{
  display:block;
  font-size:18px;
  margin-bottom:6px;
}

.summary-callout p{
  margin:0;
  color:#516173;
}

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

.editorial-feature-grid article{
  background:#fff;
  border:1px solid #d9e4f2;
  border-radius:24px;
  padding:24px;
  box-shadow:0 14px 40px rgba(7,27,58,.06);
}

.editorial-feature-grid span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#eef4ff;
  color:#0b44b7;
  font-size:14px;
  font-weight:950;
  margin-bottom:14px;
}

.editorial-feature-grid h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.1;
}

.editorial-feature-grid p{
  margin:0;
  font-size:16px;
  line-height:1.65;
  color:#516173;
}

.editorial-content-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.editorial-panel{
  background:#fff;
  border-radius:28px;
  padding:26px;
  box-shadow:0 18px 50px rgba(7,27,58,.07);
}

.editorial-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:18px;
}

.editorial-panel-head h3{
  margin:6px 0 0;
  font-size:34px;
  letter-spacing:-.05em;
}

.editorial-list .item{
  border-radius:20px;
  padding:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid #d9e4f2;
}

.editorial-list .item strong{
  font-size:18px;
}

.editorial-list .item p{
  color:#516173;
}

@media(max-width:1180px){
  .editorial-hero-shell,
  .editorial-content-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:840px){
  .editorial-feature-grid{
    grid-template-columns:1fr;
  }
  .dashboard-editorial-topbar{
    grid-template-columns:1fr;
  }
  .editorial-links.right{
    justify-content:flex-start;
  }
  .dashboard-editorial-nav a{
    font-size:18px;
  }
}

@media(max-width:620px){
  .editorial-brand-lockup{
    align-items:flex-start;
  }
  .editorial-brand-text h2{
    font-size:36px;
  }
  .editorial-hero-main,
  .editorial-summary-card,
  .editorial-panel{
    padding:22px;
  }
  .editorial-hero-main h1{
    font-size:38px;
  }
  .editorial-panel-head{
    flex-direction:column;
  }
}


/* === ARQIA 8.0 - vista previa restaurada y tablas editables profesionales === */
#generate.view.active .grid-form{
  display:grid;
  grid-template-columns:minmax(440px, 680px) minmax(620px, 1fr);
  gap:24px;
  align-items:start;
}

#generate.view.active .output-panel{
  position:sticky;
  top:20px;
  height:calc(100vh - 40px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #c8d8ef;
  box-shadow:0 28px 80px rgba(7,27,58,.16);
  background:#ffffff;
}

#generate.view.active .output-header{
  flex:0 0 auto;
  background:linear-gradient(135deg,#071b3a,#1463ff);
  color:#ffffff;
  padding:18px 20px;
  margin:-24px -24px 16px;
  border-bottom:0;
}

#generate.view.active .output-header h3{
  color:#ffffff;
  margin:0;
}

.preview-subtitle{
  color:#dbeafe!important;
  margin:4px 0 0;
  font-size:13px;
}

#generate.view.active .doc-preview{
  flex:1 1 auto;
  overflow:auto;
  border-radius:18px;
  background:#dfeafb;
  border:1px solid #c8d8ef;
  padding:28px;
}

.data-table-block{
  border:1px solid #d8e4f4;
  border-radius:18px;
  padding:14px;
  background:#ffffff;
  display:grid;
  gap:12px;
}

.data-table-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.data-table-head strong{
  display:block;
  color:#071b3a;
  font-size:15px;
}

.data-table-head small{
  display:block;
  color:#64748b;
  margin-top:4px;
  line-height:1.45;
}

.professional-table-editor{
  max-height:320px;
  overflow:auto;
}

.professional-table-editor table{
  min-width:760px;
}

.professional-table-editor tr:first-child td{
  background:#1463ff!important;
  color:#ffffff!important;
  font-weight:950;
  position:sticky;
  top:0;
  z-index:2;
}

.professional-table-editor td{
  vertical-align:top;
  line-height:1.4;
}

.preview-page{
  border-top:8px solid #1463ff;
}

.preview-cover{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border-color:#c8d8ef!important;
  text-align:left;
  position:relative;
  overflow:hidden;
  padding-left:36px;
}

.preview-cover::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:12px;
  background:#1463ff;
}

.preview-brand{
  text-align:left;
  color:#1463ff;
}

.preview-section > h3{
  border-bottom:2px solid #dbeafe;
  padding-bottom:8px;
  display:flex;
  align-items:center;
  gap:10px;
}

.preview-section > h3::before{
  content:"";
  width:8px;
  height:24px;
  border-radius:999px;
  background:currentColor;
}

@media(max-width:1180px){
  #generate.view.active .grid-form{
    grid-template-columns:1fr;
  }
  #generate.view.active .output-panel{
    position:relative;
    top:auto;
    height:780px;
  }
}


/* === ARQIA 9.1 - vistas previas en biblioteca de formatos === */
.template-card .item-actions{
  gap:8px;
}

.preview-template{
  border-color:#1463ff!important;
  color:#0b44b7!important;
  background:#eef4ff!important;
}

.template-preview-modal{
  position:fixed;
  inset:0;
  background:rgba(5,7,13,.62);
  backdrop-filter:blur(8px);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
}

.template-preview-modal.active{
  display:flex;
}

.template-preview-dialog{
  width:min(1080px, 96vw);
  max-height:92vh;
  overflow:auto;
  background:#ffffff;
  border-radius:28px;
  box-shadow:0 36px 120px rgba(0,0,0,.35);
  border:1px solid #d9e4f2;
}

.template-preview-header{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding:24px 28px;
  background:linear-gradient(135deg,#071b3a,#1463ff);
  color:#ffffff;
}

.template-preview-header h2{
  margin:8px 0 0;
  font-size:34px;
  letter-spacing:-.05em;
  color:#ffffff;
}

.template-preview-close{
  width:44px;
  height:44px;
  border-radius:999px;
  background:#ffffff;
  color:#071b3a;
  font-size:30px;
  line-height:1;
  font-weight:900;
}

#templatePreviewBody{
  padding:28px;
  background:#f4f8ff;
}

.format-preview-sheet{
  display:grid;
  gap:20px;
}

.format-preview-cover{
  display:grid;
  grid-template-columns:240px 1fr;
  min-height:230px;
  background:#ffffff;
  border:1px solid #d8e5f6;
  border-radius:22px;
  overflow:hidden;
}

.format-preview-side{
  background:#1463ff;
  color:#ffffff;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.format-preview-side strong{
  font-size:34px;
  letter-spacing:.06em;
}

.format-preview-side span{
  font-size:14px;
  font-weight:950;
  letter-spacing:.08em;
}

.format-preview-side small{
  color:#dbeafe;
  font-weight:800;
}

.format-preview-main{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.format-preview-company{
  color:#1463ff;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.format-preview-main p{
  margin:8px 0 24px;
  color:#64748b;
}

.format-preview-main h2{
  margin:0 0 12px;
  max-width:680px;
  font-size:44px;
  line-height:.98;
  letter-spacing:-.055em;
}

.format-preview-main span{
  color:#1463ff;
  font-weight:950;
  text-transform:uppercase;
}

.format-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.format-preview-grid section,
.format-preview-block{
  background:#ffffff;
  border:1px solid #d8e5f6;
  border-radius:22px;
  padding:24px;
}

.format-preview-grid h3,
.format-preview-block h3{
  margin:0 0 16px;
  font-size:22px;
  color:#071b3a;
}

.format-preview-grid table{
  width:100%;
  border-collapse:collapse;
}

.format-preview-grid th,
.format-preview-grid td{
  border:1px solid #d8e5f6;
  padding:12px;
  vertical-align:top;
  text-align:left;
}

.format-preview-grid th{
  width:32%;
  background:#eaf2ff;
  color:#071b3a;
}

.format-preview-grid ol{
  margin:0;
  padding-left:22px;
  color:#334155;
  line-height:1.65;
}

.format-preview-document{
  border:1px solid #d8e5f6;
  border-top:8px solid #1463ff;
  border-radius:14px;
  background:#ffffff;
  padding:26px;
  max-width:760px;
  margin:auto;
  box-shadow:0 18px 50px rgba(7,27,58,.08);
}

.format-preview-doc-header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-bottom:2px solid #dbeafe;
  padding-bottom:12px;
  margin-bottom:14px;
}

.format-preview-doc-header strong{
  color:#071b3a;
  font-size:20px;
}

.format-preview-doc-header span{
  color:#64748b;
  font-size:13px;
  font-weight:800;
}

.format-preview-doc-table{
  display:grid;
  grid-template-columns:180px 1fr;
  border:1px solid #d8e5f6;
  margin-bottom:18px;
}

.format-preview-doc-table div{
  padding:11px;
  border-bottom:1px solid #d8e5f6;
}

.format-preview-doc-table div:nth-child(odd){
  background:#eaf2ff;
  font-weight:900;
  color:#071b3a;
}

.format-preview-document h4{
  margin:16px 0 8px;
  color:#1463ff;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.format-preview-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}

.format-preview-photo-grid div{
  min-height:110px;
  border:2px dashed #94a3b8;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#334155;
  font-weight:900;
  background:#f8fbff;
}

.format-preview-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  background:#ffffff;
  border:1px solid #d8e5f6;
  border-radius:18px;
  padding:16px;
}

@media(max-width:820px){
  .format-preview-cover,
  .format-preview-grid{
    grid-template-columns:1fr;
  }

  .format-preview-main h2{
    font-size:34px;
  }

  .format-preview-doc-header,
  .format-preview-photo-grid{
    grid-template-columns:1fr;
    display:grid;
  }
}


/* === ARQIA 9.2 - Biblioteca y formatos premium === */
.premium-category{padding:0!important;overflow:hidden;border:1px solid #d5e2f3!important;border-radius:30px!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important;box-shadow:0 22px 70px rgba(7,27,58,.08)}
.premium-category-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:26px 28px;background:radial-gradient(circle at 92% 20%, rgba(20,99,255,.10), transparent 28%),linear-gradient(135deg,#ffffff,#edf5ff);border-bottom:1px solid #d5e2f3}
.category-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#071b3a;color:#ffffff;font-weight:950;font-size:20px;letter-spacing:.04em;box-shadow:0 16px 30px rgba(7,27,58,.18)}
.premium-category-header h3{margin:8px 0 6px!important;font-size:34px!important;letter-spacing:-.055em;color:#071b3a}.premium-category-header p{max-width:780px;margin:0!important;color:#516173;font-size:16px;line-height:1.55}
.category-count{min-width:92px;padding:14px 18px;border:1px solid #d5e2f3;border-radius:18px;background:#ffffff;font-size:34px;font-weight:950;text-align:center;color:#1463ff}.category-count small{display:block;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}
.premium-template-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px!important;padding:24px!important}.premium-template-card{display:grid!important;grid-template-rows:auto 1fr auto;gap:0!important;padding:0!important;border:1px solid #d5e2f3!important;border-radius:24px!important;background:#ffffff!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-height:520px}.premium-template-card:hover{transform:translateY(-4px);border-color:#1463ff!important;box-shadow:0 24px 60px rgba(20,99,255,.16)}
.template-preview-mini{padding:18px 18px 0;background:linear-gradient(180deg,#edf5ff,#ffffff)}.mini-doc{height:178px;border-radius:16px 16px 8px 8px;background:#ffffff;border:1px solid #d5e2f3;padding:16px;box-shadow:0 14px 35px rgba(7,27,58,.10);overflow:hidden;position:relative}.mini-doc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:#1463ff}.mini-doc-header{display:flex;justify-content:space-between;color:#1463ff;font-size:10px;font-weight:950;letter-spacing:.08em;margin-bottom:14px;padding-left:8px}.mini-doc-title{height:17px;width:72%;margin-left:8px;border-radius:999px;background:#071b3a;margin-bottom:14px}.mini-doc-table{display:grid;grid-template-columns:34% 1fr;gap:4px;padding-left:8px}.mini-doc-table i{height:14px;background:#eaf2ff;border:1px solid #d5e2f3;display:block}.mini-doc-table i:nth-child(odd){background:#dbeafe}.mini-doc-lines{padding-left:8px;margin-top:14px;display:grid;gap:6px}.mini-doc-lines i{display:block;height:7px;border-radius:999px;background:#dbeafe}.mini-doc-lines i:nth-child(2){width:82%}.mini-doc-lines i:nth-child(3){width:64%}
.template-card-content{padding:20px 22px 12px;display:grid;gap:12px}.template-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.format-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#eef4ff;color:#1463ff;font-weight:950;font-size:13px}.format-type{color:#64748b;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.premium-template-card strong{font-size:21px!important;line-height:1.15;color:#071b3a}.premium-template-card p{margin:0!important;color:#516173!important;font-size:15px!important;line-height:1.55!important}.format-chip-row{display:flex;flex-wrap:wrap;gap:6px}.format-chip-row span{padding:6px 9px;border-radius:999px;background:#f1f6ff;border:1px solid #d5e2f3;color:#0b44b7;font-size:11px;font-weight:850}.premium-template-card ul{margin:0!important;padding-left:18px!important;color:#475569;font-size:13px;line-height:1.45}.template-actions{padding:16px 20px 20px;border-top:1px solid #edf2f7;background:#fbfdff;display:flex;gap:10px;justify-content:space-between}.template-actions .small{padding:10px 14px;border-radius:12px}
.premium-format-preview{gap:22px!important}.premium-format-hero{display:grid;grid-template-columns:260px 1fr;min-height:300px;background:#ffffff;border:1px solid #d8e5f6;border-radius:26px;overflow:hidden;box-shadow:0 20px 60px rgba(7,27,58,.10)}.premium-format-sidebar{background:linear-gradient(180deg,#071b3a,#1463ff);color:#ffffff;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-logo{font-size:36px;font-weight:950;letter-spacing:.08em}.premium-format-sidebar span{display:block;color:#dbeafe;font-size:12px;letter-spacing:.12em;font-weight:950;margin-bottom:8px}.premium-format-sidebar strong{display:block;font-size:22px;line-height:1.15}.premium-format-sidebar small{color:#dbeafe;font-weight:800}.premium-format-main{padding:42px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 18%,rgba(20,99,255,.10),transparent 26%),#ffffff}.premium-format-main h2{margin:0 0 16px;font-size:52px;max-width:790px;line-height:.95;letter-spacing:-.065em;color:#071b3a}.premium-format-main p{max-width:760px;color:#516173;font-size:17px;line-height:1.6}.format-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.format-meta-row span{padding:8px 11px;border-radius:999px;background:#eef4ff;border:1px solid #d5e2f3;color:#0b44b7;font-weight:900;font-size:12px}.format-preview-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.format-preview-dashboard article{background:#ffffff;border:1px solid #d8e5f6;border-radius:20px;padding:22px}.format-preview-dashboard span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#eef4ff;color:#1463ff;font-weight:950;margin-bottom:12px}.format-preview-dashboard strong{display:block;font-size:20px;color:#071b3a;margin-bottom:8px}.format-preview-dashboard p{color:#516173;margin:0;line-height:1.55}.premium-preview-grid{align-items:stretch}.section-pill-grid{display:grid;gap:8px}.section-pill-grid span{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #d8e5f6;border-radius:12px;background:#f8fbff;color:#334155}.section-pill-grid b{display:grid;place-items:center;height:28px;border-radius:999px;background:#1463ff;color:white;font-size:11px}.premium-doc-concept{max-width:860px!important}.premium-doc-top{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #d8e5f6;padding-bottom:14px;margin-bottom:16px}.premium-doc-top small{display:block;color:#1463ff;font-weight:950;letter-spacing:.08em;margin-bottom:6px}.premium-doc-top strong{display:block;font-size:22px;color:#071b3a}.premium-doc-top span{color:#64748b;font-weight:900}.premium-doc-coverline{height:8px;border-radius:999px;background:linear-gradient(90deg,#1463ff,#071b3a);margin-bottom:16px}.premium-doc-matrix{display:grid;border:1px solid #d8e5f6;margin-top:12px}.premium-doc-matrix>div{display:grid;grid-template-columns:60px 1fr 1fr 1fr}.premium-doc-matrix b,.premium-doc-matrix span{padding:10px;border-right:1px solid #d8e5f6;border-bottom:1px solid #d8e5f6}.premium-doc-matrix b{background:#1463ff;color:white}@media(max-width:900px){.premium-category-header,.premium-format-hero,.format-preview-dashboard{grid-template-columns:1fr}.premium-format-main h2{font-size:38px}.premium-template-list{grid-template-columns:1fr!important}}


/* === ARQIA 10.0 - Landing comercial y precios beta === */
.home-beta-launch{
  max-width:1320px;
  margin:0 auto;
  padding:34px 28px 18px;
  border-top:1px solid #edf2f7;
}

.launch-copy{
  max-width:860px;
  margin:0 auto 26px;
  text-align:center;
}

.launch-copy h2{
  margin:10px 0 12px;
  font-size:clamp(34px,4.5vw,62px);
  line-height:.96;
  letter-spacing:-.065em;
  color:#05070d;
}

.launch-copy p{
  margin:0 auto;
  max-width:760px;
  color:#475569;
  font-size:17px;
  line-height:1.7;
}

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

.pricing-card{
  background:#ffffff;
  border:1px solid #d8e5f6;
  border-radius:26px;
  padding:28px;
  box-shadow:0 18px 50px rgba(7,27,58,.08);
  display:grid;
  gap:14px;
}

.pricing-card.featured{
  border:2px solid #1463ff;
  box-shadow:0 24px 70px rgba(20,99,255,.18);
  transform:translateY(-6px);
}

.plan-label{
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:#eef4ff;
  color:#0b44b7;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pricing-card h3{
  margin:0;
  font-size:28px;
  letter-spacing:-.04em;
  color:#071b3a;
}

.price{
  font-size:42px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  color:#05070d;
}

.price small{
  font-size:15px;
  color:#64748b;
  letter-spacing:0;
}

.pricing-card p{
  margin:0;
  color:#516173;
  line-height:1.55;
}

.pricing-card ul{
  margin:0;
  padding-left:18px;
  color:#334155;
  line-height:1.8;
}

.home-how-it-works{
  max-width:1320px;
  margin:0 auto;
  padding:18px 28px 64px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.home-step{
  background:#f8fbff;
  border:1px solid #d8e5f6;
  border-radius:20px;
  padding:22px;
}

.home-step span{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:#1463ff;
  color:white;
  font-weight:950;
  margin-bottom:12px;
}

.home-step h3{
  margin:0 0 8px;
  color:#071b3a;
  font-size:20px;
}

.home-step p{
  margin:0;
  color:#516173;
  line-height:1.55;
}

@media(max-width:980px){
  .pricing-grid,
  .home-how-it-works{
    grid-template-columns:1fr;
  }
  .pricing-card.featured{
    transform:none;
  }
}


/* === ARQIA 10.1 - Landing pública comercial === */
.home-beta-launch .launch-copy h2{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

.pricing-card .primary.full,
.pricing-card .secondary.full{
  margin-top:auto;
}

.home-step{
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}

.home-step h3{
  letter-spacing:-.02em;
}


/* === ARQIA 11.0 - Panel administrador y control beta === */
.admin-only.hidden,
.hidden {
  display: none !important;
}

.access-pill{
  display:inline-flex;
  width:max-content;
  margin-top:8px;
  padding:6px 9px;
  border-radius:999px;
  background:#fff7ed;
  color:#9a3412;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.access-pill.active{
  background:#dcfce7;
  color:#166534;
}

.account-access-banner{
  border:1px solid #d8e5f6;
  border-radius:18px;
  padding:16px 18px;
  background:#ffffff;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  box-shadow:0 12px 34px rgba(7,27,58,.06);
}

.account-access-banner strong{
  color:#071b3a;
}

.account-access-banner span{
  color:#516173;
}

.account-access-banner.pending{
  border-color:#fed7aa;
  background:#fff7ed;
}

.account-access-banner.active{
  border-color:#bbf7d0;
  background:#f0fdf4;
}

.account-access-banner.admin{
  border-color:#bfdbfe;
  background:#eff6ff;
}

.admin-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:18px;
}

.admin-metrics article{
  background:#ffffff;
  border:1px solid #d8e5f6;
  border-radius:22px;
  padding:20px;
  box-shadow:0 14px 42px rgba(7,27,58,.06);
}

.admin-metrics span{
  display:block;
  color:#64748b;
  font-size:13px;
  font-weight:850;
  margin-bottom:8px;
}

.admin-metrics strong{
  display:block;
  font-size:38px;
  line-height:1;
  color:#071b3a;
  letter-spacing:-.05em;
}

.admin-panel{
  display:grid;
  gap:18px;
}

.admin-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.admin-panel-head h3{
  margin:0 0 6px;
  font-size:28px;
  letter-spacing:-.04em;
}

.admin-panel-head p{
  margin:0;
  color:#516173;
}

.admin-users-list{
  display:grid;
  gap:14px;
}

.admin-user-card{
  border:1px solid #d8e5f6;
  border-radius:22px;
  background:#ffffff;
  padding:18px;
  display:grid;
  gap:14px;
  box-shadow:0 12px 34px rgba(7,27,58,.05);
}

.admin-user-card.active{
  border-left:6px solid #16a34a;
}

.admin-user-card.pending{
  border-left:6px solid #f97316;
}

.admin-user-top{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.admin-user-top strong{
  display:block;
  color:#071b3a;
  font-size:20px;
}

.admin-user-top span{
  color:#64748b;
  font-size:13px;
}

.admin-user-status{
  text-align:right;
}

.admin-user-status b{
  display:block;
  color:#071b3a;
}

.admin-user-status small{
  color:#64748b;
  text-transform:uppercase;
  font-weight:900;
}

.admin-user-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.admin-user-stats span{
  padding:7px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:#0b44b7;
  font-size:12px;
  font-weight:850;
}

.admin-user-controls{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.admin-user-controls label,
.admin-notes-label{
  font-size:13px;
  font-weight:900;
  color:#071b3a;
}

.admin-user-controls select,
.admin-user-controls input,
.admin-notes{
  margin-top:6px;
}

.admin-user-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

@media(max-width:980px){
  .admin-metrics,
  .admin-user-controls{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .admin-metrics,
  .admin-user-controls{
    grid-template-columns:1fr;
  }
  .admin-user-top,
  .admin-panel-head{
    flex-direction:column;
  }
  .admin-user-status{
    text-align:left;
  }
}


/* === ARQIA 11.1 - Un solo plan activo en beta === */
.disabled-plan,
.disabled-plan:disabled{
  opacity:.75;
  cursor:not-allowed;
  background:#eef4ff!important;
  color:#64748b!important;
  border:1px solid #d8e5f6!important;
  box-shadow:none!important;
}

.pricing-card.featured{
  border-style:dashed;
}

.pricing-card.featured .plan-label{
  background:#f1f5f9;
  color:#475569;
}

.pricing-card:first-child{
  border:2px solid #1463ff;
  box-shadow:0 24px 70px rgba(20,99,255,.18);
}


/* === ARQIA 11.2 - Link de pago conectado === */
.payment-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
}

.payment-note{
  border:1px solid #bbf7d0;
  background:#f0fdf4;
  border-radius:14px;
  padding:12px 14px;
  display:grid;
  gap:4px;
  color:#166534;
  font-size:13px;
  line-height:1.45;
}

.payment-note strong{
  color:#14532d;
}

.home-payment-flow{
  max-width:1320px;
  margin:0 auto;
  padding:8px 28px 22px;
}

.payment-flow-card{
  background:linear-gradient(135deg,#071b3a,#1463ff);
  color:#ffffff;
  border-radius:28px;
  padding:34px;
  box-shadow:0 24px 70px rgba(20,99,255,.20);
}

.payment-flow-card .home-section-kicker{
  color:#dbeafe;
}

.payment-flow-card h2{
  margin:10px 0 12px;
  color:#ffffff;
  font-size:clamp(30px,4vw,54px);
  line-height:.98;
  letter-spacing:-.06em;
}

.payment-flow-card p{
  max-width:820px;
  margin:0;
  color:#eaf2ff;
  font-size:16px;
  line-height:1.7;
}

.payment-flow-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.payment-flow-actions .primary{
  background:#ffffff;
  color:#071b3a;
  text-decoration:none;
}

.payment-flow-actions .secondary{
  background:transparent;
  color:#ffffff;
  border-color:rgba(255,255,255,.45);
}

.payment-flow-actions .secondary:hover{
  background:rgba(255,255,255,.12);
}


/* === ARQIA 11.3 - Precio de lanzamiento $79.900 === */
.pricing-card:first-child .plan-label::after{
  content:" · primeros 20 usuarios";
}

.pricing-card:first-child .price{
  color:#0b44b7;
}

.payment-note{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#0f172a;
}


/* === ARQIA 11.4 - Link final $79.900 === */
.payment-button{
  text-decoration:none;
}


/* === ARQIA 12.0 - Contacto, WhatsApp, términos y privacidad === */
.home-contact-section,
.home-legal-section{
  max-width:1320px;
  margin:0 auto;
  padding:26px 28px;
}

.contact-card,
.legal-card{
  border:1px solid #d8e5f6;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border-radius:30px;
  padding:34px;
  box-shadow:0 22px 70px rgba(7,27,58,.08);
}

.contact-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 94% 20%,rgba(20,99,255,.12),transparent 28%),
    linear-gradient(135deg,#071b3a,#1463ff);
  color:#ffffff;
}

.contact-card .home-section-kicker{
  color:#dbeafe;
}

.contact-card h2,
.legal-card h2{
  margin:10px 0 12px;
  font-size:clamp(34px,4vw,58px);
  line-height:.96;
  letter-spacing:-.065em;
}

.contact-card h2{
  color:#ffffff;
}

.contact-card p{
  max-width:780px;
  margin:0;
  color:#eaf2ff;
  font-size:17px;
  line-height:1.7;
}

.contact-actions-grid{
  display:grid;
  gap:12px;
}

.contact-action{
  display:grid;
  gap:5px;
  padding:18px;
  border-radius:18px;
  text-decoration:none;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  color:#ffffff;
}

.contact-action:hover{
  background:rgba(255,255,255,.16);
}

.primary-contact{
  background:#ffffff;
  color:#071b3a;
}

.primary-contact:hover{
  background:#eff6ff;
}

.contact-action strong{
  font-size:17px;
}

.contact-action span{
  font-size:14px;
  opacity:.9;
}

.muted-contact{
  opacity:.9;
}

.legal-card h2{
  color:#071b3a;
  max-width:860px;
}

.legal-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:22px;
}

.legal-grid article{
  border:1px solid #d8e5f6;
  border-radius:20px;
  padding:22px;
  background:#ffffff;
}

.legal-grid h3{
  margin:0 0 10px;
  color:#071b3a;
  font-size:20px;
}

.legal-grid p{
  margin:0;
  color:#516173;
  line-height:1.65;
}

.home-footer{
  max-width:1320px;
  margin:0 auto;
  padding:30px 28px 46px;
  border-top:1px solid #d8e5f6;
  display:grid;
  gap:16px;
  color:#516173;
}

.home-footer strong{
  display:block;
  color:#071b3a;
  font-size:24px;
  margin-bottom:4px;
}

.home-footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}

.home-footer a{
  color:#0b44b7;
  font-weight:900;
  text-decoration:none;
}

.home-footer small{
  color:#64748b;
}

.internal-legal-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.12);
}

.internal-legal-links a{
  color:#cfe0ff;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.internal-legal-links a:hover{
  color:#ffffff;
}

@media(max-width:900px){
  .contact-card,
  .legal-grid{
    grid-template-columns:1fr;
  }
}


/* === ARQIA 12.1 - Bloque legal visible en la landing === */
.legal-quick-strip{
  max-width:1320px;
  margin:0 auto;
  padding:18px 28px 10px;
}

.legal-quick-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:center;
  border:1px solid #bfdbfe;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border-radius:24px;
  padding:24px;
  box-shadow:0 16px 46px rgba(7,27,58,.08);
}

.legal-quick-card h2{
  margin:8px 0 8px;
  font-size:clamp(24px,3vw,42px);
  line-height:1;
  letter-spacing:-.055em;
  color:#071b3a;
}

.legal-quick-card p{
  margin:0;
  max-width:820px;
  color:#516173;
  line-height:1.6;
}

.legal-quick-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

.legal-quick-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid #d8e5f6;
  color:#0b44b7;
  text-decoration:none;
  font-weight:950;
  font-size:13px;
}

.legal-quick-actions a:hover{
  background:#1463ff;
  border-color:#1463ff;
  color:#ffffff;
}

@media(max-width:900px){
  .legal-quick-card{
    grid-template-columns:1fr;
  }
  .legal-quick-actions{
    justify-content:flex-start;
  }
}


/* === ARQIA 12.2 - Ajustes finales de landing beta === */
.compact-legal-section{
  padding-top:14px;
  padding-bottom:14px;
}

.compact-legal-card{
  padding:24px;
}

.compact-legal-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:start;
}

.compact-legal-head h2{
  margin:8px 0 8px;
  font-size:clamp(24px,3vw,42px);
  line-height:1;
  letter-spacing:-.055em;
}

.compact-legal-head p{
  margin:0;
  max-width:760px;
  color:#516173;
  line-height:1.6;
}

.legal-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#0b44b7;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.legal-details{
  margin-top:16px;
  border:1px solid #d8e5f6;
  background:#ffffff;
  border-radius:16px;
  overflow:hidden;
}

.legal-details summary{
  cursor:pointer;
  padding:15px 18px;
  color:#071b3a;
  font-weight:950;
  list-style:none;
}

.legal-details summary::-webkit-details-marker{
  display:none;
}

.legal-details summary::after{
  content:" +";
  color:#1463ff;
  font-weight:950;
}

.legal-details[open] summary{
  border-bottom:1px solid #d8e5f6;
  background:#f8fbff;
}

.legal-details[open] summary::after{
  content:" −";
}

.legal-details .legal-grid{
  padding:16px;
  margin-top:0;
}

.legal-quick-card{
  grid-template-columns:minmax(0,1fr) auto;
}

.legal-quick-card h2{
  font-size:clamp(22px,2.6vw,34px);
}

@media(max-width:900px){
  .compact-legal-head,
  .legal-quick-card{
    grid-template-columns:1fr;
  }

  .legal-status-pill{
    width:max-content;
    white-space:normal;
  }
}