/* ============================================================
   Arklos Centro de Estudios — sistema de diseño
   Alineado con el lenguaje visual real de arklos.es:
   hero claro, eyebrow discreto, cifras sin cajas, listas
   editoriales numeradas, tarjeta-mockup, tono fintech moderno.
   ============================================================ */

:root{
  --black:#0a0a0a;
  --gold:#f5c400;
  --gold-ink:#7a5f00;
  --white:#ffffff;
  --cream:#faf9f5;
  --gray-bg:#f5f4ef;
  --gray-line:#e7e4da;
  --gray-text:#5c5a52;
  --radius:10px;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body.arklos-page{
  font-family:'DM Sans', sans-serif;
  color: var(--black);
  background: var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.arklos-page a{ text-decoration:none; color:inherit; }
.arklos-page ul{ list-style:none; }
.arklos-page img{ max-width:100%; display:block; }
.arklos-page .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
.arklos-page b, .arklos-page strong{ font-weight:700; }
.arklos-page h1, .arklos-page h2, .arklos-page h3{ letter-spacing:-0.01em; }
.arklos-page .serif{ font-family:'DM Serif Display', serif; font-weight:400; }

.arklos-page .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color: var(--gold-ink);
}
.arklos-page .eyebrow::before{ content:"●"; font-size:8px; color:var(--gold); }
.arklos-page .eyebrow.on-dark{ color:var(--gold); }

/* ---------- header ---------- */
.arklos-page header.site{
  position:sticky; top:0; z-index:50;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(6px);
  border-bottom:1px solid var(--gray-line);
}
.arklos-page header.site .bar{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 32px;
}
.arklos-page header.site .brand img{ height:32px; }
.arklos-page header.site nav{ display:flex; align-items:center; gap:34px; }
.arklos-page header.site nav a{ font-size:15px; font-weight:600; color:var(--black); }
.arklos-page header.site nav a.muted{ color:var(--gray-text); font-weight:500; }

.arklos-page .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-weight:700; font-size:14.5px;
  padding:13px 24px; border-radius:8px; transition:transform .15s ease, background .15s ease;
}
.arklos-page .btn:hover{ transform:translateY(-1px); }
.arklos-page .btn-primary{ background:var(--black); color:var(--white); }
.arklos-page .btn-primary:hover{ background:#222; }
.arklos-page .btn-gold{ background:var(--gold); color:var(--black); }
.arklos-page .btn-gold:hover{ background:#ffd633; }
.arklos-page .btn-ghost{ border:1.4px solid var(--gray-line); color:var(--black); background:var(--white); }
.arklos-page .btn-ghost:hover{ border-color:var(--black); }
.arklos-page .btn-ghost.on-dark{ border-color:#3a3a3a; color:#fff; }

/* ---------- hero (claro, estilo real arklos.es) ---------- */
.arklos-page .hero{ padding:64px 0 0 0; background:var(--white); }
.arklos-page .hero .grid{
  display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; align-items:center;
  padding-bottom:56px;
}
.arklos-page .hero h1{
  font-weight:800; font-size:50px; line-height:1.08; margin:16px 0 22px 0; max-width:600px;
}
.arklos-page .hero h1 span{ color:var(--gold-ink); background:linear-gradient(180deg, transparent 62%, var(--gold) 62%); padding:0 2px; }
.arklos-page .hero p.lead{ font-size:18px; color:var(--gray-text); max-width:520px; margin-bottom:30px; }
.arklos-page .hero .cta-row{ display:flex; gap:14px; flex-wrap:wrap; }

.arklos-page .mockup{
  background:var(--black); border-radius:16px; padding:22px; position:relative;
  box-shadow:0 30px 60px -20px rgba(10,10,10,0.35);
}
.arklos-page .mockup .mockup-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.arklos-page .mockup .mockup-head .dot-row{ display:flex; gap:6px; }
.arklos-page .mockup .mockup-head .dot-row span{ width:9px; height:9px; border-radius:50%; background:#333; display:block; }
.arklos-page .mockup .mockup-title{ color:#fff; font-size:13px; font-weight:700; }
.arklos-page .mockup .mockup-body{ background:#141414; border:1px solid #262626; border-radius:10px; padding:20px; }
.arklos-page .mockup .m-row{ display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid #232323; }
.arklos-page .mockup .m-row:last-child{ border-bottom:none; }
.arklos-page .mockup .m-row .m-label{ color:#cfcfc9; font-size:13.5px; }
.arklos-page .mockup .m-row .m-pill{ font-size:11.5px; font-weight:700; padding:4px 10px; border-radius:20px; }
.arklos-page .m-pill.done{ background:rgba(245,196,0,0.15); color:var(--gold); }
.arklos-page .m-pill.pending{ background:#232323; color:#9a988f; }
.arklos-page .mockup .mockup-foot{ margin-top:16px; font-size:12.5px; color:#8a8a86; }

/* ---------- stat strip (sin cajas, como arklos.es) ---------- */
.arklos-page .stat-strip{ border-top:1px solid var(--gray-line); padding:30px 0; }
.arklos-page .stat-strip .row{ display:flex; }
.arklos-page .stat-strip .item{ flex:1; padding:0 28px; border-right:1px solid var(--gray-line); }
.arklos-page .stat-strip .item:first-child{ padding-left:0; }
.arklos-page .stat-strip .item:last-child{ border-right:none; }
.arklos-page .stat-strip .num{ font-size:26px; font-weight:800; }
.arklos-page .stat-strip .num em{ font-style:normal; color:var(--gold-ink); }
.arklos-page .stat-strip .label{ font-size:13.5px; color:var(--gray-text); margin-top:2px; }

/* ---------- section shell ---------- */
.arklos-page section{ padding:84px 0; }
.arklos-page .section-head{ max-width:660px; margin-bottom:48px; }
.arklos-page .section-head h2{ font-size:34px; margin:14px 0; }
.arklos-page .section-head p{ color:var(--gray-text); font-size:16.5px; }
.arklos-page .section-split{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px; align-items:flex-start; }

/* ---------- lista editorial numerada (estilo "servicios" arklos.es) ---------- */
.arklos-page .num-list .num-item{
  display:flex; align-items:flex-start; gap:22px;
  padding:26px 0; border-bottom:1px solid var(--gray-line);
}
.arklos-page .num-list .num-item:first-child{ padding-top:0; }
.arklos-page .num-list .n{ font-size:14px; font-weight:800; color:var(--gold-ink); width:26px; flex-shrink:0; padding-top:4px; }
.arklos-page .num-list h3{ font-size:18.5px; margin-bottom:4px; }
.arklos-page .num-list p{ font-size:14.5px; color:var(--gray-text); }
.arklos-page .num-list .num-item .arrow{ margin-left:auto; color:var(--gray-line); font-size:20px; align-self:center; transition:color .15s; }
.arklos-page .num-list a.num-item:hover .arrow{ color:var(--black); }
.arklos-page .num-list a.num-item{ display:flex; }

/* ---------- trust marks ---------- */
.arklos-page .trust-marks{ background:var(--gray-bg); border-top:1px solid var(--gray-line); border-bottom:1px solid var(--gray-line); }
.arklos-page .trust-marks .row{ display:flex; justify-content:space-between; align-items:center; padding:26px 0; flex-wrap:wrap; gap:18px; }
.arklos-page .trust-marks .mark{ font-size:13.5px; font-weight:700; color:var(--gray-text); line-height:1.3; }
.arklos-page .trust-marks .mark b{ display:block; color:var(--black); font-size:14.5px; }

/* ---------- courses ---------- */
.arklos-page .course-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.arklos-page .course-card{
  background:var(--white); border:1px solid var(--gray-line); border-radius:14px;
  display:flex; flex-direction:column; height:100%; overflow:hidden;
  transition:box-shadow .15s ease, transform .15s ease;
}
.arklos-page .course-card:hover{ box-shadow:0 20px 40px -24px rgba(10,10,10,0.25); transform:translateY(-2px); }
.arklos-page .course-card .top{
  background:var(--black); color:#fff; padding:20px 22px;
  display:flex; justify-content:space-between; align-items:flex-start;
}
.arklos-page .course-card.n2 .top, .arklos-page .course-card.n3 .top{ background:#1c1c1c; }
.arklos-page .course-card .top .lvl{ font-size:12px; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold); font-weight:700; }
.arklos-page .course-card .top .dur{ font-size:12px; color:#cfcfc9; }
.arklos-page .course-card .body{ padding:22px; flex:1; display:flex; flex-direction:column; }
.arklos-page .course-card h3{ font-size:20px; margin-bottom:9px; }
.arklos-page .course-card p{ font-size:14.5px; color:var(--gray-text); margin-bottom:18px; flex:1; }
.arklos-page .course-card .meta{ display:flex; gap:8px; font-size:12px; color:var(--gray-text); margin-bottom:18px; flex-wrap:wrap; }
.arklos-page .course-card .meta span{ background:var(--gray-bg); border:1px solid var(--gray-line); padding:4px 9px; border-radius:6px; }
.arklos-page .course-card .row-btn{ display:flex; gap:9px; }
.arklos-page .course-card .row-btn .btn{ flex:1; font-size:13.5px; padding:11px 12px; border-radius:7px; }

/* ---------- testimonios ---------- */
.arklos-page .testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.arklos-page .testi-card{ background:var(--gray-bg); border:1px solid var(--gray-line); border-radius:14px; padding:26px; }
.arklos-page .testi-card .stars{ color:var(--gold-ink); font-size:14px; margin-bottom:14px; letter-spacing:2px; }
.arklos-page .testi-card p{ font-size:15px; margin-bottom:16px; }
.arklos-page .testi-card .who{ font-size:13px; color:var(--gray-text); font-weight:600; }

/* ---------- valores / porqué ---------- */
.arklos-page .values-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.arklos-page .value-item .n{ font-size:13px; font-weight:800; color:var(--gold-ink); display:block; margin-bottom:12px; }
.arklos-page .value-item h3{ font-size:17.5px; margin-bottom:8px; }
.arklos-page .value-item p{ font-size:14px; color:var(--gray-text); }

/* ---------- fundae dark ---------- */
.arklos-page .fundae{ background:var(--black); color:#fff; }
.arklos-page .fundae .grid{ display:grid; grid-template-columns:1.2fr 0.8fr; gap:48px; align-items:center; }
.arklos-page .fundae h2{ color:#fff; font-size:32px; margin:14px 0 16px 0; }
.arklos-page .fundae p{ color:#cfcfc9; font-size:15.5px; margin-bottom:14px; }
.arklos-page .fundae .panel{ background:#141414; border:1px solid #262626; border-radius:14px; padding:26px; }
.arklos-page .fundae .panel .row{ display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid #262626; font-size:14px; }
.arklos-page .fundae .panel .row:last-child{ border-bottom:none; }
.arklos-page .fundae .panel .row b{ color:var(--gold); }

/* ---------- FAQ ---------- */
.arklos-page .faq-item{ border-bottom:1px solid var(--gray-line); padding:20px 0; }
.arklos-page .faq-item summary{ cursor:pointer; font-size:16.5px; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.arklos-page .faq-item summary::-webkit-details-marker{ display:none; }
.arklos-page .faq-item summary::after{ content:"+"; font-size:22px; color:var(--gray-text); font-weight:400; }
.arklos-page .faq-item[open] summary::after{ content:"–"; }
.arklos-page .faq-item p{ margin-top:12px; color:var(--gray-text); font-size:15px; max-width:720px; }

/* ---------- final cta ---------- */
.arklos-page .final-cta{ background:var(--gold); border-radius:20px; margin:0 32px; padding:56px 48px; }
.arklos-page .final-cta-inner{ max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap; }
.arklos-page .final-cta h2{ font-size:32px; max-width:560px; font-weight:800; }
.arklos-page .final-cta p{ margin-top:8px; color:#5c4c00; }

/* ---------- footer ---------- */
.arklos-page footer.site{ background:#0a0a0a; color:#cfcfc9; padding:64px 0 28px 0; margin-top:40px; }
.arklos-page footer.site .cols{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:48px; }
.arklos-page footer.site h4{ color:#fff; font-size:13.5px; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:18px; font-weight:700; }
.arklos-page footer.site ul li{ margin-bottom:10px; font-size:14px; }
.arklos-page footer.site ul li a:hover{ color:#fff; }
.arklos-page footer.site .brand-col img{ height:28px; margin-bottom:16px; }
.arklos-page footer.site .brand-col p{ font-size:13.5px; color:#8a8a86; max-width:280px; margin-bottom:14px; }
.arklos-page footer.site .brand-col .contact-line{ font-size:13.5px; color:#cfcfc9; margin-bottom:4px; }
.arklos-page footer.site .legal-bar{ border-top:1px solid #262626; padding-top:24px; display:flex; justify-content:space-between; font-size:12.5px; color:#7a7a76; flex-wrap:wrap; gap:10px; }

/* ---------- responsive ---------- */
@media (max-width:900px){
  .arklos-page header.site nav{ display:none; }
  .arklos-page .hero .grid{ grid-template-columns:1fr; }
  .arklos-page .hero h1{ font-size:36px; }
  .arklos-page .stat-strip .row{ flex-direction:column; gap:18px; }
  .arklos-page .stat-strip .item{ border-right:none; padding:0; }
  .arklos-page .section-split{ grid-template-columns:1fr; }
  .arklos-page .course-grid, .arklos-page .testi-grid{ grid-template-columns:1fr; }
  .arklos-page .values-grid{ grid-template-columns:1fr 1fr; gap:22px; }
  .arklos-page .fundae .grid{ grid-template-columns:1fr; }
  .arklos-page .final-cta{ margin:0 16px; padding:36px 24px; }
  .arklos-page .final-cta-inner{ flex-direction:column; align-items:flex-start; }
  .arklos-page footer.site .cols{ grid-template-columns:1fr 1fr; }
  .arklos-page .trust-marks .row{ flex-direction:column; align-items:flex-start; }
}

/* ============================================================
   Ficha de curso (Fase 2)
   ============================================================ */
.arklos-page .course-subnav{
  position:sticky; top:65px; z-index:40;
  background:var(--white); border-bottom:1px solid var(--gray-line);
}
.arklos-page .course-subnav .subnav-row{ display:flex; gap:30px; overflow-x:auto; }
.arklos-page .course-subnav a{
  font-size:14.5px; font-weight:600; color:var(--gray-text);
  padding:16px 0; white-space:nowrap; border-bottom:2px solid transparent;
}
.arklos-page .course-subnav a:hover{ color:var(--black); border-bottom-color:var(--gold); }

.arklos-page .course-meta-row{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:10px; }
.arklos-page .cm-item{ border:1px solid var(--gray-line); border-radius:10px; padding:14px 16px; }
.arklos-page .cm-label{ display:block; font-size:12px; color:var(--gray-text); margin-bottom:4px; }
.arklos-page .cm-value{ font-size:15px; font-weight:700; }

.arklos-page .module-list .module-item{
  border:1px solid var(--gray-line); border-radius:12px; margin-bottom:14px; padding:0; overflow:hidden;
}
.arklos-page .module-item summary{
  cursor:pointer; list-style:none; display:flex; align-items:center; gap:16px;
  padding:20px 22px; font-weight:700;
}
.arklos-page .module-item summary::-webkit-details-marker{ display:none; }
.arklos-page .module-item .mod-n{ color:var(--gold-ink); font-size:14px; font-weight:800; width:24px; flex-shrink:0; }
.arklos-page .module-item .mod-title{ flex:1; font-size:16.5px; }
.arklos-page .module-item .mod-dur{ font-size:12.5px; color:var(--gray-text); font-weight:600; background:var(--gray-bg); padding:4px 10px; border-radius:20px; }
.arklos-page .module-item .mod-content{ padding:0 22px 20px 62px; }
.arklos-page .module-item .mod-content li{ font-size:14.5px; color:var(--gray-text); margin-bottom:8px; list-style:disc; }
.arklos-page .module-item[open] summary{ border-bottom:1px solid var(--gray-line); }

.arklos-page .fundae-table{ background:var(--white); border:1px solid var(--gray-line); border-radius:12px; padding:8px 22px; }
.arklos-page .fundae-table .ft-row{ display:flex; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--gray-line); font-size:14.5px; }
.arklos-page .fundae-table .ft-row:last-child{ border-bottom:none; }
.arklos-page .fundae-table .ft-row b{ color:var(--gold-ink); text-align:right; max-width:60%; }

.arklos-page .next-course-link{
  display:flex; justify-content:space-between; align-items:center;
  border:1px solid var(--gray-line); border-radius:12px; padding:22px 26px;
}
.arklos-page .next-course-link span{ font-size:13px; color:var(--gray-text); }
.arklos-page .next-course-link strong{ font-size:18px; }

/* ---------- catálogo /cursos/ ---------- */
.arklos-page .catalog-hero{ padding:56px 0 40px 0; }
.arklos-page .catalog-hero h1{ font-weight:800; font-size:42px; max-width:640px; margin:14px 0; }
.arklos-page .catalog-hero p{ font-size:17px; color:var(--gray-text); max-width:600px; }
.arklos-page .catalog-list .course-card{ flex-direction:row; align-items:stretch; }

@media (max-width:900px){
  .arklos-page .course-subnav{ top:0; }
  .arklos-page .course-meta-row{ grid-template-columns:1fr 1fr; }
  .arklos-page .module-item .mod-content{ padding-left:22px; }
  .arklos-page .next-course-link{ flex-direction:column; align-items:flex-start; gap:6px; }
}

/* ============================================================
   Formulario de contacto (Fase 2)
   ============================================================ */
.arklos-page .lead-form{ background:var(--gray-bg); border:1px solid var(--gray-line); border-radius:14px; padding:28px; }
.arklos-page .ff-row{ margin-bottom:16px; }
.arklos-page .ff-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.arklos-page .lead-form label{ display:block; font-size:13.5px; font-weight:700; margin-bottom:6px; }
.arklos-page .lead-form input, .arklos-page .lead-form select, .arklos-page .lead-form textarea{
  width:100%; border:1px solid var(--gray-line); border-radius:8px; padding:12px 14px;
  font-family:'DM Sans', sans-serif; font-size:14.5px; background:var(--white);
}
.arklos-page .lead-form input:focus, .arklos-page .lead-form select:focus, .arklos-page .lead-form textarea:focus{
  outline:2px solid var(--gold); outline-offset:1px; border-color:var(--gold);
}
.arklos-page .ff-check{ display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--gray-text); margin-bottom:6px; font-weight:400; }
.arklos-page .ff-check input{ width:auto; margin-top:3px; }
.arklos-page .hp-field{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.arklos-page .callout-ok{ background:var(--gray-bg); border:1px solid var(--gray-line); border-left:4px solid var(--gold); border-radius:10px; padding:24px; }

@media (max-width:900px){
  .arklos-page .ff-row-2{ grid-template-columns:1fr; }
}

/* ============================================================
   Campus privado (Fase 3)
   ============================================================ */
.arklos-page .callout-error{
  background:#fdecec; border:1px solid #f3b8b8; color:#8a1f1f;
  border-radius:10px; padding:14px 16px; font-size:14px; margin-bottom:18px;
}
.arklos-page .callout-empty{
  background:var(--gray-bg); border:1px solid var(--gray-line); border-radius:12px; padding:28px;
}
.arklos-page .campus-topbar{
  display:flex; justify-content:space-between; align-items:flex-start;
  padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid var(--gray-line);
}
.arklos-page .campus-course-list .campus-course-item{
  display:flex; justify-content:space-between; align-items:center; gap:24px;
  border:1px solid var(--gray-line); border-radius:14px; padding:22px 24px; margin-bottom:16px;
}
.arklos-page .campus-course-item .lvl-tag{
  font-size:11.5px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; color:var(--gold-ink);
}
.arklos-page .campus-course-item h3{ font-size:19px; margin:6px 0 4px 0; }
.arklos-page .campus-course-item .cci-meta{ font-size:13.5px; color:var(--gray-text); }
.arklos-page .campus-course-item .cci-side{ text-align:right; display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; }
.arklos-page .status-pill{ font-size:12px; font-weight:700; padding:5px 12px; border-radius:20px; }
.arklos-page .status-pill.pending{ background:var(--gray-bg); color:var(--gray-text); border:1px solid var(--gray-line); }
.arklos-page .status-pill.progress{ background:rgba(245,196,0,0.15); color:var(--gold-ink); }
.arklos-page .status-pill.done{ background:#e7f6ec; color:#1e7a3c; }
.arklos-page .cci-deadline{ font-size:12px; color:var(--gray-text); margin-top:6px; }

@media (max-width:700px){
  .arklos-page .campus-course-item{ flex-direction:column; align-items:flex-start; }
  .arklos-page .campus-course-item .cci-side{ align-items:flex-start; width:100%; }
}

/* ============================================================
   Reproductor de teleformación y evaluación (Fase 4)
   ============================================================ */
.arklos-page .progress-bar-outer{
  width:100%; height:8px; background:var(--gray-bg); border-radius:20px; overflow:hidden;
  border:1px solid var(--gray-line);
}
.arklos-page .progress-bar-inner{ height:100%; background:var(--gold); transition:width .3s ease; }

.arklos-page .module-item .mod-content{ padding:0 22px 20px 62px; }
.arklos-page .module-item .status-pill.done{ margin-top:6px; display:inline-block; }

.arklos-page .quiz-question{ margin-bottom:26px; padding-bottom:22px; border-bottom:1px solid var(--gray-line); }
.arklos-page .quiz-question .qq-text{ font-weight:700; font-size:15.5px; margin-bottom:12px; }
.arklos-page .quiz-question .qq-option{
  display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid var(--gray-line);
  border-radius:8px; margin-bottom:8px; font-size:14.5px; cursor:pointer;
}
.arklos-page .quiz-question .qq-option:hover{ border-color:var(--gold); }
.arklos-page .quiz-question .qq-option input{ width:auto; }

/* ============================================================
   Panel de administración (Fase 5)
   ============================================================ */
.arklos-page .admin-tabs{ display:flex; gap:6px; border-bottom:1px solid var(--gray-line); margin-bottom:28px; flex-wrap:wrap; }
.arklos-page .admin-tabs a{
  font-size:14px; font-weight:600; color:var(--gray-text); padding:10px 16px;
  border-bottom:2px solid transparent;
}
.arklos-page .admin-tabs a.active{ color:var(--black); border-bottom-color:var(--gold); }
.arklos-page .admin-tabs a:hover{ color:var(--black); }

.arklos-page .admin-stats-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.arklos-page .admin-stat{
  border:1px solid var(--gray-line); border-radius:12px; padding:18px 16px; text-align:center;
}
.arklos-page .admin-stat.highlight{ border-color:var(--gold); background:rgba(245,196,0,0.08); }
.arklos-page .admin-stat .as-num{ display:block; font-size:26px; font-weight:800; font-family:'DM Serif Display', serif; }
.arklos-page .admin-stat .as-label{ font-size:12px; color:var(--gray-text); }

.arklos-page .admin-grid-2{ display:grid; grid-template-columns:1.3fr 1fr; gap:24px; align-items:start; }
.arklos-page .admin-panel{ border:1px solid var(--gray-line); border-radius:14px; padding:24px; }

.arklos-page .admin-table{ width:100%; border-collapse:collapse; font-size:13.5px; }
.arklos-page .admin-table th{ text-align:left; font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em; color:var(--gray-text); padding:8px 10px; border-bottom:1px solid var(--gray-line); }
.arklos-page .admin-table td{ padding:10px; border-bottom:1px solid var(--gray-line); vertical-align:top; }
.arklos-page .admin-table tr.row-pendiente td{ background:rgba(245,196,0,0.06); }
.arklos-page .admin-table form{ margin:0; }

@media (max-width:1000px){
  .arklos-page .admin-stats-grid{ grid-template-columns:repeat(2,1fr); }
  .arklos-page .admin-grid-2{ grid-template-columns:1fr; }
  .arklos-page .admin-table{ font-size:12.5px; }
}