:root{--bg:#f4f7fb;--surface:#fff;--ink:#0d1728;--muted:#718096;--line:#e8edf4;--nav:#08111f;--nav2:#0d1a2d;--accent:#5b5ce2;--accent2:#7476f2;--shadow:0 12px 35px rgba(15,31,55,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.app-main{margin-left:264px;min-height:100vh}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:264px;background:linear-gradient(180deg,#08111f 0%,#0a1424 100%);color:#fff;padding:24px 15px 16px;display:flex;flex-direction:column;box-shadow:12px 0 35px rgba(4,11,22,.12)}.brand{padding:4px 10px 28px}.brand-link{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border:1px solid rgba(255,255,255,.14);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:3px;background:rgba(255,255,255,.05)}.brand-mark i{display:block;width:4px;border-radius:5px;background:#8183ff}.brand-mark i:nth-child(1){height:12px;opacity:.55}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:15px;opacity:.75}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:15px;letter-spacing:-.3px}.brand-text small{font-size:12px;color:#929eb1;margin-top:4px}.sidebar-section-title{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#64738a;padding:0 13px 9px}.sidebar-section-title.secondary{margin-top:25px}.sidebar-nav{display:grid;gap:5px}.nav-item{height:45px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:12px;color:#9aa7b9;font-weight:600;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(102,104,235,.23),rgba(102,104,235,.08));color:#fff;box-shadow:inset 3px 0 #7577ff}.nav-icon{width:22px;text-align:center;font-size:19px;color:#75839a}.nav-item.active .nav-icon{color:#8a8cff}.nav-badge{margin-left:auto;font-size:10px;padding:3px 7px;border-radius:20px;background:rgba(117,119,255,.17);color:#a7a9ff;font-style:normal}.sidebar-bottom{margin-top:auto}.system-card{display:flex;gap:10px;align-items:center;margin:14px 4px;padding:12px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.system-card strong{display:block;font-size:11px;color:#d9e0ea}.system-card small{display:block;color:#718096;font-size:10px;margin-top:3px}.system-pulse{width:8px;height:8px;border-radius:50%;background:#40d99a;box-shadow:0 0 0 4px rgba(64,217,154,.1)}.logout-link{height:43px;display:flex;align-items:center;gap:10px;color:#77869b;padding:0 12px;border-radius:10px;font-weight:600}.logout-link:hover{background:rgba(255,255,255,.04);color:#fff}.app-header{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9aa6b6;font-size:13px}.breadcrumb b{font-weight:400;color:#d1d7e0}.breadcrumb strong{color:#182338;font-weight:700}.topbar-right{display:flex;align-items:center;gap:18px}.top-icon{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:#66748a;font-size:18px;background:#fff}.top-icon:hover{color:var(--accent);border-color:#d9dcfb}.top-divider{height:28px;width:1px;background:var(--line)}.top-user{display:flex;align-items:center;gap:10px}.user-avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6466e9,#8a8cff);color:#fff;font-weight:800;font-size:13px}.user-copy{display:flex;flex-direction:column;line-height:1.1}.user-copy strong{font-size:12px}.user-copy small{font-size:10px;color:#8b97a8;margin-top:4px}.user-chevron{color:#9ba6b5;margin-left:3px}.mobile-menu-btn{display:none;border:0;background:none;padding:7px;gap:3px;flex-direction:column}.mobile-menu-btn span{display:block;width:20px;height:2px;background:#182338;border-radius:2px}.page-content{padding:30px 34px 0}.dashboard-v2{max-width:1450px;margin:0 auto}.welcome-panel{min-height:275px;border-radius:25px;position:relative;overflow:hidden;padding:38px 44px;display:flex;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(133,137,255,.24),transparent 28%),linear-gradient(115deg,#111d34 0%,#182847 55%,#202b52 100%);color:#fff;box-shadow:0 18px 50px rgba(18,31,60,.16)}.welcome-panel:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-80px;top:-80px}.welcome-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:1.6px;font-weight:800}.eyebrow{color:#a9afff;display:flex;align-items:center;gap:8px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#8588ff;box-shadow:0 0 0 5px rgba(133,136,255,.1)}.welcome-panel h1{font-size:38px;line-height:1.05;letter-spacing:-1.7px;margin:13px 0 12px}.welcome-panel h1 span{color:#9a9cff}.welcome-panel p{color:#aab5c8;margin:0;max-width:560px;font-size:14px;line-height:1.7}.welcome-actions{display:flex;gap:10px;margin-top:24px}.btn-main,.btn-soft{height:42px;padding:0 16px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px}.btn-main{background:#7477f4;color:#fff;box-shadow:0 8px 20px rgba(116,119,244,.25)}.btn-main:hover{background:#8588ff}.btn-main.small{height:38px}.btn-soft{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#e5e9f1}.welcome-orbit{position:absolute;right:65px;top:20px;width:280px;height:240px;opacity:.95}.orbit{position:absolute;border:1px solid rgba(158,164,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:180px;height:180px}.orbit-2{width:255px;height:255px}.orbit-core{position:absolute;width:72px;height:72px;left:104px;top:84px;border-radius:24px;background:linear-gradient(135deg,#7578f2,#5254c9);display:grid;place-items:center;box-shadow:0 15px 40px rgba(0,0,0,.25);font-weight:900;font-size:19px}.orbit-node{position:absolute;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.node-fb{left:12px;top:91px}.node-ig{right:12px;top:35px}.node-yt{right:32px;bottom:25px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px 18px 16px;position:relative;min-height:156px;box-shadow:0 7px 25px rgba(15,31,55,.035);transition:.2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dde2ec}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:16px}.icon-blue{background:#edf1ff;color:#5c68df}.icon-violet{background:#f2edff;color:#8b68df}.icon-cyan{background:#e8f9fb;color:#28a7b2}.icon-orange{background:#fff3e7;color:#e88a3e}.kpi-trend{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.kpi-trend.positive{color:#26ad79}.kpi-trend.neutral{color:#98a3b2}.kpi-trend.scheduled{color:#e38a36}.kpi-label{display:block;color:#7c8899;font-size:11px;margin-top:16px}.kpi-card strong{display:block;font-size:28px;line-height:1;margin-top:5px;letter-spacing:-1px}.kpi-card small{display:block;color:#9aa5b5;font-size:10px;margin-top:8px}.kpi-arrow{position:absolute;right:18px;bottom:17px;color:#a7b0bd;font-size:16px}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px}.lower-grid{grid-template-columns:1.7fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 25px rgba(15,31,55,.035);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 14px}.panel-head h2{font-size:15px;letter-spacing:-.3px;margin:5px 0 0}.panel-kicker{color:#a0aaba}.panel-head>a{font-size:10px;color:#6974dd;font-weight:800}.chart-summary{padding:0 22px 8px}.chart-summary strong{font-size:23px;letter-spacing:-.7px}.chart-summary span{font-size:10px;color:#9ba6b5;margin-left:7px}.mini-chart{height:166px;margin:0 20px 15px;display:flex;align-items:stretch;gap:11px;position:relative;padding:9px 4px 0}.chart-grid{position:absolute;inset:9px 4px 26px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid i{display:block;border-top:1px dashed #edf0f5}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;position:relative;z-index:1}.chart-col span{font-size:9px;color:#9ba6b5}.chart-bar{width:72%;max-width:35px;min-height:7px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#8588ff,#6063df);box-shadow:0 5px 12px rgba(96,99,223,.14);transition:.2s}.chart-col:hover .chart-bar{filter:brightness(1.06);transform:translateY(-2px)}.platform-list{padding:0 16px 10px}.platform-row{display:flex;align-items:center;gap:11px;padding:12px 7px;border-bottom:1px solid #f0f2f6}.platform-row:last-child{border-bottom:0}.platform-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900}.platform-logo.facebook{background:#4267a9}.platform-logo.instagram{background:linear-gradient(135deg,#5e54d9,#e35d88)}.platform-logo.youtube{background:#ef4d4d}.platform-name{display:flex;flex-direction:column;flex:1}.platform-name strong{font-size:11px}.platform-name small{font-size:9px;color:#a0a9b7;margin-top:3px}.platform-count{font-size:17px}.connected-dot{width:7px;height:7px;border-radius:50%;background:#36c88b;box-shadow:0 0 0 4px rgba(54,200,139,.1)}.connect-more{display:block;margin:5px 16px 16px;padding:11px;text-align:center;border:1px dashed #dfe4ec;border-radius:10px;color:#6b73d7;font-size:10px;font-weight:800}.activity-list{padding:0 8px 9px}.activity-row{min-height:59px;display:flex;align-items:center;gap:10px;padding:8px 13px;border-radius:11px}.activity-row:hover{background:#f7f8fb}.activity-avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:13px}.activity-avatar.success{background:#eaf9f2;color:#2ab67e}.activity-avatar.info{background:#edf1ff;color:#6470e3}.activity-avatar.warning{background:#fff5e8;color:#df913d}.activity-avatar.error{background:#ffeded;color:#dc6161}.activity-avatar.muted{background:#f0f2f5;color:#8994a4}.activity-main{flex:1;min-width:0}.activity-main strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-main small{display:block;color:#9ba6b5;font-size:9px;margin-top:3px}.activity-date{font-size:9px;color:#a0a9b6;min-width:66px;text-align:right}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;white-space:nowrap;padding:5px 8px;border-radius:20px}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.success{color:#24a973;background:#eaf9f2}.status-pill.info{color:#6571db;background:#edf1ff}.status-pill.warning{color:#d98a31;background:#fff4e4}.status-pill.error{color:#d75d5d;background:#ffeded}.status-pill.muted{color:#7f8a99;background:#f0f2f5}.row-chevron{color:#a9b2be;font-size:20px;margin-left:3px}.upcoming-list{padding:0 14px 10px}.upcoming-row{display:flex;align-items:center;gap:11px;padding:10px 8px;border-bottom:1px solid #f0f2f6}.upcoming-row:last-child{border-bottom:0}.date-box{width:42px;height:45px;border-radius:10px;background:#f0f1ff;color:#6267d8;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-box strong{font-size:16px;line-height:1}.date-box span{font-size:8px;font-weight:900;margin-top:3px}.upcoming-copy{flex:1;min-width:0}.upcoming-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-copy span{display:block;color:#9ba6b5;font-size:9px;margin-top:4px}.empty-state,.empty-small{padding:35px 22px;text-align:center;color:#8792a2}.empty-icon{width:46px;height:46px;border-radius:14px;background:#f0f1ff;color:#666bdd;display:grid;place-items:center;margin:0 auto 12px;font-size:18px}.empty-state strong,.empty-small strong{display:block;color:#253148;font-size:12px}.empty-state p,.empty-small p{font-size:10px;margin:7px 0 16px}.empty-small{padding:35px 15px}.empty-small>span{font-size:27px;color:#6d72dd;display:block;margin-bottom:10px}.empty-small a{font-size:10px;color:#666bdd;font-weight:800}.quick-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px;margin-bottom:22px}.quick-title{padding:0 8px}.quick-title h2{font-size:14px;margin:4px 0}.quick-action{display:flex;align-items:center;gap:11px;border:1px solid #edf0f4;border-radius:12px;padding:12px 13px;background:#fbfcfe;transition:.18s}.quick-action:hover{transform:translateY(-1px);border-color:#dfe2f8;background:#fff}.quick-action>span{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:#6569de;font-size:17px}.quick-action.primary{background:#f7f7ff;border-color:#e1e2ff}.quick-action div{flex:1}.quick-action strong{display:block;font-size:10px}.quick-action small{display:block;color:#99a3b1;font-size:9px;margin-top:3px}.quick-action b{color:#a1aab7;font-size:15px}.footer{max-width:1450px;margin:0 auto;padding:4px 0 22px;color:#a1aab7;font-size:9px;display:flex;gap:8px;align-items:center}.footer-dot{color:#d1d6de}.footer-right{margin-left:auto}.alert{border-radius:12px;padding:11px 14px;margin-bottom:15px;font-size:12px;display:flex;align-items:center;gap:9px}.alert.success{background:#eaf9f2;color:#16845b}.alert.error{background:#ffeded;color:#b74e4e}.alert span{font-weight:900}.sidebar-overlay{display:none}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.lower-grid{grid-template-columns:1fr}.welcome-orbit{right:25px;transform:scale(.82)}.quick-actions{grid-template-columns:1fr 1fr}.quick-title{grid-column:1/-1}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,10,20,.45);z-index:40}.app-main{margin-left:0}.topbar{padding:0 18px;height:66px}.mobile-menu-btn{display:flex}.breadcrumb{margin-left:5px}.top-icon,.top-divider{display:none}.user-copy{display:none}.top-user .user-chevron{display:none}.page-content{padding:20px 15px 0}.welcome-panel{min-height:310px;padding:30px 24px;align-items:flex-start}.welcome-panel h1{font-size:31px}.welcome-orbit{opacity:.35;right:-30px;top:70px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{min-height:145px;padding:14px}.activity-date{display:none}.status-pill{font-size:8px}.quick-actions{grid-template-columns:1fr}.quick-title{grid-column:auto}.footer{padding:3px 0 18px;font-size:8px}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.welcome-actions{flex-direction:column;align-items:flex-start}.welcome-panel{min-height:345px}.activity-row{padding:8px 7px}.activity-row .status-pill{display:none}.panel-head{padding:18px 16px 13px}.mini-chart{gap:6px}.quick-actions{padding:13px}.footer-right{display:none}}

/* =========================================================
   V4 — Diseño global para módulos existentes
   Estas reglas convierten también las páginas antiguas/simple
   (formularios, tablas, vídeos, grupos y perfil) al lenguaje
   visual del panel V2/V3 sin tocar su lógica PHP.
   ========================================================= */
:root{
  --v4-bg:#f4f7fb;
  --v4-surface:#fff;
  --v4-line:#e5e9f0;
  --v4-text:#18243a;
  --v4-muted:#8d98a9;
  --v4-primary:#686de6;
  --v4-primary-soft:#eff0ff;
  --v4-success:#23aa76;
  --v4-success-soft:#e9f8f1;
  --v4-danger:#d65d67;
  --v4-danger-soft:#ffedef;
  --v4-warning:#d88a31;
  --v4-warning-soft:#fff4e5;
  --v4-shadow:0 10px 30px rgba(20,34,60,.045);
}

/* Base de contenido */
.page-content > h1{
  margin:0 0 7px;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.9px;
  color:var(--v4-text);
}
.page-content > p:not(.muted){
  color:#718096;
  font-size:12px;
  line-height:1.6;
}
.page-content > p:first-of-type{margin-top:0;margin-bottom:17px}
.page-content hr{border:0;border-top:1px solid #edf0f4;margin:22px 0}

/* Enlaces y botones legacy */
.page-content a:not(.nav-item):not(.brand-link):not(.top-user):not(.top-icon):not(.quick-action):not(.connect-card):not(.pub-btn):not(.account-action):not(.platform-connect){
  color:#646bd9;
  text-decoration:none;
}
.page-content a:not(.nav-item):not(.brand-link):not(.top-user):not(.top-icon):not(.quick-action):not(.connect-card):not(.pub-btn):not(.account-action):not(.platform-connect):hover{text-decoration:underline}

.page-content .button,
.page-content button,
.page-content input[type="submit"]{
  appearance:none;
  border:1px solid #686de6;
  background:linear-gradient(135deg,#7377ef,#6266dc);
  color:#fff;
  min-height:40px;
  padding:0 15px;
  border-radius:10px;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05px;
  cursor:pointer;
  box-shadow:0 7px 16px rgba(104,109,230,.16);
  transition:.18s ease;
}
.page-content .button:hover,
.page-content button:hover,
.page-content input[type="submit"]:hover{transform:translateY(-1px);filter:brightness(1.02)}

/* Panel genérico: usado por editar cuenta, subir vídeo, grupos y perfil */
.page-content > .panel,
.page-content .panel:not(.platform-card):not(.connect-section){
  width:100%;
  max-width:none;
  background:var(--v4-surface);
  border:1px solid var(--v4-line);
  border-radius:17px;
  box-shadow:var(--v4-shadow);
  padding:22px;
  margin:0 0 16px;
}
.page-content .panel h2{margin:0 0 8px;font-size:17px;letter-spacing:-.35px;color:var(--v4-text)}
.page-content .panel h3{margin:0 0 10px;font-size:14px;color:var(--v4-text)}

/* Formularios */
.page-content form{width:100%}
.page-content form label{
  display:block;
  margin:0 0 7px;
  color:#4d5b70;
  font-size:10px;
  line-height:1.3;
  font-weight:800;
}
.page-content form label + input,
.page-content form label + select,
.page-content form label + textarea{margin-bottom:16px}
.page-content input[type="text"],
.page-content input[type="password"],
.page-content input[type="email"],
.page-content input[type="number"],
.page-content input[type="datetime-local"],
.page-content input[type="date"],
.page-content input[type="file"],
.page-content select,
.page-content textarea{
  display:block;
  width:100%;
  max-width:760px;
  min-height:41px;
  padding:10px 12px;
  border:1px solid #dfe4ec;
  border-radius:10px;
  background:#fbfcfe;
  color:#27344a;
  font-family:inherit;
  font-size:11px;
  outline:none;
  transition:.18s ease;
}
.page-content textarea{min-height:115px;resize:vertical;line-height:1.55}
.page-content input[type="file"]{padding:9px;background:#fff;cursor:pointer}
.page-content input:focus,
.page-content select:focus,
.page-content textarea:focus{border-color:#999cf1;box-shadow:0 0 0 3px rgba(104,109,230,.09);background:#fff}
.page-content input[type="checkbox"],
.page-content input[type="radio"]{accent-color:#686de6}
.page-content .muted{color:#97a2b1;font-size:10px;line-height:1.6}

/* Formulario de cuenta/perfil en dos columnas cuando hay varios campos */
.page-content .panel form > label + input + label + input{max-width:760px}

/* Tablas legacy: vídeos, grupos, cuentas si alguna vista antigua sigue activa */
.page-content table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid var(--v4-line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--v4-shadow);
  margin:12px 0 18px;
  font-size:11px;
}
.page-content table tr:first-child th:first-child{border-top-left-radius:15px}
.page-content table tr:first-child th:last-child{border-top-right-radius:15px}
.page-content table th{
  padding:12px 14px;
  background:#f8f9fc;
  color:#748094;
  text-transform:uppercase;
  letter-spacing:.55px;
  font-size:8px;
  font-weight:900;
  text-align:left;
  border-bottom:1px solid var(--v4-line);
}
.page-content table td{
  padding:13px 14px;
  color:#354259;
  border-bottom:1px solid #f0f2f6;
  vertical-align:middle;
}
.page-content table tr:last-child td{border-bottom:0}
.page-content table tbody tr:hover,
.page-content table tr:not(:first-child):hover{background:#fafbfe}
.page-content table td:first-child{font-weight:700;color:#26344b}

/* Estado textual dentro de tablas */
.page-content table td:last-child a{font-weight:800;font-size:9px}

/* Checks / selección múltiple */
.page-content .checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(240px,1fr));
  gap:8px;
  padding:12px;
  background:#f8f9fc;
  border:1px solid #edf0f4;
  border-radius:12px;
  margin-bottom:17px;
}
.page-content .checks label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:10px;
  border:1px solid #edf0f4;
  border-radius:9px;
  background:#fff;
  font-size:10px;
  font-weight:700;
}
.page-content .checks input{margin:0}

/* Tarjetas de vídeo / archivo */
.page-content .video-card,
.page-content .media-card{
  background:#fff;
  border:1px solid var(--v4-line);
  border-radius:16px;
  box-shadow:var(--v4-shadow);
}

/* Alertas */
.page-content .alert{
  border:1px solid transparent;
  border-radius:12px;
  box-shadow:none;
}

/* Páginas sencillas con varias secciones: espaciado consistente */
.page-content > .panel + .panel{margin-top:14px}
.page-content > form + .panel{margin-top:14px}

/* Login si comparte la hoja global */
.login-box{
  border:1px solid var(--v4-line);
  box-shadow:0 20px 55px rgba(20,34,60,.09);
}

/* Cabecera de módulos */
.module-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  margin-bottom:17px;
}
.module-head h1{margin:0}
.module-head p{margin:4px 0 0;color:#96a0af;font-size:10px}
.module-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Pequeños badges que pueden ser usados por módulos futuros */
.status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}
.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.status-badge.success{color:var(--v4-success);background:var(--v4-success-soft)}
.status-badge.warning{color:var(--v4-warning);background:var(--v4-warning-soft)}
.status-badge.error{color:var(--v4-danger);background:var(--v4-danger-soft)}
.status-badge.info{color:#6570db;background:var(--v4-primary-soft)}

/* Responsive global */
@media(max-width:760px){
  .page-content > h1{font-size:25px}
  .page-content > .panel,
  .page-content .panel:not(.platform-card):not(.connect-section){padding:17px}
  .page-content table{display:block;overflow-x:auto;white-space:nowrap}
  .page-content .checks{grid-template-columns:1fr}
}


/* PAGE: index.php */

.page-dashboard .dashboard{max-width:1450px;margin:0 auto;padding:22px 28px 42px;color:#182642}.page-dashboard .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.page-dashboard .kpi{position:relative;overflow:hidden;min-height:105px;border-radius:16px;padding:18px 20px 15px 86px;color:#14233d;box-shadow:0 10px 25px rgba(37,60,100,.08)}.page-dashboard .kpi:after{content:'';position:absolute;right:18px;bottom:12px;width:78px;height:58px;opacity:.15;background:repeating-linear-gradient(to top,transparent 0 10px,#fff 10px 13px);clip-path:polygon(0 100%,0 75%,15% 75%,15% 58%,30% 58%,30% 43%,45% 43%,45% 28%,60% 28%,60% 15%,75% 15%,75% 4%,90% 4%,90% 0,100% 0,100% 100%)}.page-dashboard .kpi.pub{background:linear-gradient(120deg,#b9d8ff,#8ebeff)}.page-dashboard .kpi.sch{background:linear-gradient(120deg,#d8b9ff,#b895f0)}.page-dashboard .kpi.proc{background:linear-gradient(120deg,#ffe09a,#ffc861)}.page-dashboard .kpi.err{background:linear-gradient(120deg,#ffb2b8,#ff929e)}.page-dashboard .kpi-icon{position:absolute;left:18px;top:18px;width:47px;height:47px;border-radius:14px;background:rgba(255,255,255,.48);display:grid;place-items:center}.page-dashboard .kpi-icon svg{width:25px;height:25px;stroke:#1c4fba;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-dashboard .sch .kpi-icon svg{stroke:#7350b8}.page-dashboard .proc .kpi-icon svg{stroke:#9a6500}.page-dashboard .err .kpi-icon svg{stroke:#b3293d}.page-dashboard .kpi strong{display:block;font-size:31px;line-height:1}.page-dashboard .kpi label{display:block;font-size:12px;font-weight:700;margin-top:4px}.page-dashboard .kpi small{display:block;font-size:10px;margin-top:6px;font-weight:700}.page-dashboard .green{color:#198b54}.page-dashboard .red{color:#a9293c}.page-dashboard .content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:18px}.page-dashboard .card{background:#fff;border:1px solid #e7ebf3;border-radius:17px;box-shadow:0 8px 24px rgba(30,48,80,.045);padding:17px 18px}.page-dashboard .card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.page-dashboard .card-title h2{margin:0;font-size:15px}.page-dashboard .card-title a{font-size:9px;font-weight:800;text-decoration:none;color:#5d68df;background:#f5f6ff;border:1px solid #e1e5f7;border-radius:9px;padding:7px 10px}.page-dashboard .rows{display:flex;flex-direction:column}.page-dashboard .row{display:flex;align-items:center;gap:10px;min-height:54px;border-top:1px solid #edf0f5}.page-dashboard .row:first-child{border-top:0}.page-dashboard .time{width:42px;font-size:10px;font-weight:800;color:#65738a}.page-dashboard .thumb{width:43px;height:43px;border-radius:8px;object-fit:cover;background:#eef1f6;flex:none}.page-dashboard .platform-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:none}.page-dashboard .platform-icon svg{width:17px;height:17px;fill:currentColor}.page-dashboard .platform-icon.facebook{background:#eaf1ff;color:#1877f2}.page-dashboard .platform-icon.instagram{background:#fff0fa;color:#d62976}.page-dashboard .platform-icon.youtube{background:#fff0f0;color:#ff0000}.page-dashboard .platform-icon.tiktok{background:#f0f0f0;color:#111}.page-dashboard .row-copy{min-width:0;flex:1}.page-dashboard .row-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-dashboard .row-copy span{display:block;font-size:8px;color:#909bad;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-dashboard .pill{font-size:8px;font-weight:800;padding:6px 9px;border-radius:9px;white-space:nowrap}.page-dashboard .pill.plan{background:#f0f2ff;color:#5965d7}.page-dashboard .pill.ok{background:#eaf9f1;color:#24845b}.page-dashboard .pill.error{background:#ffedf0;color:#bd3c4c}.page-dashboard .pill.warn{background:#fff5df;color:#a36c00}.page-dashboard .dest-chips{display:flex;flex-wrap:wrap;gap:5px}.page-dashboard .dest-chip{display:inline-flex;align-items:center;gap:5px;background:#f7f9fc;border:1px solid #e5eaf2;border-radius:8px;padding:4px 6px;font-size:8px;font-weight:800}.page-dashboard .dest-chip .mini{width:18px;height:18px;border-radius:5px;display:grid;place-items:center}.page-dashboard .dest-chip .mini svg{width:11px;height:11px;fill:currentColor}.page-dashboard .mini.facebook{background:#eaf1ff;color:#1877f2}.page-dashboard .mini.instagram{background:#fff0fa;color:#d62976}.page-dashboard .mini.youtube{background:#fff0f0;color:#f00000}.page-dashboard .mini.tiktok{background:#f0f0f0;color:#111}.page-dashboard .check{color:#21a56a}.page-dashboard .cross{color:#d63d4c}.page-dashboard .pending{color:#7b8798}.page-dashboard .bottom-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:18px}.page-dashboard .social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.page-dashboard .social-stat{border:1px solid #e9edf4;border-radius:12px;padding:13px 8px;text-align:center}.page-dashboard .social-stat .big{font-size:24px;font-weight:900;margin-top:7px}.page-dashboard .social-stat .lbl{font-size:8px;color:#8792a3;margin-top:3px}.page-dashboard .trend{display:inline-block;margin-top:7px;font-size:8px;font-weight:800;padding:4px 7px;border-radius:8px;background:#e8f8ef;color:#26905e}.page-dashboard .sys-row,.page-dashboard .alert-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f4}.page-dashboard .sys-row:last-child,.page-dashboard .alert-row:last-child{border-bottom:0}.page-dashboard .status-dot{width:12px;height:12px;border-radius:50%;background:#19b66d;box-shadow:0 0 0 4px #e7f8ef;flex:none}.page-dashboard .sys-copy,.page-dashboard .alert-copy{flex:1;min-width:0}.page-dashboard .sys-copy strong,.page-dashboard .alert-copy strong{display:block;font-size:9px}.page-dashboard .sys-copy span,.page-dashboard .alert-copy span{display:block;font-size:7.5px;color:#8d98a8;margin-top:2px}.page-dashboard .status-pill{font-size:8px;font-weight:800;color:#1e8c5b;background:#e9f8f0;padding:5px 8px;border-radius:8px}.page-dashboard .alert-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:900}.page-dashboard .alert-icon.error{background:#ffe9ec;color:#d83e50}.page-dashboard .alert-icon.warn{background:#fff3d8;color:#b67a00}.page-dashboard .alert-icon.info{background:#e8f1ff;color:#3976c8}.page-dashboard .arrow{color:#8793a4;font-size:14px}.page-dashboard .empty{text-align:center;padding:25px;color:#98a2b0;font-size:10px}.page-dashboard .thumb-fallback{width:43px;height:43px;border-radius:8px;background:#eef1f6;display:grid;place-items:center;color:#7e8a9b;flex:none}.page-dashboard .thumb-fallback svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.page-dashboard .small-view{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:#5b66da;font-size:8px;font-weight:800;border:1px solid #e0e4f3;padding:5px 7px;border-radius:8px;background:#f7f8ff}.page-dashboard .small-view svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.7}
@media(max-width:1150px){.page-dashboard .kpis{grid-template-columns:repeat(2,1fr)}.page-dashboard .bottom-grid{grid-template-columns:1fr 1fr}.page-dashboard .content-grid{grid-template-columns:1fr}.page-dashboard .social-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.page-dashboard .dashboard{padding:16px 12px}.page-dashboard .kpis{grid-template-columns:1fr 1fr;gap:10px}.page-dashboard .kpi{padding-left:72px;min-height:95px}.page-dashboard .kpi-icon{left:12px}.page-dashboard .content-grid,.page-dashboard .bottom-grid{grid-template-columns:1fr}.page-dashboard .social-grid{grid-template-columns:repeat(2,1fr)}}


/* PAGE: configuracion/index.php */
.page-configuracion-index .cfg{max-width:1050px;margin:0 auto;padding:25px 28px 48px}.page-configuracion-index .hero{background:linear-gradient(115deg,#111d34,#243c72);color:#fff;border-radius:21px;padding:25px 28px;margin-bottom:15px}.page-configuracion-index .hero h1{margin:4px 0;font-size:28px}.page-configuracion-index .hero p{margin:0;color:#b9c2d2;font-size:11px}.page-configuracion-index .card{background:#fff;border:1px solid #e7ebf3;border-radius:17px;padding:20px;margin-bottom:14px;box-shadow:0 8px 24px rgba(26,47,82,.045)}.page-configuracion-index .card h2{font-size:14px;color:#172641;margin:0 0 5px}.page-configuracion-index .hint{font-size:9px;color:#96a0ae;margin-bottom:15px}.page-configuracion-index .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-configuracion-index .field{display:flex;flex-direction:column;gap:6px}.page-configuracion-index .field label{font-size:9px;font-weight:800;color:#516077}.page-configuracion-index .field input,.page-configuracion-index .field select{border:1px solid #dfe5ef;border-radius:9px;padding:10px;font-size:10px;color:#263650;background:#fff}.page-configuracion-index .check{display:flex;gap:9px;align-items:center;margin-top:13px;font-size:10px;color:#516077}.page-configuracion-index .actions{display:flex;justify-content:flex-end;gap:8px}.page-configuracion-index .btn{border:0;border-radius:10px;padding:11px 15px;font-size:10px;font-weight:800;cursor:pointer}.page-configuracion-index .primary{background:#6671e8;color:#fff}.page-configuracion-index .msg{padding:11px;border-radius:10px;font-size:9px;margin-bottom:12px}.page-configuracion-index .ok{background:#effaf4;color:#23714d}.page-configuracion-index .err{background:#fff0f0;color:#9b3b3b}.page-configuracion-index .info{padding:12px;border-radius:10px;background:#f5f7fb;color:#59677d;font-size:9px;line-height:1.5}@media(max-width:650px){.page-configuracion-index .cfg{padding:18px 14px}.page-configuracion-index .grid{grid-template-columns:1fr}}

/* PAGE: cuentas/index.php */

.page-cuentas-index .a9{max-width:1500px;margin:0 auto;padding:30px 34px 50px}.page-cuentas-index .a9hero{background:linear-gradient(115deg,#111d34,#263d76);border-radius:24px;padding:30px 34px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 12px 35px rgba(18,35,70,.10)}.page-cuentas-index .a9ey{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#b9c0ff}.page-cuentas-index .a9hero h1{font-size:31px;margin:8px 0 7px}.page-cuentas-index .a9hero p{margin:0;color:#c0c9da;font-size:13px}.page-cuentas-index .a9actions{display:flex;gap:10px}.page-cuentas-index .a9btn{height:44px;padding:0 16px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:12px;font-weight:800;border:1px solid #6677f2;color:#ffffff!important;background:#6677f2!important;box-shadow:0 8px 18px rgba(76,91,220,.22);text-shadow:none}.page-cuentas-index .a9btn:hover{background:#5969e8!important;border-color:#5969e8;color:#ffffff!important;transform:translateY(-1px)}.page-cuentas-index .a9btn.primary{background:#7477f4!important;border-color:#7477f4!important;color:#fff!important}.page-cuentas-index .a9alert{margin-top:14px;padding:13px 15px;border-radius:12px;font-size:11px;background:#effaf4;border:1px solid #cceedd;color:#17623d}.page-cuentas-index .a9alert.err{background:#fff1f1;border-color:#f1cccc;color:#8d2525}.page-cuentas-index .a9stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 25px}.page-cuentas-index .a9stat{background:#fff;border:1px solid #e5eaf2;border-radius:17px;padding:18px 20px;box-shadow:0 5px 20px rgba(15,31,55,.025)}.page-cuentas-index .a9stat strong{display:block;font-size:27px;color:#182641}.page-cuentas-index .a9stat span{font-size:10px;color:#929dad}.page-cuentas-index .a9head{display:flex;align-items:end;justify-content:space-between;margin:0 3px 13px}.page-cuentas-index .a9head h2{font-size:17px;margin:0;color:#243452}.page-cuentas-index .a9head p{font-size:10px;color:#99a4b3;margin:5px 0 0}.page-cuentas-index .a9grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.page-cuentas-index .a9platform{background:#fff;border:1px solid #e1e7f0;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(15,31,55,.045)}.page-cuentas-index .a9ph{padding:18px 20px;border-bottom:1px solid #edf0f5;display:flex;gap:13px;align-items:center;background:#fbfcff}.page-cuentas-index .a9logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;flex:none;font-size:20px}.page-cuentas-index .facebook{background:#4267a9}.page-cuentas-index .instagram{background:linear-gradient(135deg,#5e54d9,#e35d88)}.page-cuentas-index .youtube{background:#ef4d4d}.page-cuentas-index .tiktok{background:#111;color:#fff}.page-cuentas-index .a9pt{flex:1;min-width:0}.page-cuentas-index .a9pt strong{display:block;font-size:14px;color:#1f304d}.page-cuentas-index .a9pt small{display:block;font-size:9px;color:#98a3b2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-cuentas-index .a9count{font-size:10px;font-weight:900;color:#626bdd;background:#eef0ff;padding:6px 9px;border-radius:20px}.page-cuentas-index .a9list{padding:9px 13px 13px}.page-cuentas-index .a9row{display:flex;align-items:center;gap:13px;padding:14px 8px;border-bottom:1px solid #eef1f5;min-height:74px}.page-cuentas-index .a9row:last-child{border-bottom:0}.page-cuentas-index .a9avatar{width:48px;height:48px;border-radius:13px;background:#f0f2f7;color:#657188;display:grid;place-items:center;font-size:15px;font-weight:900;flex:none;border:1px solid #e6e9f0}.page-cuentas-index .a9info{min-width:0;flex:1}.page-cuentas-index .a9info strong{display:block;font-size:13px;color:#203451;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-cuentas-index .a9info small{display:block;font-size:10px;color:#8f9bab;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-cuentas-index .a9meta{display:flex;gap:6px;margin-top:7px;align-items:center}.page-cuentas-index .a9status{font-size:9px;font-weight:900;padding:5px 8px;border-radius:20px}.page-cuentas-index .a9status.success{color:#209466;background:#e8f8f0}.page-cuentas-index .a9status.warning{color:#d98a31;background:#fff3df}.page-cuentas-index .a9status.error{color:#d75d5d;background:#ffebeb}.page-cuentas-index .a9tools{display:flex;gap:7px;align-items:center;flex:none}.page-cuentas-index .a9manage,.page-cuentas-index .a9delete{height:34px;padding:0 11px;border-radius:9px;border:0;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.page-cuentas-index .a9manage{background:#eef0ff;color:#626bdd}.page-cuentas-index .a9delete{background:#fff0f0;color:#c85b5b;cursor:pointer}.page-cuentas-index .a9empty{padding:30px 18px;text-align:center;color:#929dad;font-size:10px}.page-cuentas-index .a9empty strong{display:block;color:#536075;font-size:12px;margin-bottom:6px}.page-cuentas-index .a9empty a{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:9px;background:#f0f1ff;color:#666bdd;text-decoration:none;font-size:9px;font-weight:900}.page-cuentas-index .a9connect{margin-top:24px;background:#fff;border:1px solid #e1e7f0;border-radius:20px;padding:20px}.page-cuentas-index .a9connect h2{font-size:16px;margin:0;color:#243452}.page-cuentas-index .a9connect p{font-size:10px;color:#99a4b3;margin:5px 0 14px}.page-cuentas-index .a9connectgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.page-cuentas-index .a9connectcard{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe;text-decoration:none;transition:.15s ease}.page-cuentas-index .a9connectcard:hover{border-color:#cfd5ff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(40,55,100,.06)}.page-cuentas-index .a9connectcard .a9logo{width:40px;height:40px;border-radius:11px;font-size:17px}.page-cuentas-index .a9connectcard strong{font-size:10px;color:#293854}.page-cuentas-index .a9connectcard small{display:block;font-size:8px;color:#9aa4b2;margin-top:4px;line-height:1.35}.page-cuentas-index .a9arrow{margin-left:auto;color:#a0a9b7;font-size:18px}.page-cuentas-index .a9note{margin-top:12px;font-size:9px;color:#9aa4b2;line-height:1.5}@media(max-width:1100px){.page-cuentas-index .a9grid{grid-template-columns:1fr}.page-cuentas-index .a9connectgrid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.page-cuentas-index .a9{padding:18px 14px 35px}.page-cuentas-index .a9stats{grid-template-columns:1fr}.page-cuentas-index .a9grid{grid-template-columns:1fr}.page-cuentas-index .a9hero{padding:22px;align-items:flex-start;flex-direction:column}.page-cuentas-index .a9actions{width:100%}.page-cuentas-index .a9btn{flex:1;justify-content:center}.page-cuentas-index .a9row{align-items:flex-start}.page-cuentas-index .a9tools{flex-direction:column;align-items:stretch}.page-cuentas-index .a9manage,.page-cuentas-index .a9delete{width:92px}.page-cuentas-index .a9connectgrid{grid-template-columns:1fr}}


/* PAGE: publicaciones/index.php */

.page-publicaciones-index .pub-page{max-width:1500px;margin:0 auto;padding:28px 30px 45px}.page-publicaciones-index .pub-hero{background:linear-gradient(135deg,#0d1d3a,#172e59);color:#fff;border-radius:22px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 45px rgba(17,39,78,.16);margin-bottom:18px}.page-publicaciones-index .pub-hero h1{margin:0 0 7px;font-size:30px;letter-spacing:-.6px}.page-publicaciones-index .pub-hero p{margin:0;color:#b9c7df;font-size:14px}.page-publicaciones-index .pub-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:12px;background:#6677f2;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 22px rgba(102,119,242,.28)}.page-publicaciones-index .pub-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.page-publicaciones-index .pub-kpi{background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:17px 18px;box-shadow:0 8px 25px rgba(26,47,82,.045)}.page-publicaciones-index .pub-kpi strong{display:block;font-size:25px;color:#10203d}.page-publicaciones-index .pub-kpi span{font-size:11px;color:#8a96aa}.page-publicaciones-index .pub-toolbar{background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:14px;margin-bottom:18px;box-shadow:0 8px 25px rgba(26,47,82,.04)}.page-publicaciones-index .pub-toolbar form{display:flex;gap:9px;flex-wrap:wrap}.page-publicaciones-index .pub-toolbar input,.page-publicaciones-index .pub-toolbar select{height:42px;border:1px solid #dce3ef;border-radius:10px;padding:0 12px;background:#fff;color:#1b2942;min-width:150px}.page-publicaciones-index .pub-toolbar input{min-width:280px}.page-publicaciones-index .pub-filter-btn,.page-publicaciones-index .pub-clear{height:42px;padding:0 15px;border-radius:10px;border:1px solid #dce3ef;background:#f8faff;color:#263756;text-decoration:none;font-weight:700;display:inline-flex;align-items:center}.page-publicaciones-index .pub-filter-btn{background:#eef1ff;border-color:#d9ddff;color:#5264db}.page-publicaciones-index .pub-alert{padding:13px 16px;border-radius:12px;margin-bottom:15px;background:#effaf4;border:1px solid #cceedd;color:#17623d}.page-publicaciones-index .pub-alert.error{background:#fff1f1;border-color:#f1cccc;color:#8d2525}.page-publicaciones-index .pub-list{display:flex;flex-direction:column;gap:12px}.page-publicaciones-index .pub-item{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:14px;display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 8px 25px rgba(26,47,82,.045);transition:.18s}.page-publicaciones-index .pub-item:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(26,47,82,.08)}.page-publicaciones-index .pub-thumb{width:125px;height:88px;border-radius:13px;overflow:hidden;background:#eef2fa;display:flex;align-items:center;justify-content:center;color:#6174ee;font-size:30px}.page-publicaciones-index .pub-thumb img{width:100%;height:100%;object-fit:cover}.page-publicaciones-index .pub-thumb video{width:100%;height:100%;object-fit:cover}.page-publicaciones-index .pub-main{min-width:0}.page-publicaciones-index .pub-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:6px}.page-publicaciones-index .pub-line h3{margin:0;font-size:16px;color:#12213d}.page-publicaciones-index .pub-video{font-size:12px;color:#7b879b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-publicaciones-index .pub-meta{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:#66748b;font-size:12px}.page-publicaciones-index .pub-destinations{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.page-publicaciones-index .pub-destination{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:5px 9px;border:1px solid #e7ebf3;border-radius:10px;background:#fafbfe;color:#263653;font-size:11px;font-weight:750}.page-publicaciones-index .pub-destination .network-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.page-publicaciones-index .pub-destination .network-icon svg{width:16px;height:16px}.page-publicaciones-index .pub-destination.facebook .network-icon{background:#eaf2ff;color:#1877f2}.page-publicaciones-index .pub-destination.instagram .network-icon{background:#fff0f7;color:#c13584}.page-publicaciones-index .pub-destination.youtube .network-icon{background:#fff0f0;color:#ff0000}.page-publicaciones-index .pub-destination.tiktok .network-icon{background:#eef7f8;color:#111}.page-publicaciones-index .pub-destination .dest-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-publicaciones-index .pub-destination .dest-status{width:23px;height:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;margin-left:1px}.page-publicaciones-index .pub-destination .dest-status.ok{background:#e5f8ee;color:#16804d}.page-publicaciones-index .pub-destination .dest-status.err{background:#ffe9e9;color:#bd3434}.page-publicaciones-index .pub-destination .dest-status.pending{background:#fff4df;color:#a26a10}.page-publicaciones-index .pub-destination .dest-status.cancelled{background:#eef0f4;color:#68758a}.page-publicaciones-index .pub-destination[title]{cursor:help}.page-publicaciones-index .pub-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.page-publicaciones-index .pub-badge i{font-style:normal}.page-publicaciones-index .pub-badge.pending{background:#f1f3f6;color:#68758a}.page-publicaciones-index .pub-badge.scheduled{background:#f0edff;color:#6554c9}.page-publicaciones-index .pub-badge.processing{background:#eaf3ff;color:#3b70bd}.page-publicaciones-index .pub-badge.success{background:#e7f8ef;color:#16804d}.page-publicaciones-index .pub-badge.warning{background:#fff4df;color:#a26a10}.page-publicaciones-index .pub-badge.danger{background:#ffebeb;color:#bd3434}.page-publicaciones-index .pub-badge.muted{background:#f1f3f6;color:#68758a}.page-publicaciones-index .pub-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.page-publicaciones-index .pub-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border-radius:9px;border:1px solid #dfe5ef;background:#fff;color:#44536b;text-decoration:none;font-size:11px;font-weight:800}.page-publicaciones-index .pub-action.primary{background:#eef1ff;border-color:#d9ddff;color:#5264db}.page-publicaciones-index .pub-action.danger{background:#fff0f0;border-color:#ffd6d6;color:#bd3434}.page-publicaciones-index .pub-empty{background:#fff;border:1px dashed #ccd5e3;border-radius:18px;padding:50px;text-align:center;color:#7b879b}.page-publicaciones-index .pub-empty strong{display:block;color:#253653;font-size:16px;margin-bottom:5px}@media(max-width:1100px){.page-publicaciones-index .pub-kpis{grid-template-columns:repeat(3,1fr)}.page-publicaciones-index .pub-item{grid-template-columns:105px 1fr}.page-publicaciones-index .pub-actions{grid-column:2;justify-content:flex-start}.page-publicaciones-index .pub-thumb{width:105px;height:76px}}@media(max-width:650px){.page-publicaciones-index .pub-page{padding:18px 14px 35px}.page-publicaciones-index .pub-hero{padding:22px;align-items:flex-start;flex-direction:column}.page-publicaciones-index .pub-kpis{grid-template-columns:repeat(2,1fr)}.page-publicaciones-index .pub-toolbar input{min-width:100%}.page-publicaciones-index .pub-item{grid-template-columns:1fr}.page-publicaciones-index .pub-thumb{width:100%;height:160px}.page-publicaciones-index .pub-actions{grid-column:auto}.page-publicaciones-index .pub-actions .pub-action{flex:1}.page-publicaciones-index .pub-destination .dest-name{max-width:130px}}


/* PAGE: publicaciones/editar.php */
.page-publicaciones-editar .wrap{max-width:850px;margin:auto;padding:20px}.page-publicaciones-editar .box{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:20px}.page-publicaciones-editar .field{margin:14px 0}.page-publicaciones-editar .field label{display:block;font-weight:600;margin-bottom:6px}.page-publicaciones-editar .field input,.page-publicaciones-editar .field textarea,.page-publicaciones-editar .field select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #d7dce3;border-radius:8px}.page-publicaciones-editar .field textarea{min-height:130px}.page-publicaciones-editar .actions{display:flex;gap:8px;margin-top:18px}.page-publicaciones-editar .btn{padding:10px 14px;border:1px solid #d7dce3;border-radius:8px;text-decoration:none;color:inherit;background:#fff}.page-publicaciones-editar .primary{background:#111827;color:#fff}

/* PAGE: publicaciones/detalles.php */

.page-publicaciones-detalles .ay-pd{max-width:1350px;margin:0 auto;padding:28px 34px 48px}.page-publicaciones-detalles .ay-hero{background:linear-gradient(135deg,#172554,#4338ca 60%,#6366f1);border-radius:24px;padding:28px 30px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px;box-shadow:0 18px 45px rgba(30,41,100,.18)}.page-publicaciones-detalles .ay-hero h1{font-size:28px;line-height:1.2;margin:0 0 7px}.page-publicaciones-detalles .ay-hero p{margin:0;color:#dbe4ff;font-size:12px}.page-publicaciones-detalles .ay-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.page-publicaciones-detalles .ay-success{background:#dcfce7;color:#166534}.page-publicaciones-detalles .ay-pending{background:#eef2f7;color:#536174}.page-publicaciones-detalles .ay-scheduled{background:#e9e7ff;color:#4f46a5}.page-publicaciones-detalles .ay-processing{background:#e0efff;color:#2563a8}.page-publicaciones-detalles .ay-warning{background:#fff0cf;color:#9a6500}.page-publicaciones-detalles .ay-danger{background:#ffe4e4;color:#b42318}.page-publicaciones-detalles .ay-muted{background:#eef2f7;color:#536174}.page-publicaciones-detalles .ay-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.page-publicaciones-detalles .ay-box{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:21px;margin-bottom:15px;box-shadow:0 9px 28px rgba(20,35,70,.055)}.page-publicaciones-detalles .ay-box h2{font-size:15px;color:#18243a;margin:0 0 15px}.page-publicaciones-detalles .ay-media{display:flex;gap:17px;align-items:center}.page-publicaciones-detalles .ay-thumb{width:220px;height:135px;background:#edf1f7;border-radius:14px;overflow:hidden;flex:none;display:grid;place-items:center;color:#667085;font-size:26px}.page-publicaciones-detalles .ay-thumb img,.page-publicaciones-detalles .ay-thumb video{width:100%;height:100%;object-fit:cover}.page-publicaciones-detalles .ay-media b{font-size:14px;color:#263650}.page-publicaciones-detalles .ay-mutedtext{font-size:11px;color:#8995a7;margin-top:6px}.page-publicaciones-detalles .ay-info{display:grid;grid-template-columns:155px 1fr}.page-publicaciones-detalles .ay-info>div{padding:11px 0;border-bottom:1px solid #edf0f5;font-size:11px;min-width:0}.page-publicaciones-detalles .ay-info b{color:#53627a}.page-publicaciones-detalles .ay-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.page-publicaciones-detalles .ay-stat{background:#f5f7fb;border:1px solid #edf0f5;border-radius:13px;padding:14px}.page-publicaciones-detalles .ay-stat small{display:block;color:#7f8ca0;font-size:9px}.page-publicaciones-detalles .ay-stat strong{display:block;font-size:23px;color:#18243a;margin-top:4px}.page-publicaciones-detalles .ay-account{border:1px solid #e3e9f2;border-radius:14px;padding:15px;margin-bottom:10px}.page-publicaciones-detalles .ay-account:last-child{margin-bottom:0}.page-publicaciones-detalles .ay-atop{display:flex;justify-content:space-between;align-items:center;gap:10px}.page-publicaciones-detalles .ay-identity{display:flex;gap:10px;align-items:center;min-width:0}.page-publicaciones-detalles .ay-logo{width:38px;height:38px;border-radius:11px;background:#eef0ff;color:#5962d7;display:grid;place-items:center;font-weight:900;flex:none}.page-publicaciones-detalles .ay-aname{font-size:11px;font-weight:900;color:#263650}.page-publicaciones-detalles .ay-auser{font-size:9px;color:#8d98a8;margin-top:3px}.page-publicaciones-detalles .ay-result{border-top:1px solid #edf0f5;margin-top:11px;padding-top:11px;font-size:10px;color:#66758a}.page-publicaciones-detalles .ay-result a{color:#4f46c8;font-weight:900;text-decoration:none}.page-publicaciones-detalles .ay-result a:hover{text-decoration:underline}.page-publicaciones-detalles .ay-err{background:#fff0f0;color:#a63232;border:1px solid #f0cccc;padding:9px;border-radius:9px;margin-top:8px}.page-publicaciones-detalles .ay-destinations{display:flex;flex-direction:column;gap:8px}.page-publicaciones-detalles .ay-destination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e7ebf3;border-radius:12px;background:#fafbfe}.page-publicaciones-detalles .ay-dest-left{display:flex;align-items:center;gap:9px;min-width:0}.page-publicaciones-detalles .ay-network-icon{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none}.page-publicaciones-detalles .ay-network-icon svg{width:17px;height:17px}.page-publicaciones-detalles .ay-destination.facebook .ay-network-icon{background:#eaf2ff;color:#1877f2}.page-publicaciones-detalles .ay-destination.instagram .ay-network-icon{background:#fff0f7;color:#c13584}.page-publicaciones-detalles .ay-destination.youtube .ay-network-icon{background:#fff0f0;color:#ff0000}.page-publicaciones-detalles .ay-destination.tiktok .ay-network-icon{background:#eef7f8;color:#111}.page-publicaciones-detalles .ay-dest-name{font-size:11px;font-weight:900;color:#263650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-publicaciones-detalles .ay-dest-user{font-size:9px;color:#8d98a8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-publicaciones-detalles .ay-dest-status{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex:none}.page-publicaciones-detalles .ay-dest-status.ok{background:#e5f8ee;color:#16804d}.page-publicaciones-detalles .ay-dest-status.err{background:#ffe9e9;color:#bd3434}.page-publicaciones-detalles .ay-dest-status.pending{background:#fff4df;color:#a26a10}.page-publicaciones-detalles .ay-dest-status.cancelled{background:#eef0f4;color:#68758a}.page-publicaciones-detalles .ay-destination[title]{cursor:help}.page-publicaciones-detalles ..ay-actions{display:flex;gap:8px;flex-wrap:wrap}.page-publicaciones-detalles .ay-btn{min-height:42px;padding:0 15px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:900;border:1px solid #d9e1ec;background:#fff;color:#52617a}.page-publicaciones-detalles .ay-btn:hover{transform:translateY(-1px)}.page-publicaciones-detalles .ay-primary{background:#5b5fe8;color:#fff;border-color:#5b5fe8}.page-publicaciones-detalles .ay-dangerbtn{background:#fff0f0;color:#b42318;border-color:#f1cccc}@media(max-width:900px){.page-publicaciones-detalles .ay-pd{padding:18px 14px}.page-publicaciones-detalles .ay-layout{grid-template-columns:1fr}}@media(max-width:560px){.page-publicaciones-detalles .ay-hero{flex-direction:column}.page-publicaciones-detalles .ay-media{flex-direction:column;align-items:flex-start}.page-publicaciones-detalles .ay-thumb{width:100%;height:210px}.page-publicaciones-detalles .ay-info{grid-template-columns:1fr}.page-publicaciones-detalles .ay-stats{grid-template-columns:1fr}}


/* PAGE: publicaciones/calendario.php */

.page-publicaciones-calendario .calx{max-width:1450px;margin:0 auto;padding:26px 28px 45px}.page-publicaciones-calendario .calx-hero{background:linear-gradient(115deg,#111d34,#1d3159);color:#fff;border-radius:22px;padding:26px 30px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}.page-publicaciones-calendario .calx-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#aeb3ff}.page-publicaciones-calendario .calx h1{font-size:28px;margin:8px 0 5px}.page-publicaciones-calendario .calx p{margin:0;color:#aab5c8;font-size:12px}.page-publicaciones-calendario .calx-actions{display:flex;gap:8px;flex-wrap:wrap}.page-publicaciones-calendario .calbtn{height:39px;padding:0 13px;border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff}.page-publicaciones-calendario .calbtn.primary{background:#7477f4;border-color:#7477f4}.page-publicaciones-calendario .calbar{background:#fff;border:1px solid #e7ebf3;border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-publicaciones-calendario .calnav{display:flex;align-items:center;gap:8px}.page-publicaciones-calendario .calnav a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e0e5ee;border-radius:9px;text-decoration:none;color:#55647c;background:#fff;font-weight:900}.page-publicaciones-calendario .calnav strong{min-width:175px;text-align:center;font-size:14px;color:#243452}.page-publicaciones-calendario .todaybtn{padding:8px 11px;border:1px solid #e0e5ee;border-radius:9px;text-decoration:none;color:#59667c;font-size:10px;font-weight:800}.page-publicaciones-calendario .legend{display:flex;gap:8px;flex-wrap:wrap}.page-publicaciones-calendario .legend span{font-size:9px;padding:6px 8px;border-radius:20px;background:#f4f6fa;color:#667389}.page-publicaciones-calendario .calendarx{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:10px;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-publicaciones-calendario .weekdayx{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:7px}.page-publicaciones-calendario .weekdayx div{text-align:center;padding:8px;color:#929dad;font-size:9px;font-weight:800;text-transform:uppercase}.page-publicaciones-calendario .gridx{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.page-publicaciones-calendario .dayx{min-height:130px;border:1px solid #edf0f4;border-radius:11px;padding:8px;background:#fcfdff;overflow:hidden}.page-publicaciones-calendario .dayx.today{border:2px solid #7477f4;background:#f9f9ff}.page-publicaciones-calendario .dayx.empty{background:transparent;border-color:transparent}.page-publicaciones-calendario .daynum{font-size:10px;font-weight:900;color:#56657c;margin-bottom:6px}.page-publicaciones-calendario .dayx.today .daynum{color:#5d67dc}.page-publicaciones-calendario .eventx{display:block;text-decoration:none;color:#293854;border-radius:8px;padding:7px 8px;margin:5px 0;background:#f0edff;border-left:3px solid #766ce9;overflow:hidden}.page-publicaciones-calendario .eventx.done{background:#eaf9f2;border-left-color:#27a874}.page-publicaciones-calendario .eventx.error{background:#fff0f0;border-left-color:#d65c5c}.page-publicaciones-calendario .eventx.partial{background:#fff5e5;border-left-color:#d99338}.page-publicaciones-calendario .eventx.processing{background:#eef4ff;border-left-color:#5e7ddd}.page-publicaciones-calendario .eventx.pending{background:#f2f4f7;border-left-color:#8b95a5}.page-publicaciones-calendario .eventx .etime{font-size:9px;font-weight:900}.page-publicaciones-calendario .eventx .etitle{display:block;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.page-publicaciones-calendario .eventx .eplat{display:flex;gap:4px;align-items:center;margin-top:4px;white-space:nowrap;overflow:hidden}.page-publicaciones-calendario .cal-dest{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 5px;border-radius:6px;background:#f6f7fa;border:1px solid #eceef3;color:#53617a;font-size:7px;font-weight:800;overflow:hidden}.page-publicaciones-calendario .cal-di{width:15px;height:15px;border-radius:4px;display:grid;place-items:center;flex:none;font-size:7px;font-weight:900}.page-publicaciones-calendario .cal-dn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-publicaciones-calendario .cal-dest.fb .cal-di{background:#eaf1ff;color:#315fca}.page-publicaciones-calendario .cal-dest.ig .cal-di{background:#f9eafb;color:#c144a5}.page-publicaciones-calendario .cal-dest.yt .cal-di{background:#ffecec;color:#d52f2f}.page-publicaciones-calendario .cal-dest.tt .cal-di{background:#eef0f2;color:#111}.page-publicaciones-calendario .cal-dest.ot .cal-di{background:#eef0ff;color:#5963d8}.page-publicaciones-calendario .cal-dest.small .cal-dn{max-width:120px}.page-publicaciones-calendario .cal-dest.small{font-size:8px;padding:4px 6px}.page-publicaciones-calendario .cal-dest.small .cal-di{width:18px;height:18px;font-size:8px}.page-publicaciones-calendario .agenda{margin-top:14px;background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:18px;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-publicaciones-calendario .agenda h2{font-size:15px;margin:0 0 10px}.page-publicaciones-calendario .agenda-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f5}.page-publicaciones-calendario .agenda-row:last-child{border-bottom:0}.page-publicaciones-calendario .agenda-time{width:105px;flex:none;font-size:10px;font-weight:900;color:#56657c}.page-publicaciones-calendario .agenda-main{min-width:0;flex:1}.page-publicaciones-calendario .agenda-main a{font-size:11px;font-weight:800;color:#253653;text-decoration:none}.page-publicaciones-calendario .agenda-main small{display:block;color:#96a0af;font-size:8px;margin-top:4px}.page-publicaciones-calendario .agenda-dests{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.page-publicaciones-calendario .agenda-state{font-size:8px;font-weight:800;padding:5px 7px;border-radius:20px;background:#f0f2f5;color:#68758a}.page-publicaciones-calendario .agenda-empty{text-align:center;padding:28px;color:#8d98a8;font-size:11px}.page-publicaciones-calendario .agenda-empty a{color:#5e67d8;font-weight:800;text-decoration:none}@media(max-width:800px){.page-publicaciones-calendario .calx{padding:18px 14px 35px}.page-publicaciones-calendario .calx-hero{align-items:flex-start;flex-direction:column;padding:22px}.page-publicaciones-calendario .calbar{align-items:flex-start;flex-direction:column}.page-publicaciones-calendario .dayx{min-height:100px}.page-publicaciones-calendario .eventx{padding:5px}.page-publicaciones-calendario .eventx .eplat{display:none}.page-publicaciones-calendario .agenda-row{align-items:flex-start}.page-publicaciones-calendario .agenda-time{width:82px}}@media(max-width:550px){.page-publicaciones-calendario .weekdayx div{font-size:8px}.page-publicaciones-calendario .gridx{gap:4px}.page-publicaciones-calendario .dayx{min-height:78px;padding:5px}.page-publicaciones-calendario .eventx .etitle{font-size:8px}.page-publicaciones-calendario .eventx .etime{font-size:8px}.page-publicaciones-calendario .daynum{font-size:9px}.page-publicaciones-calendario .agenda-row{flex-wrap:wrap}.page-publicaciones-calendario .agenda-state{margin-left:94px}}


/* PAGE: publicaciones/nueva.php */

.page-publicaciones-nueva .np{max-width:1400px;margin:0 auto;padding:26px 28px 45px}.page-publicaciones-nueva .np-hero{background:linear-gradient(115deg,#111d34,#1d3159);border-radius:22px;padding:27px 30px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.page-publicaciones-nueva .np-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#aeb3ff}.page-publicaciones-nueva .np-hero h1{font-size:29px;margin:8px 0 6px;letter-spacing:-1px}.page-publicaciones-nueva .np-hero p{margin:0;color:#aab5c8;font-size:12px}.page-publicaciones-nueva .np-back{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:10px 13px;border-radius:10px;font-size:11px;font-weight:800;background:rgba(255,255,255,.06)}.page-publicaciones-nueva .np-alert{padding:13px 15px;border-radius:12px;margin-bottom:14px;background:#effaf4;border:1px solid #cceedd;color:#17623d;font-size:12px}.page-publicaciones-nueva .np-alert.err{background:#fff1f1;border-color:#f1cccc;color:#8d2525}.page-publicaciones-nueva .np-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.page-publicaciones-nueva .np-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(26,47,82,.045);margin-bottom:15px}.page-publicaciones-nueva .np-card h2{margin:0 0 14px;font-size:15px;color:#172641}.page-publicaciones-nueva .np-card h2 small{font-size:10px;color:#98a3b2;font-weight:500;margin-left:6px}.page-publicaciones-nueva .np-field{margin-bottom:14px}.page-publicaciones-nueva .np-field:last-child{margin-bottom:0}.page-publicaciones-nueva .np-field label,.page-publicaciones-nueva .tt-label{display:block;font-size:10px;font-weight:800;color:#4d5c74;margin:0 0 7px}.page-publicaciones-nueva .np input[type=text],.page-publicaciones-nueva .np input[type=datetime-local],.page-publicaciones-nueva .np select,.page-publicaciones-nueva .np textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;background:#fbfcfe;color:#1c2940;border-radius:10px;padding:11px 12px;font:inherit;font-size:12px;outline:none;transition:.15s}.page-publicaciones-nueva .np textarea{resize:vertical;min-height:100px}.page-publicaciones-nueva .np input:focus,.page-publicaciones-nueva .np select:focus,.page-publicaciones-nueva .np textarea:focus{border-color:#7b83ee;box-shadow:0 0 0 3px rgba(116,119,244,.10);background:#fff}.page-publicaciones-nueva .np-help{font-size:9px;color:#8f9aab;margin-top:6px;line-height:1.5}.page-publicaciones-nueva .video-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.page-publicaciones-nueva .video-choice{position:relative}.page-publicaciones-nueva .video-choice input{position:absolute;opacity:0}.page-publicaciones-nueva .video-choice label{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #e7ebf3;border-radius:12px;cursor:pointer;background:#fbfcfe;min-height:62px}.page-publicaciones-nueva .video-choice input:checked+label{border-color:#777ef1;background:#f2f3ff;box-shadow:0 0 0 2px rgba(119,126,241,.08)}.page-publicaciones-nueva .v-thumb{width:70px;height:46px;border-radius:8px;object-fit:cover;background:#edf0f6;flex:none}.page-publicaciones-nueva .v-fallback{display:grid;place-items:center;color:#7179ed;font-weight:900}.page-publicaciones-nueva .v-copy{min-width:0}.page-publicaciones-nueva .v-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-publicaciones-nueva .v-copy small{display:block;color:#98a3b2;font-size:8px;margin-top:4px}.page-publicaciones-nueva .account-groups{display:flex;flex-direction:column;gap:12px}.page-publicaciones-nueva .account-group{border:1px solid #e8ecf3;border-radius:13px;overflow:hidden}.page-publicaciones-nueva .account-group-head{padding:10px 12px;background:#f8f9fc;border-bottom:1px solid #edf0f5;font-size:10px;font-weight:900;color:#465570;text-transform:uppercase;letter-spacing:.5px}.page-publicaciones-nueva .account-grid{display:grid;grid-template-columns:1fr 1fr}.page-publicaciones-nueva .account-choice{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #f0f2f5}.page-publicaciones-nueva .account-choice:nth-child(odd){border-right:1px solid #f0f2f5}.page-publicaciones-nueva .account-choice label{font-size:10px;color:#263650;flex:1;cursor:pointer}.page-publicaciones-nueva .account-choice small{display:block;color:#9aa4b2;font-size:8px;margin-top:3px}.page-publicaciones-nueva .account-choice input{accent-color:#7078ed}.page-publicaciones-nueva .mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.page-publicaciones-nueva .mode-option{position:relative}.page-publicaciones-nueva .mode-option input{position:absolute;opacity:0}.page-publicaciones-nueva .mode-option label{display:block;border:1px solid #e4e8ef;border-radius:12px;padding:12px;cursor:pointer;background:#fbfcfe}.page-publicaciones-nueva .mode-option input:checked+label{border-color:#777ef1;background:#f2f3ff}.page-publicaciones-nueva .mode-option strong{display:block;font-size:11px;color:#273653}.page-publicaciones-nueva .mode-option span{display:block;font-size:9px;color:#929dad;margin-top:4px}.page-publicaciones-nueva .date-box{padding:12px;border-radius:12px;background:#f8f9ff;border:1px solid #e2e5ff}.page-publicaciones-nueva .date-box label{color:#5962c9}.page-publicaciones-nueva .date-box input{background:#fff}.page-publicaciones-nueva .np-submit{display:flex;gap:9px;justify-content:flex-end;align-items:center}.page-publicaciones-nueva .np-submit a,.page-publicaciones-nueva .np-submit button{height:42px;padding:0 15px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.page-publicaciones-nueva .np-submit a{border:1px solid #dfe5ef;color:#526078;background:#fff}.page-publicaciones-nueva .np-submit button{border:1px solid #7078ed;background:#7078ed;color:#fff;box-shadow:0 8px 18px rgba(112,120,237,.22);cursor:pointer}.page-publicaciones-nueva .no-data{padding:20px;text-align:center;color:#8d98a8;font-size:11px}.page-publicaciones-nueva .no-data a{color:#5d67d8;font-weight:800;text-decoration:none}
.page-publicaciones-nueva .tt-wrap{display:block}.page-publicaciones-nueva .tt-account{border:1px solid #e1e6ef;border-radius:14px;padding:14px;margin-bottom:10px;background:#fbfcff}.page-publicaciones-nueva .tt-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-publicaciones-nueva .tt-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e9edf5}.page-publicaciones-nueva .tt-name strong{display:block;font-size:11px;color:#1f2e49}.page-publicaciones-nueva .tt-name small{display:block;font-size:9px;color:#8d98a8;margin-top:3px}.page-publicaciones-nueva .tt-loading,.page-publicaciones-nueva .tt-error,.page-publicaciones-nueva .tt-ok{font-size:10px;border-radius:10px;padding:9px 10px}.page-publicaciones-nueva .tt-loading{background:#f2f4fb;color:#5e6b82}.page-publicaciones-nueva .tt-error{background:#fff0f0;color:#8d2525;border:1px solid #f1cdcd}.page-publicaciones-nueva .tt-ok{background:#effaf4;color:#17623d;border:1px solid #cceedd}.page-publicaciones-nueva .tt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-publicaciones-nueva .tt-sub{border-top:1px solid #edf0f5;margin-top:12px;padding-top:12px}.page-publicaciones-nueva .tt-check{display:flex;align-items:flex-start;gap:8px;padding:8px 0;font-size:10px;color:#35445d}.page-publicaciones-nueva .tt-check input{margin-top:2px;accent-color:#7078ed}.page-publicaciones-nueva .tt-check input:disabled{accent-color:#c5c9d3}.page-publicaciones-nueva .tt-check em{display:block;font-style:normal;color:#9aa4b2;font-size:8px;margin-top:3px}.page-publicaciones-nueva .tt-commercial{border:1px solid #e6e9ef;border-radius:11px;padding:10px;background:#fff;margin-top:10px}.page-publicaciones-nueva .tt-brand-options{display:none;margin-top:8px;padding-left:22px}.page-publicaciones-nueva .tt-consent{border:1px solid #dddff5;border-radius:12px;background:#f7f7ff;padding:12px;font-size:10px;color:#3c4560;margin-top:10px}.page-publicaciones-nueva .tt-consent a{color:#5d67d8}.page-publicaciones-nueva .tt-global-note{font-size:9px;color:#7f8a9d;line-height:1.55;margin-bottom:10px}.page-publicaciones-nueva .tt-badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#f1f2ff;color:#5d67d8;font-size:8px;font-weight:800}.page-publicaciones-nueva .duration-ok{color:#17623d}.page-publicaciones-nueva .duration-bad{color:#8d2525;font-weight:800}.page-publicaciones-nueva .tiktok-required{display:none;color:#8d2525;font-size:9px;margin-top:8px}
@media(max-width:950px){.page-publicaciones-nueva .np-grid{grid-template-columns:1fr}.page-publicaciones-nueva .video-picker{grid-template-columns:1fr}}@media(max-width:600px){.page-publicaciones-nueva .np{padding:18px 14px 35px}.page-publicaciones-nueva .np-hero{padding:22px;flex-direction:column}.page-publicaciones-nueva .account-grid{grid-template-columns:1fr}.page-publicaciones-nueva .account-choice:nth-child(odd){border-right:0}.page-publicaciones-nueva .mode-grid,.page-publicaciones-nueva .tt-grid{grid-template-columns:1fr}.page-publicaciones-nueva .np-submit{flex-direction:column-reverse;align-items:stretch}.page-publicaciones-nueva .np-submit a,.page-publicaciones-nueva .np-submit button{width:100%}}


/* PAGE: publicaciones/reintentar.php */

.page-publicaciones-reintentar .wrap{max-width:900px;margin:auto;padding:20px}.page-publicaciones-reintentar .box{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:20px;margin-bottom:15px}.page-publicaciones-reintentar .btn{padding:10px 14px;border:1px solid #d7dce3;border-radius:8px;text-decoration:none;color:inherit;background:#fff}.page-publicaciones-reintentar .primary{background:#111827;color:#fff}


/* PAGE: publicaciones/eliminar.php */

.page-publicaciones-eliminar .delete-panel{
    max-width:760px;
    margin:40px auto;
}
.page-publicaciones-eliminar .delete-warning{
    background:#fff7ed;
    border:1px solid #fdba74;
    border-radius:12px;
    padding:18px;
    margin:18px 0;
    color:#7c2d12;
}
.page-publicaciones-eliminar .delete-info{
    background:#eff6ff;
    border:1px solid #bfdbfe;
    border-radius:12px;
    padding:18px;
    margin:18px 0;
    color:#1e3a8a;
}
.page-publicaciones-eliminar .delete-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:20px;
}
.page-publicaciones-eliminar .delete-button{
    background:#dc2626 !important;
    color:#fff !important;
    border:0;
    cursor:pointer;
}
.page-publicaciones-eliminar .delete-button:hover{
    background:#b91c1c !important;
}


/* PAGE: avisos/index.php */
.page-avisos-index .av{max-width:1300px;margin:0 auto;padding:25px 28px 48px}.page-avisos-index .hero{background:linear-gradient(115deg,#111d34,#243c72);color:#fff;border-radius:21px;padding:25px 28px;margin-bottom:15px}.page-avisos-index .hero h1{margin:4px 0;font-size:28px}.page-avisos-index .hero p{margin:0;color:#b9c2d2;font-size:11px}.page-avisos-index .card{background:#fff;border:1px solid #e7ebf3;border-radius:17px;padding:18px;margin-bottom:14px;box-shadow:0 8px 24px rgba(26,47,82,.045)}.page-avisos-index .card h2{font-size:14px;color:#172641;margin:0 0 14px}.page-avisos-index .alert{display:flex;gap:12px;align-items:center;padding:13px;border-radius:11px;margin-bottom:9px}.page-avisos-index .alert.error{background:#fff0f0;color:#9b3b3b}.page-avisos-index .alert.warn{background:#fff7e7;color:#8b6500}.page-avisos-index .alert.ok{background:#effaf4;color:#23714d}.page-avisos-index .alert b{font-size:16px}.page-avisos-index .alert span{font-size:10px;flex:1}.page-avisos-index .alert a{font-size:9px;font-weight:800;color:inherit;text-decoration:none}.page-avisos-index .dest{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f5}.page-avisos-index .dest:last-child{border-bottom:0}.page-avisos-index .copy{min-width:0;flex:1}.page-avisos-index .copy b{display:block;font-size:10px;color:#263650}.page-avisos-index .copy span{display:block;font-size:8px;color:#98a3b2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-avisos-index .badge{font-size:8px;font-weight:900;padding:5px 7px;border-radius:8px;background:#fff0f0;color:#a13d3d}.page-avisos-index .log{padding:9px 0;border-bottom:1px solid #eef1f5}.page-avisos-index .log:last-child{border:0}.page-avisos-index .log b{font-size:9px;color:#263650}.page-avisos-index .log span{font-size:8px;color:#98a3b2;margin-left:8px}.page-avisos-index .log p{font-size:9px;color:#59677d;margin:4px 0 0}.page-avisos-index .empty{text-align:center;padding:20px;color:#8d98a8;font-size:10px}

/* PAGE: videos/index.php */

.page-videos-index .v8{max-width:1450px;margin:0 auto;padding:26px 28px 45px}.page-videos-index .v8hero{background:linear-gradient(115deg,#111d34,#1d3159);border-radius:22px;padding:28px 30px;color:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}.page-videos-index .v8ey{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#aeb3ff}.page-videos-index .v8hero h1{font-size:29px;margin:8px 0 6px}.page-videos-index .v8hero p{margin:0;color:#aab5c8;font-size:12px}.page-videos-index .v8btn{height:40px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;text-decoration:none;font-size:10px;font-weight:800;background:#7477f4;color:#fff;box-shadow:0 8px 20px rgba(116,119,244,.23)}.page-videos-index .v8stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.page-videos-index .v8stat{background:#fff;border:1px solid #e7ebf3;border-radius:15px;padding:15px 17px}.page-videos-index .v8stat strong{display:block;font-size:23px;color:#182641}.page-videos-index .v8stat span{font-size:9px;color:#929dad}.page-videos-index .v8filter{background:#fff;border:1px solid #e7ebf3;border-radius:15px;padding:12px;margin-bottom:14px}.page-videos-index .v8filter form{display:flex;gap:8px;flex-wrap:wrap}.page-videos-index .v8filter input,.page-videos-index .v8filter select{height:39px;border:1px solid #dfe5ef;border-radius:9px;padding:0 11px;font-size:11px;color:#263650;background:#fbfcfe}.page-videos-index .v8filter input{min-width:280px}.page-videos-index .v8filter button,.page-videos-index .v8clear{height:39px;padding:0 12px;border-radius:9px;border:1px solid #dfe5ef;background:#f4f6fa;color:#59677d;font-size:10px;font-weight:800;text-decoration:none}.page-videos-index .v8filter button{background:#eef0ff;color:#626bdd;border-color:#dfe1ff}.page-videos-index .v8list{display:flex;flex-direction:column;gap:10px}.page-videos-index .v8row{background:#fff;border:1px solid #e7ebf3;border-radius:17px;padding:12px;display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-videos-index .v8thumb{width:105px;height:70px;border-radius:11px;overflow:hidden;background:#eef1f7;display:grid;place-items:center;color:#7477f4;font-weight:900;font-size:23px}.page-videos-index .v8thumb img,.page-videos-index .v8thumb video{width:100%;height:100%;object-fit:cover}.page-videos-index .v8main{min-width:0}.page-videos-index .v8name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-videos-index .v8name strong{font-size:12px;color:#182741;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.page-videos-index .v8sub{font-size:9px;color:#96a0af;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-videos-index .v8meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.page-videos-index .v8pill{font-size:8px;font-weight:800;padding:5px 7px;border-radius:20px;background:#f2f4f7;color:#6b778b}.page-videos-index .v8pill.blue{background:#eef0ff;color:#5f68d5}.page-videos-index .v8pill.green{background:#eaf9f2;color:#1e9a68}.page-videos-index .v8pill.orange{background:#fff4e3;color:#c47e26}.page-videos-index .v8pill.red{background:#fff0f0;color:#ca5c5c}.page-videos-index .v8status{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:20px;font-size:8px;font-weight:800;white-space:nowrap}.page-videos-index .v8status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.page-videos-index .success{color:#1f9f6b;background:#eaf9f2}.page-videos-index .warning{color:#cf8427;background:#fff4e3}.page-videos-index .info{color:#5d70df;background:#eef0ff}.page-videos-index .error{color:#cf5d5d;background:#fff0f0}.page-videos-index .muted{color:#7e8999;background:#f0f2f5}.page-videos-index .v8actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.page-videos-index .v8action{height:31px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe5ef;background:#fff;color:#59667c;text-decoration:none;font-size:8px;font-weight:800}.page-videos-index .v8action.primary{background:#eef0ff;border-color:#dfe1ff;color:#6069d7}.page-videos-index .v8action.danger{background:#fff0f0;border-color:#ffd9d9;color:#c75b5b;cursor:pointer}.page-videos-index .v8empty{background:#fff;border:1px dashed #cdd6e4;border-radius:17px;padding:45px;text-align:center;color:#8c97a7;font-size:11px}.page-videos-index .v8empty strong{display:block;color:#31415e;font-size:13px;margin-bottom:5px}.page-videos-index .v8empty a{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:9px;background:#7477f4;color:#fff;text-decoration:none;font-size:10px;font-weight:800}@media(max-width:900px){.page-videos-index .v8hero{align-items:flex-start;flex-direction:column}.page-videos-index .v8row{grid-template-columns:85px 1fr}.page-videos-index .v8actions{grid-column:2;justify-content:flex-start}.page-videos-index .v8thumb{width:85px;height:60px}}@media(max-width:600px){.page-videos-index .v8{padding:18px 14px 35px}.page-videos-index .v8stats{grid-template-columns:1fr}.page-videos-index .v8filter input{min-width:100%}.page-videos-index .v8row{grid-template-columns:1fr}.page-videos-index .v8thumb{width:100%;height:170px}.page-videos-index .v8actions{grid-column:auto}.page-videos-index .v8actions .v8action{flex:1}}


/* PAGE: videos/editar.php */

.page-videos-editar .ve{max-width:900px;margin:0 auto;padding:26px 28px 45px}.page-videos-editar .ve-hero{background:linear-gradient(115deg,#111d34,#1d3159);border-radius:22px;padding:27px 30px;color:#fff;margin-bottom:16px}.page-videos-editar .ve-ey{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#aeb3ff}.page-videos-editar .ve-hero h1{font-size:26px;margin:8px 0 5px}.page-videos-editar .ve-hero p{margin:0;color:#aab5c8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-videos-editar .ve-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:20px;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-videos-editar .ve-field{margin-bottom:14px}.page-videos-editar .ve-field label{display:block;font-size:9px;font-weight:900;letter-spacing:.7px;color:#657187;margin-bottom:6px}.page-videos-editar .ve-field input,.page-videos-editar .ve-field textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;border-radius:10px;padding:10px 11px;font-size:11px;color:#263650;background:#fbfcfe}.page-videos-editar .ve-field textarea{min-height:110px;resize:vertical}.page-videos-editar .ve-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 17px}.page-videos-editar .ve-pill{font-size:9px;font-weight:800;padding:6px 8px;border-radius:20px;background:#f2f4f7;color:#6b778b}.page-videos-editar .ve-actions{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.page-videos-editar .ve-btn{height:39px;padding:0 14px;border-radius:9px;border:0;text-decoration:none;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-videos-editar .ve-cancel{background:#f1f3f7;color:#59677d}.page-videos-editar .ve-submit{background:#7477f4;color:#fff}.page-videos-editar .ve-error{padding:11px 13px;border-radius:10px;color:#8d2525;background:#fff1f1;border:1px solid #f1cccc;margin-bottom:14px;font-size:10px}@media(max-width:600px){.page-videos-editar .ve{padding:18px 14px 35px}.page-videos-editar .ve-actions{flex-direction:column}.page-videos-editar .ve-btn{width:100%}}


/* PAGE: videos/detalles.php */

.page-videos-detalles .video-detail{max-width:1100px;margin:0 auto;padding-bottom:30px}.page-videos-detalles .detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.page-videos-detalles .detail-head h1{font-size:28px;letter-spacing:-.8px;margin:0 0 6px}.page-videos-detalles .detail-head p{margin:0;color:#929dad;font-size:11px}.page-videos-detalles .detail-actions{display:flex;gap:8px;flex-wrap:wrap}.page-videos-detalles .d-btn{height:36px;padding:0 12px;border-radius:9px;display:inline-flex;align-items:center;text-decoration:none;border:0;font-size:10px;font-weight:800;background:#eef0f5;color:#5b6779}.page-videos-detalles .d-btn.primary{background:#7477f4;color:#fff}.page-videos-detalles .d-btn.danger{background:#fff0f0;color:#cf5d5d;cursor:pointer}.page-videos-detalles .detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.page-videos-detalles .d-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 7px 25px rgba(15,31,55,.035)}.page-videos-detalles .d-card h2{font-size:13px;margin:0 0 13px}.page-videos-detalles .video-preview{width:100%;max-height:560px;background:#0d1421;border-radius:13px;display:block}.page-videos-detalles .meta-row{padding:11px 0;border-bottom:1px solid #f0f2f5}.page-videos-detalles .meta-row:last-child{border-bottom:0}.page-videos-detalles .meta-row small{display:block;color:#9aa4b2;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.6px;margin-bottom:4px}.page-videos-detalles .meta-row strong,.page-videos-detalles .meta-row div{font-size:11px;color:#394457;line-height:1.5}.page-videos-detalles .pub-row{padding:11px 0;border-bottom:1px solid #f0f2f5}.page-videos-detalles .pub-row:last-child{border-bottom:0}.page-videos-detalles .pub-row strong{font-size:10px}.page-videos-detalles .pub-row small{display:block;color:#929dad;font-size:8px;margin-top:3px}.page-videos-detalles .empty-pubs{padding:25px 0;text-align:center;color:#929dad;font-size:10px}@media(max-width:800px){.page-videos-detalles .detail-head{flex-direction:column}.page-videos-detalles .detail-grid{grid-template-columns:1fr}}


/* PAGE: videos/subir.php */

.page-videos-subir .vu{max-width:1000px;margin:0 auto;padding:26px 28px 45px}.page-videos-subir .vu-hero{background:linear-gradient(115deg,#111d34,#1d3159);border-radius:22px;padding:27px 30px;color:#fff;margin-bottom:16px}.page-videos-subir .vu-ey{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#aeb3ff}.page-videos-subir .vu-hero h1{font-size:28px;margin:8px 0 5px}.page-videos-subir .vu-hero p{margin:0;color:#aab5c8;font-size:11px}.page-videos-subir .vu-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:20px;box-shadow:0 7px 25px rgba(15,31,55,.035);margin-bottom:14px}.page-videos-subir .vu-card h2{font-size:13px;margin:0 0 15px;color:#182741}.page-videos-subir .vu-field{margin-bottom:14px}.page-videos-subir .vu-field:last-child{margin-bottom:0}.page-videos-subir .vu-field label{display:block;font-size:9px;font-weight:900;letter-spacing:.7px;color:#657187;margin-bottom:6px}.page-videos-subir .vu-field input[type=text],.page-videos-subir .vu-field textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;border-radius:10px;padding:10px 11px;font:inherit;font-size:11px;color:#263650;background:#fbfcfe}.page-videos-subir .vu-field textarea{min-height:110px;resize:vertical}.page-videos-subir .vu-file{border:2px dashed #cfd7e5;border-radius:15px;padding:26px;text-align:center;background:#fafbfe}.page-videos-subir .vu-file input{font-size:11px;max-width:100%}.page-videos-subir .vu-help{font-size:9px;color:#929dad;line-height:1.5;margin-top:6px}.page-videos-subir .vu-alert{padding:11px 13px;border-radius:10px;margin-bottom:14px;font-size:10px}.page-videos-subir .vu-ok{color:#17623d;background:#effaf4;border:1px solid #cceedd}.page-videos-subir .vu-err{color:#8d2525;background:#fff1f1;border:1px solid #f1cccc}.page-videos-subir .vu-actions{display:flex;justify-content:space-between;gap:8px}.page-videos-subir .vu-btn{height:39px;padding:0 14px;border-radius:9px;border:0;text-decoration:none;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.page-videos-subir .vu-cancel{background:#f1f3f7;color:#59677d}.page-videos-subir .vu-submit{background:#7477f4;color:#fff}@media(max-width:600px){.page-videos-subir .vu{padding:18px 14px 35px}.page-videos-subir .vu-actions{flex-direction:column}.page-videos-subir .vu-btn{width:100%}}


/* PAGE: perfil/index.php */
.page-perfil-index .pf{max-width:1050px;margin:auto;padding:28px 34px 50px}.page-perfil-index .pfhero{background:linear-gradient(120deg,#111c33,#283b6d);border-radius:23px;padding:27px 30px;color:#fff;display:flex;align-items:center;gap:20px;margin-bottom:18px}.page-perfil-index .avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#7578f4,#4e55c8);display:grid;place-items:center;font-size:25px;font-weight:900;flex:none}.page-perfil-index .pfhero h1{margin:0 0 5px;font-size:28px}.page-perfil-index .pfhero p{margin:0;color:#b7c4d9;font-size:12px}.page-perfil-index .layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px}.page-perfil-index .box{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,31,55,.05)}.page-perfil-index .box h2{margin:0 0 5px;color:#18243a;font-size:16px}.page-perfil-index .sub{color:#8b97a8;font-size:10px;margin-bottom:18px}.page-perfil-index .info{display:grid;gap:10px}.page-perfil-index .info div{padding:12px;border-radius:11px;background:#f7f9fc}.page-perfil-index .info small{display:block;color:#8b97a8;font-size:9px;text-transform:uppercase;font-weight:800}.page-perfil-index .info strong{display:block;margin-top:5px;color:#263650;font-size:12px}.page-perfil-index .alert{padding:13px 15px;border-radius:11px;margin-bottom:15px;font-size:12px}.page-perfil-index .success{background:#eafaf3;color:#18744e}.page-perfil-index .error{background:#fff0f0;color:#a63232}.page-perfil-index .field{margin-bottom:14px}.page-perfil-index .field label{display:block;font-size:10px;font-weight:900;color:#53627a;margin-bottom:7px}.page-perfil-index .field input{width:100%;height:45px;border:1px solid #dce3ee;border-radius:11px;padding:0 13px;font:inherit;font-size:12px;outline:0}.page-perfil-index .field input:focus{border-color:#7478ef;box-shadow:0 0 0 4px rgba(116,120,239,.1)}.page-perfil-index hr{border:0;border-top:1px solid #edf0f5;margin:20px 0}.page-perfil-index .actions{display:flex;justify-content:flex-end}.page-perfil-index .save{height:44px;border:0;border-radius:11px;padding:0 18px;background:#6870ea;color:#fff;font-weight:900;cursor:pointer}.page-perfil-index .danger-note{font-size:9px;color:#9aa5b5;margin-top:9px}@media(max-width:800px){.page-perfil-index .pf{padding:18px 14px}.page-perfil-index .layout{grid-template-columns:1fr}.page-perfil-index .pfhero{align-items:flex-start}}


/* PAGE: grupos/index.php */

.page-grupos-index .v12{max-width:1420px;margin:auto;padding:28px 34px 50px}.page-grupos-index .vhero{border-radius:24px;padding:30px 32px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(123,126,255,.35),transparent 30%),linear-gradient(120deg,#101c33,#26396b);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-grupos-index .ey{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#aeb3ff}.page-grupos-index .vhero h1{font-size:31px;margin:8px 0}.page-grupos-index .vhero p{margin:0;color:#b8c4d9;font-size:13px}.page-grupos-index .btnx{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;border-radius:12px;font-weight:800;font-size:12px;text-decoration:none;border:1px solid #7078ed;background:#7078ed;color:#fff}.page-grupos-index .notice{padding:13px 16px;border-radius:12px;margin-bottom:15px;font-size:12px}.page-grupos-index .ok{background:#eafaf3;color:#18744e;border:1px solid #c9efdc}.page-grupos-index .bad{background:#fff0f0;color:#a63232;border:1px solid #f3cccc}.page-grupos-index .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.page-grupos-index .card{background:#fff;border:1px solid #e5eaf2;border-radius:19px;padding:20px;box-shadow:0 10px 30px rgba(15,31,55,.055)}.page-grupos-index .top{display:flex;justify-content:space-between;align-items:center}.page-grupos-index .ico{width:46px;height:46px;border-radius:14px;background:#eef0ff;color:#6067df;display:grid;place-items:center;font-size:22px;font-weight:900}.page-grupos-index .count{padding:7px 10px;border-radius:9px;background:#f3f5f9;color:#67758b;font-size:10px;font-weight:900}.page-grupos-index .card h2{margin:17px 0 6px;font-size:18px;color:#18243a}.page-grupos-index .desc{color:#7e8b9e;font-size:11px;line-height:1.55;min-height:35px}.page-grupos-index .meta{margin-top:16px;padding-top:14px;border-top:1px solid #edf0f5;display:flex;justify-content:space-between;color:#8b97a8;font-size:9px}.page-grupos-index .actions{display:flex;gap:8px;margin-top:14px}.page-grupos-index .actions>*{flex:1}.page-grupos-index .act{min-height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;text-decoration:none}.page-grupos-index .manage{background:#eef0ff;color:#5862d8;border:1px solid #dfe2ff}.page-grupos-index .danger{background:#fff2f2;color:#b83a3a;border:1px solid #f1d0d0;cursor:pointer}.page-grupos-index .empty{grid-column:1/-1;text-align:center;padding:55px;color:#8290a3}.page-grupos-index .platforms{display:flex;gap:5px;margin-top:12px}.page-grupos-index .p{width:25px;height:25px;border-radius:7px;background:#f1f3f8;display:grid;place-items:center;font-size:11px;font-weight:900;color:#53617a}
@media(max-width:950px){.page-grupos-index .grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.page-grupos-index .v12{padding:18px 14px}.page-grupos-index .vhero{flex-direction:column;align-items:flex-start;padding:23px}.page-grupos-index .grid{grid-template-columns:1fr}}


/* PAGE: grupos/editar.php */
.page-grupos-editar .gf{max-width:1100px;margin:0 auto;padding:26px 28px 45px}.page-grupos-editar .gf-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(26,47,82,.045);margin-bottom:15px}.page-grupos-editar .gf h1{margin:0 0 7px;font-size:27px;color:#172641}.page-grupos-editar .gf-sub{color:#8c97a8;font-size:11px;margin-bottom:18px}.page-grupos-editar .gf label.tt{display:block;font-size:10px;font-weight:800;color:#4d5c74;margin:0 0 7px}.page-grupos-editar .gf input[type=text],.page-grupos-editar .gf textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;border-radius:10px;padding:11px 12px;font:inherit;font-size:12px}.page-grupos-editar .gf textarea{min-height:90px;resize:vertical}.page-grupos-editar .gf-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.page-grupos-editar .gf-choice{border:1px solid #e7ebf3;border-radius:12px;padding:11px;background:#fbfcfe;display:flex;gap:9px;align-items:center}.page-grupos-editar .gf-choice input{accent-color:#7078ed}.page-grupos-editar .gf-choice strong{font-size:10px;color:#263650}.page-grupos-editar .gf-choice small{display:block;color:#96a0af;font-size:8px;margin-top:3px}.page-grupos-editar .gf-actions{display:flex;gap:9px;justify-content:flex-end}.page-grupos-editar .gf-actions a,.page-grupos-editar .gf-actions button{padding:11px 15px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none}.page-grupos-editar .gf-actions a{border:1px solid #dfe5ef;color:#526078;background:#fff}.page-grupos-editar .gf-actions button{border:1px solid #7078ed;background:#7078ed;color:#fff}.page-grupos-editar .gf-err{padding:12px;border-radius:10px;background:#fff1f1;color:#8d2525;margin-bottom:14px;font-size:11px}@media(max-width:650px){.page-grupos-editar .gf{padding:18px 14px}.page-grupos-editar .gf-grid{grid-template-columns:1fr}.page-grupos-editar .gf-actions{flex-direction:column}.page-grupos-editar .gf-actions>*{text-align:center}}


/* PAGE: grupos/agregar.php */
.page-grupos-agregar .gf{max-width:1100px;margin:0 auto;padding:26px 28px 45px}.page-grupos-agregar .gf-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(26,47,82,.045);margin-bottom:15px}.page-grupos-agregar .gf h1{margin:0 0 7px;font-size:27px;color:#172641}.page-grupos-agregar .gf-sub{color:#8c97a8;font-size:11px;margin-bottom:18px}.page-grupos-agregar .gf label.tt{display:block;font-size:10px;font-weight:800;color:#4d5c74;margin:0 0 7px}.page-grupos-agregar .gf input[type=text],.page-grupos-agregar .gf textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ef;border-radius:10px;padding:11px 12px;font:inherit;font-size:12px}.page-grupos-agregar .gf textarea{min-height:90px;resize:vertical}.page-grupos-agregar .gf-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.page-grupos-agregar .gf-choice{border:1px solid #e7ebf3;border-radius:12px;padding:11px;background:#fbfcfe;display:flex;gap:9px;align-items:center}.page-grupos-agregar .gf-choice input{accent-color:#7078ed}.page-grupos-agregar .gf-choice strong{font-size:10px;color:#263650}.page-grupos-agregar .gf-choice small{display:block;color:#96a0af;font-size:8px;margin-top:3px}.page-grupos-agregar .gf-actions{display:flex;gap:9px;justify-content:flex-end}.page-grupos-agregar .gf-actions a,.page-grupos-agregar .gf-actions button{padding:11px 15px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none}.page-grupos-agregar .gf-actions a{border:1px solid #dfe5ef;color:#526078;background:#fff}.page-grupos-agregar .gf-actions button{border:1px solid #7078ed;background:#7078ed;color:#fff}.page-grupos-agregar .gf-err{padding:12px;border-radius:10px;background:#fff1f1;color:#8d2525;margin-bottom:14px;font-size:11px}@media(max-width:650px){.page-grupos-agregar .gf{padding:18px 14px}.page-grupos-agregar .gf-grid{grid-template-columns:1fr}.page-grupos-agregar .gf-actions{flex-direction:column}.page-grupos-agregar .gf-actions>*{text-align:center}}


/* =========================================================
   AUTOMATIZADOR YASSIN · TEMA UNIFICADO
   Una sola capa visual compartida por todos los módulos.
   ========================================================= */
:root{
  --ui-bg:#f4f7fb;
  --ui-surface:#ffffff;
  --ui-text:#15233a;
  --ui-muted:#7f8da2;
  --ui-line:#e4e9f1;
  --ui-primary:#4f67e8;
  --ui-primary-2:#6d73ee;
  --ui-primary-soft:#eef1ff;
  --ui-success:#20a66f;
  --ui-success-soft:#e8f8f0;
  --ui-warning:#d88a2d;
  --ui-warning-soft:#fff4df;
  --ui-danger:#d95662;
  --ui-danger-soft:#ffedef;
  --ui-shadow:0 10px 28px rgba(19,40,75,.055);
  --ui-radius:17px;
}
body{background:var(--ui-bg);color:var(--ui-text)}
.app-header{height:88px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--ui-line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:30}
.app-header-left,.app-header-right{display:flex;align-items:center}.app-header-left{gap:16px}.app-header-right{gap:16px}.page-heading h1{margin:0;font-size:25px;line-height:1.1;letter-spacing:-.7px;color:#14233f}.page-heading p{margin:5px 0 0;font-size:11px;color:#8794a8}.header-date{font-size:10px;line-height:1.4;text-align:right;color:#7c899e;min-width:165px}.header-date strong{display:block;font-size:11px;color:#61718b;margin-top:2px}.header-bell{position:relative;width:48px;height:48px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 5px 18px rgba(25,44,80,.035)}.header-bell svg{width:22px;height:22px;fill:none;stroke:#53647e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-bell span{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#e24e5b;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;display:grid;place-items:center}.header-user{display:flex;align-items:center;gap:10px;min-width:174px;padding:7px 11px;border-radius:15px;background:#fff;border:1px solid #edf0f5}.header-user:hover{border-color:#dce1ef}.user-avatar{width:40px;height:40px;border-radius:12px}.user-copy strong{font-size:12px;color:#1c2b44}.user-copy small{font-size:9px}.user-chevron{margin-left:auto}.mobile-menu-btn{display:none}
.sidebar{width:250px;background:linear-gradient(180deg,#07172d 0%,#091b32 100%);padding:23px 15px 16px}.app-main{margin-left:250px}.brand{padding:3px 7px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2869f1,#635ce9);border:0;box-shadow:0 7px 18px rgba(43,101,239,.28)}.brand-mark i{background:#fff}.brand-text strong{font-size:15px}.brand-text small{color:#a1aec0}.sidebar-section-title{color:#71829a;font-size:9px;letter-spacing:1.5px;padding-left:13px}.sidebar-section-title.secondary{margin-top:25px}.sidebar-nav{gap:4px}.nav-item{height:44px;border-radius:11px;color:#9eacbf;font-size:13px}.nav-item.active{background:linear-gradient(90deg,rgba(46,107,233,.34),rgba(46,107,233,.14));box-shadow:inset 3px 0 #6687ff;color:#fff}.nav-icon{color:#8191a7;font-size:18px}.nav-item.active .nav-icon{color:#a9bbff}.nav-badge{background:#2d6ce8;color:#fff;min-width:24px;text-align:center}.nav-badge-alert{background:#e34e5b}.system-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);padding:12px}.system-card strong{font-size:11px}.system-card small{color:#8090a7}.logout-link{font-size:12px}
.page-content{padding:0;background:var(--ui-bg);min-height:calc(100vh - 88px)}
.footer{max-width:1450px;margin:0 auto;padding:0 28px 22px;color:#9aa5b5;font-size:9px;display:flex;gap:8px;align-items:center}.footer-right{display:none}
.page-content .alert{border-radius:12px;padding:12px 15px;font-size:11px;margin:16px auto 0;max-width:1450px}

/* Shared module language */
.page-content .card,.page-content .panel,.page-content .box,.page-content .gf-card,.page-content .pub-card,.page-content .ay-box,.page-content .ay-result,.page-content .a9stat,.page-content .a9platform,.page-content .a9connect,.page-content .a9connectcard,.page-content .v8row,.page-content .v8stat,.page-content .v8filter,.page-content .vu-card,.page-content .ve-card,.page-content .np-card,.page-content .d-card,.page-content .agenda,.page-content .platform-card,.page-content .connect-section,.page-content table{border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
.page-content .card,.page-content .panel,.page-content .box,.page-content .gf-card,.page-content .pub-card,.page-content .a9stat,.page-content .a9platform,.page-content .a9connect,.page-content .vu-card,.page-content .ve-card,.page-content .np-card,.page-content .d-card,.page-content .agenda{background:#fff!important;border-radius:var(--ui-radius)!important}
.page-content h1,.page-content h2,.page-content h3{color:var(--ui-text)}
.page-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.page-content select,.page-content textarea{border-color:#dfe5ee;border-radius:11px;background:#fff;color:var(--ui-text)}
.page-content input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,.page-content select:focus,.page-content textarea:focus{outline:0;border-color:#7480ec;box-shadow:0 0 0 4px rgba(116,128,236,.10)}
.page-content button[type=submit],.page-content input[type=submit],.save,.btnx,.v8btn,.vu-btn.vu-submit,.ve-btn.ve-submit,.np-submit button,.d-btn.primary,.gf-actions button,.pub-primary,.a9btn.primary{background:linear-gradient(135deg,var(--ui-primary-2),var(--ui-primary))!important;border-color:var(--ui-primary)!important;color:#fff!important;border-radius:11px!important;box-shadow:0 7px 16px rgba(79,103,232,.15)!important}
.page-content a.button.secondary,.secondary,.manage,.a9manage,.gf-actions a,.pub-action:not(.danger),.a9connect,.connect-card{background:#fff!important;color:#5c6880!important;border:1px solid #dfe5ee!important;border-radius:11px!important}
.danger,.dangerbtn,.a9delete,.pub-action.danger{background:var(--ui-danger-soft)!important;color:var(--ui-danger)!important;border-color:#f1cfd4!important}
.badge,.a9status,.status-pill,.pub-badge,.pill{border-radius:20px!important;font-weight:800!important}
.alert.success,.success,.notice.ok,.ok{background:var(--ui-success-soft);color:#187b55;border-color:#c9eddb}.alert.error,.error,.notice.bad,.bad{background:var(--ui-danger-soft);color:#a9434d;border-color:#f1d0d4}
.status-dot.offline{background:#c7ced8;box-shadow:0 0 0 4px #f0f2f5}.status-pill.status-off{background:#f1f3f6;color:#7f8998}

/* Module heroes */
.dash-hero,.welcome-panel,.pub-hero,.ay-hero,.calx-hero,.a9hero,.vhero,.hero,.v8hero,.vu-hero,.ve-hero,.np-hero,.pfhero{background:linear-gradient(115deg,#0c285b 0%,#124a9f 56%,#0d63d6 100%)!important;color:#fff!important;border-radius:21px!important;box-shadow:0 16px 40px rgba(12,49,112,.13)!important}
.dash-hero h1,.welcome-panel h1,.pub-hero h1,.ay-hero h1,.calx-hero h1,.a9hero h1,.vhero h1,.hero h1,.v8hero h1,.vu-hero h1,.ve-hero h1,.np-hero h1,.pfhero h1{color:#fff!important}

/* Dashboard reference layout */
.dashboard{max-width:1450px;margin:0 auto;padding:18px 28px 42px}.kpis{gap:16px;margin-bottom:18px}.kpi{border-radius:16px;box-shadow:0 10px 25px rgba(37,60,100,.08)}.content-grid,.bottom-grid{gap:18px}.card-title h2{color:#172743}.sys-row,.alert-row,.row{border-color:#edf0f5!important}.arrow{color:#8c98a9}

@media(max-width:1050px){.app-main{margin-left:0}.sidebar{transform:translateX(-100%);transition:.22s ease}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(5,15,29,.48);z-index:40;opacity:0;pointer-events:none;transition:.2s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex}.app-header{padding:0 24px}.header-user{min-width:0}.content-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.app-header{height:70px;padding:0 15px}.page-content{min-height:calc(100vh - 70px)}.page-heading h1{font-size:20px}.page-heading p{display:none}.header-date{display:none}.header-user{padding:5px;border:0}.user-copy{display:none}.header-bell{width:42px;height:42px}.app-header-right{gap:8px}.dashboard{padding:16px 12px 30px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding-left:72px;min-height:95px}.kpi-icon{left:12px}.bottom-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.footer{padding-left:14px;padding-right:14px}.page-content table{display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:430px){.kpis{grid-template-columns:1fr}.kpi{min-height:92px}}



/* Login */
.login-page{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#343d82,transparent 35%),linear-gradient(135deg,#07101e,#101d35 55%,#1b2a4d);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#16233a}
.login-main{min-height:100vh;display:grid;place-items:center;padding:25px}
.ay-login-card{width:min(430px,100%);background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.4);border-radius:26px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.login-mark{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#7075f2,#4e55c8);display:grid;place-items:center;color:#fff;font-weight:900}.login-brand strong{display:block;color:#16233a;font-size:16px}.login-brand span{color:#8995a7;font-size:10px}.ay-login-card h1{margin:0;color:#16233a;font-size:28px}.login-subtitle{color:#8793a5;font-size:12px;margin:7px 0 22px}.login-error{padding:12px;border-radius:11px;background:#fff0f0;color:#a63232;border:1px solid #f2d0d0;font-size:11px;margin-bottom:14px}.login-form label{display:block;font-size:10px;font-weight:900;color:#53627a;margin:0 0 7px}.login-form input:not([type=hidden]){width:100%;height:47px;box-sizing:border-box;border:1px solid #dce3ee;border-radius:11px;padding:0 13px;font:inherit;font-size:13px;margin-bottom:15px;background:#fff;color:#16233a}.login-form input:focus{outline:0;border-color:#7478ef;box-shadow:0 0 0 4px rgba(116,120,239,.1)}.login-form button{width:100%;height:47px;border:0;border-radius:11px;background:linear-gradient(135deg,#7075f2,#5b61dc);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(91,97,220,.18)}.login-form button:hover{transform:translateY(-1px);filter:brightness(1.03)}.login-footer{text-align:center;color:#a0aaba;font-size:9px;margin-top:20px}
@media(max-width:520px){.login-main{padding:15px}.ay-login-card{padding:25px 21px;border-radius:21px}}

/* =========================================================
   FASE 2 · SISTEMA VISUAL FINAL
   Todas las pantallas comparten las mismas proporciones,
   superficies, controles y estados del Dashboard.
   ========================================================= */
:root{
  --phase-bg:#f5f7fb;
  --phase-surface:#ffffff;
  --phase-text:#16243d;
  --phase-muted:#8793a6;
  --phase-line:#e7ecf3;
  --phase-primary:#5f69e8;
  --phase-primary-dark:#4854d0;
  --phase-primary-soft:#eef0ff;
  --phase-success:#1fa66d;
  --phase-success-soft:#eaf8f1;
  --phase-warning:#bd7d12;
  --phase-warning-soft:#fff5df;
  --phase-danger:#c94755;
  --phase-danger-soft:#ffedf0;
  --phase-shadow:0 9px 28px rgba(27,48,82,.055);
  --phase-radius:17px;
}
body{background:var(--phase-bg)}
.page-content{background:var(--phase-bg)}
.page-content>*:first-child{scroll-margin-top:105px}

/* Cabeceras de módulos */
.page-content .hero,
.page-content .pub-hero,
.page-content .a9hero,
.page-content .v8hero,
.page-content .vhero,
.page-content .calx-hero,
.page-content .vu-hero,
.page-content .ve-hero,
.page-content .np-hero,
.page-content .ay-hero,
.page-content .pfhero{
  position:relative;
  overflow:hidden;
  min-height:154px;
  padding:27px 30px;
  margin-bottom:16px;
  border-radius:21px!important;
  background:radial-gradient(circle at 90% 0%,rgba(137,145,255,.30),transparent 29%),linear-gradient(118deg,#0b285a 0%,#114b9f 60%,#1266d8 100%)!important;
  box-shadow:0 15px 38px rgba(13,56,128,.12)!important;
}
.page-content .hero:after,
.page-content .pub-hero:after,
.page-content .a9hero:after,
.page-content .v8hero:after,
.page-content .vhero:after,
.page-content .calx-hero:after,
.page-content .vu-hero:after,
.page-content .ve-hero:after,
.page-content .np-hero:after,
.page-content .ay-hero:after,
.page-content .pfhero:after{
  content:"";position:absolute;width:210px;height:210px;right:-65px;top:-110px;border:1px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none
}
.page-content .hero h1,
.page-content .pub-hero h1,
.page-content .a9hero h1,
.page-content .v8hero h1,
.page-content .vhero h1,
.page-content .calx-hero h1,
.page-content .vu-hero h1,
.page-content .ve-hero h1,
.page-content .np-hero h1,
.page-content .ay-hero h1,
.page-content .pfhero h1{font-size:27px!important;letter-spacing:-.8px;margin:7px 0 6px!important}
.page-content .hero p,
.page-content .pub-hero p,
.page-content .a9hero p,
.page-content .v8hero p,
.page-content .vhero p,
.page-content .calx-hero p,
.page-content .vu-hero p,
.page-content .ve-hero p,
.page-content .np-hero p,
.page-content .ay-hero p,
.page-content .pfhero p{font-size:11px!important;color:#c1cce0!important;line-height:1.55}
.page-content .hero>*,
.page-content .pub-hero>*,
.page-content .a9hero>*,
.page-content .v8hero>*,
.page-content .vhero>*,
.page-content .calx-hero>*,
.page-content .vu-hero>*,
.page-content .ve-hero>*,
.page-content .np-hero>*,
.page-content .ay-hero>*,
.page-content .pfhero>*{position:relative;z-index:2}

/* Acciones principales */
.page-content .pub-primary,
.page-content .a9btn.primary,
.page-content .v8btn,
.page-content .btnx,
.page-content .calbtn.primary,
.page-content .vu-btn.vu-submit,
.page-content .ve-btn.ve-submit,
.page-content .np-submit button,
.page-content .gf-actions button,
.page-content .save,
.page-content .btn.primary,
.page-content .d-btn.primary{
  background:linear-gradient(135deg,#6975ef,#5361db)!important;
  border:1px solid #6873e7!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(83,97,219,.17)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.page-content .pub-primary:hover,
.page-content .a9btn.primary:hover,
.page-content .v8btn:hover,
.page-content .btnx:hover,
.page-content .calbtn.primary:hover,
.page-content .vu-btn.vu-submit:hover,
.page-content .ve-btn.ve-submit:hover,
.page-content .np-submit button:hover,
.page-content .gf-actions button:hover,
.page-content .save:hover,
.page-content .btn.primary:hover,
.page-content .d-btn.primary:hover{transform:translateY(-1px);filter:brightness(1.025);box-shadow:0 11px 23px rgba(83,97,219,.20)!important}

/* Superficies */
.page-content .card,
.page-content .panel,
.page-content .box,
.page-content .gf-card,
.page-content .d-card,
.page-content .np-card,
.page-content .vu-card,
.page-content .ve-card,
.page-content .a9platform,
.page-content .a9stat,
.page-content .v8row,
.page-content .pub-item,
.page-content .agenda,
.page-content .connect-section,
.page-content .platform-card{
  border:1px solid var(--phase-line)!important;
  border-radius:var(--phase-radius)!important;
  box-shadow:var(--phase-shadow)!important;
}
.page-content .card,
.page-content .panel,
.page-content .box,
.page-content .gf-card,
.page-content .d-card,
.page-content .np-card,
.page-content .vu-card,
.page-content .ve-card,
.page-content .a9platform,
.page-content .a9stat,
.page-content .v8row,
.page-content .pub-item,
.page-content .agenda,
.page-content .connect-section,
.page-content .platform-card{background:var(--phase-surface)!important}

/* Herramientas y filtros */
.page-content .pub-toolbar,
.page-content .v8filter,
.page-content .calbar,
.page-content .filter-bar,
.page-content .toolbar{
  background:#fff!important;border:1px solid var(--phase-line)!important;border-radius:14px!important;box-shadow:var(--phase-shadow)!important
}
.page-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.page-content select,
.page-content textarea{
  min-height:40px;border:1px solid #dfe5ee!important;border-radius:10px!important;background:#fff!important;color:var(--phase-text)!important;box-shadow:none!important;font-size:11px
}
.page-content textarea{padding:10px 12px}
.page-content input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
.page-content select:focus,
.page-content textarea:focus{border-color:#7782ee!important;box-shadow:0 0 0 4px rgba(119,130,238,.10)!important;outline:none}
.page-content button:not(.header-bell):not(.mobile-menu-btn){font-family:inherit}

/* Estados */
.page-content .pub-badge,
.page-content .a9status,
.page-content .v8status,
.page-content .pill,
.page-content .badge,
.page-content .status-pill,
.page-content .count,
.page-content .v8pill{border-radius:999px!important}
.page-content .success,.page-content .ok{color:#19805a!important;background:var(--phase-success-soft)!important;border-color:#ccebdc!important}
.page-content .warning,.page-content .warn{color:#a86d08!important;background:var(--phase-warning-soft)!important;border-color:#f1dfb4!important}
.page-content .danger,.page-content .error{color:#ad3e4c!important;background:var(--phase-danger-soft)!important;border-color:#f1d0d5!important}

/* Tablas: mismas proporciones que las tarjetas */
.page-content table{border-radius:var(--phase-radius)!important;border:1px solid var(--phase-line)!important;box-shadow:var(--phase-shadow)!important;overflow:hidden}
.page-content table th{background:#f8f9fc!important;color:#78859a!important;font-size:8px!important}
.page-content table td{font-size:11px!important;color:#33435d!important}

/* Formularios */
.page-content .field label,
.page-content .np-field label,
.page-content .vu-field label,
.page-content .ve-field label{font-size:9px!important;font-weight:900!important;color:#53627a!important;letter-spacing:.15px}
.page-content .hint,.page-content .sub,.page-content .np-help,.page-content .vu-help,.page-content .gf-sub,.page-content .muted{color:#8d99aa!important}
.page-content hr{border:0;border-top:1px solid #edf0f5!important}

/* Mensajes */
.page-content .alert,.page-content .msg,.page-content .notice,.page-content .pub-alert,.page-content .a9alert,.page-content .v8filter{border-radius:12px!important;font-size:10px}

/* Espaciado de módulos */
.page-configuracion-index .cfg,
.page-avisos-index .av,
.page-cuentas-index .a9,
.page-videos-index .v8,
.page-publicaciones-index .pub-page,
.page-publicaciones-calendario .calx,
.page-publicaciones-nueva .np,
.page-publicaciones-detalles .ay-pd,
.page-publicaciones-editar .wrap,
.page-publicaciones-reintentar .wrap,
.page-publicaciones-eliminar .delete-panel,
.page-videos-subir .vu,
.page-videos-editar .ve,
.page-videos-detalles .video-detail,
.page-perfil-index .pf,
.page-grupos-index .v12,
.page-grupos-editar .gf,
.page-grupos-agregar .gf{max-width:1450px!important;margin-left:auto!important;margin-right:auto!important}

/* Tarjetas de estadísticas: aspecto compacto tipo Dashboard */
.page-content .pub-kpi,.page-content .a9stat,.page-content .v8stat{background:#fff!important;border:1px solid var(--phase-line)!important;box-shadow:var(--phase-shadow)!important}
.page-content .pub-kpi strong,.page-content .a9stat strong,.page-content .v8stat strong{color:var(--phase-text)!important}

/* Mobile */
@media(max-width:760px){
  .page-content .hero,.page-content .pub-hero,.page-content .a9hero,.page-content .v8hero,.page-content .vhero,.page-content .calx-hero,.page-content .vu-hero,.page-content .ve-hero,.page-content .np-hero,.page-content .ay-hero,.page-content .pfhero{padding:22px 20px;min-height:135px;border-radius:17px!important}
  .page-content .hero h1,.page-content .pub-hero h1,.page-content .a9hero h1,.page-content .v8hero h1,.page-content .vhero h1,.page-content .calx-hero h1,.page-content .vu-hero h1,.page-content .ve-hero h1,.page-content .np-hero h1,.page-content .ay-hero h1,.page-content .pfhero h1{font-size:23px!important}
  .page-content .hero,.page-content .pub-hero,.page-content .a9hero,.page-content .v8hero,.page-content .vhero,.page-content .calx-hero,.page-content .vu-hero,.page-content .ve-hero,.page-content .np-hero,.page-content .ay-hero,.page-content .pfhero{flex-direction:column;align-items:flex-start}
}

/* Elementos extraídos de estilos inline */
.hero-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#b8c0ff;text-transform:uppercase}
.a9-delete-form{margin:0}
.ay-result-inline{margin:0 0 4px 49px;border-top:0;padding-top:0}
.ay-err-inline{margin:0 0 4px 49px}
.ay-external-link{margin-top:5px}
.ay-min-width{min-width:0}
.flash-success{color:#17623d!important;background:#effaf4!important;border-color:#cceedd!important}
.flash-error{color:#8d2525!important;background:#fff1f1!important;border-color:#f1cccc!important}
.optional-note{font-size:9px;color:#929dad;font-weight:600}
.retry-item{padding:10px 0;border-bottom:1px solid #eee}
.tiktok-reload-btn{margin:0 0 10px;padding:9px 13px;border:1px solid #d9def0;border-radius:9px;background:#fff;color:#334b9b;font-weight:700;cursor:pointer}
.tiktok-preview-box{margin-bottom:12px}
.tiktok-preview{width:100%;max-height:360px;border-radius:12px;background:#101728}
.tiktok-status{margin-bottom:10px}
.tt-grid-wrap{margin-top:10px}
.tt-duration-box{padding:11px 12px;border:1px solid #e0e5ee;border-radius:10px;background:#fff;font-size:10px}
.tt-check.compact{padding:0}

/* Últimos estilos inline convertidos a clases */
.textarea-hashtags{min-height:80px!important}
.privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.privacy-option{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e4e8ef;border-radius:10px;padding:9px;text-align:center;font-size:9px;cursor:pointer;background:#fff;transition:.15s ease}
.privacy-option:has(input:checked){border-color:#8b94ef;background:#f5f6ff;color:#4f5bd0}
.required-mark{color:#8d2525}
.empty-inline{color:#9aa4b2}
.d-card-spaced{margin-top:14px!important}
.inline-empty{font-size:11px;color:#8994a5;padding:15px 0}
@media(max-width:650px){.privacy-grid{grid-template-columns:1fr}.privacy-option{justify-content:flex-start}}

/* ============================================================
   FASE 3 · Configuración de redes y tokens
   ============================================================ */
.page-configuracion-index .settings-page{max-width:1450px;margin:0 auto;padding:22px 28px 48px;color:#1b2942}
.page-configuracion-index .settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#0d1b33,#263e77);color:#fff;border-radius:21px;padding:27px 30px;margin-bottom:15px;box-shadow:0 12px 30px rgba(27,51,95,.12)}
.page-configuracion-index .settings-hero h1{margin:5px 0 6px;font-size:27px}.page-configuracion-index .settings-hero p{margin:0;color:#bec8db;font-size:11px}.page-configuracion-index .settings-hero-badge{padding:9px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:11px;font-size:9px;font-weight:800;white-space:nowrap}
.page-configuracion-index .settings-message{display:flex;gap:9px;align-items:center;padding:12px 14px;border-radius:12px;margin-bottom:12px;font-size:10px;border:1px solid}.page-configuracion-index .settings-message.success{background:#effaf4!important;color:#1b7650!important;border-color:#cbead9!important}.page-configuracion-index .settings-message.error{background:#fff1f1!important;color:#9f3844!important;border-color:#f1ced3!important}
.page-configuracion-index .settings-nav{display:flex;gap:7px;position:sticky;top:0;z-index:4;background:#f5f8fc;padding:5px 0 10px}.page-configuracion-index .settings-nav a{padding:8px 12px;border:1px solid #e0e6f0;border-radius:10px;background:#fff;text-decoration:none;color:#53627a;font-size:9px;font-weight:800}.page-configuracion-index .settings-nav a:hover{border-color:#8c96ed;color:#5963d6}
.page-configuracion-index .settings-section{background:#fff;border:1px solid #e4e9f1;border-radius:18px;box-shadow:0 8px 24px rgba(26,47,82,.045);padding:20px;margin-bottom:15px}.page-configuracion-index .settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.page-configuracion-index .settings-section-head>div{display:flex;align-items:center;gap:11px}.page-configuracion-index .settings-section-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#eef1ff;color:#5d68dc;font-size:17px}.page-configuracion-index .settings-section-head h2{font-size:15px;margin:0}.page-configuracion-index .settings-section-head p{font-size:9px;color:#8b97a8;margin:3px 0 0}.page-configuracion-index .secure-label{font-size:8px;font-weight:900;color:#25845b;background:#eaf9f1;padding:7px 9px;border-radius:999px}.page-configuracion-index .settings-form{display:flex;flex-direction:column;gap:13px}
.page-configuracion-index .network-card{border:1px solid #e3e8f0;border-radius:16px;padding:17px;background:#fbfcfe}.page-configuracion-index .network-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e9edf3}.page-configuracion-index .network-logo{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;box-shadow:0 6px 14px rgba(25,48,90,.13)}.page-configuracion-index .network-card.facebook .network-logo{background:#1877f2}.page-configuracion-index .network-card.instagram .network-logo{background:linear-gradient(135deg,#7b42f6,#e1306c,#f9ce34)}.page-configuracion-index .network-card.youtube .network-logo{background:#ff0000}.page-configuracion-index .network-card.tiktok .network-logo{background:#111}.page-configuracion-index .network-head h3{margin:0;font-size:13px}.page-configuracion-index .network-head p{margin:2px 0 0;color:#8b97a8;font-size:8px}.page-configuracion-index .network-status{margin-left:auto;font-size:8px;font-weight:900;padding:6px 9px;border-radius:999px}.page-configuracion-index .network-status.on{color:#1c8759;background:#eaf9f1}.page-configuracion-index .network-status.off{color:#a66e0b;background:#fff4dc}
.page-configuracion-index .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-configuracion-index .settings-field{position:relative;min-width:0}.page-configuracion-index .settings-field.full{grid-column:1/-1}.page-configuracion-index .settings-field label{display:block;font-size:9px;font-weight:900;color:#53627a;margin:0 0 6px}.page-configuracion-index .settings-field label small{font-size:7px;color:#98a2b0;font-weight:600;margin-left:4px}.page-configuracion-index .settings-field input,.page-configuracion-index .settings-field textarea{width:100%;box-sizing:border-box;min-height:40px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;color:#263650;padding:10px 12px;font-size:10px;outline:none}.page-configuracion-index .settings-field textarea{resize:vertical;min-height:72px;line-height:1.45}.page-configuracion-index .settings-field input:focus,.page-configuracion-index .settings-field textarea:focus{border-color:#7782ee;box-shadow:0 0 0 4px rgba(119,130,238,.10)}.page-configuracion-index .secret-field input{padding-right:68px}.page-configuracion-index .show-secret{position:absolute;right:7px;bottom:7px;border:0;background:#f2f4fa;color:#5966d3;border-radius:7px;padding:6px 7px;font-size:7px;font-weight:900;cursor:pointer}.page-configuracion-index .audit-row{padding-top:2px}.page-configuracion-index .switch-line{display:flex!important;align-items:center;gap:8px!important;padding:10px 12px;border:1px solid #e1e6ef;border-radius:10px;background:#fff}.page-configuracion-index .switch-line input{width:auto;min-height:auto}.page-configuracion-index .settings-actions{display:flex;justify-content:flex-end;margin-top:1px}.page-configuracion-index .settings-save{border:0;border-radius:10px;padding:11px 15px;background:#5e6ae0;color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 7px 16px rgba(94,106,224,.18)}.page-configuracion-index .settings-save:hover{filter:brightness(.97)}
.page-configuracion-index .token-warning{padding:10px 12px;border-radius:10px;background:#fff8e8;border:1px solid #f1dfb4;color:#96670e;font-size:9px;margin-bottom:12px}.page-configuracion-index .token-network{border:1px solid #e4e9f1;border-radius:15px;overflow:hidden;margin-bottom:11px}.page-configuracion-index .token-network-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8f9fc;border-bottom:1px solid #e9edf3;font-size:8px;color:#8792a2}.page-configuracion-index .token-network-title{display:flex;align-items:center;gap:8px}.page-configuracion-index .token-network-title strong{font-size:10px;color:#283852}.page-configuracion-index .token-network-title small{color:#909aaa}.page-configuracion-index .token-dot{width:9px;height:9px;border-radius:50%;background:#c6ccd6}.page-configuracion-index .token-dot.active{background:#16b36a;box-shadow:0 0 0 4px #e7f8ef}.page-configuracion-index .token-empty{padding:17px 14px;color:#929dac;font-size:9px}.page-configuracion-index .token-account{padding:14px;border-bottom:1px solid #edf0f4}.page-configuracion-index .token-account:last-child{border-bottom:0}.page-configuracion-index .token-account-info{display:flex;align-items:center;gap:8px;margin-bottom:11px}.page-configuracion-index .token-account-info strong{font-size:10px}.page-configuracion-index .token-account-info span{font-size:8px;color:#8d98a8}.page-configuracion-index .account-state{font-size:7px;font-style:normal;font-weight:900;padding:5px 7px;border-radius:999px}.page-configuracion-index .account-state.ok{background:#eaf9f1;color:#23845a}.page-configuracion-index .account-state.bad{background:#fff0f0;color:#a94049}.page-configuracion-index .token-fields{display:grid;grid-template-columns:1.25fr 1.25fr .75fr;gap:10px}.page-configuracion-index .token-present{color:#25895c;font-size:7px;margin-left:5px}.page-configuracion-index .token-missing{color:#b47b12;font-size:7px;margin-left:5px}.page-configuracion-index .clear-check{display:inline-flex!important;align-items:center;gap:4px;margin-top:5px!important;color:#a3454e!important;font-size:7px!important;font-weight:700!important}.page-configuracion-index .clear-check input{min-height:auto;width:auto}.page-configuracion-index .token-save-form{margin-top:12px}.page-configuracion-index .settings-secondary{font-size:9px;font-weight:800;text-decoration:none;color:#5966d3;background:#f5f6ff;border:1px solid #e0e4f5;padding:8px 10px;border-radius:9px}
@media(max-width:900px){.page-configuracion-index .token-fields{grid-template-columns:1fr}.page-configuracion-index .settings-hero{align-items:flex-start;flex-direction:column}.page-configuracion-index .settings-hero-badge{align-self:flex-start}}
@media(max-width:650px){.page-configuracion-index .settings-page{padding:16px 14px 35px}.page-configuracion-index .settings-grid{grid-template-columns:1fr}.page-configuracion-index .settings-field.full{grid-column:auto}.page-configuracion-index .settings-section{padding:14px}.page-configuracion-index .settings-section-head{align-items:flex-start;flex-direction:column}.page-configuracion-index .settings-nav{overflow:auto}.page-configuracion-index .network-card{padding:13px}.page-configuracion-index .token-account-info{align-items:flex-start;flex-direction:column;gap:4px}}

/* FASE 3.1 · Campos secretos visibles, Mostrar y Copiar */
.page-configuracion-index .secret-field input{padding-right:118px!important}
.page-configuracion-index .secret-actions{position:absolute;right:7px;bottom:7px;display:flex;gap:4px;z-index:2}
.page-configuracion-index .secret-actions button{border:0;background:#f2f4fa;color:#5966d3;border-radius:7px;padding:6px 7px;font-size:7px;font-weight:900;cursor:pointer}
.page-configuracion-index .secret-actions button:hover{background:#e7eaff}
.page-configuracion-index .secret-actions .copy-secret{color:#26845c;background:#edf9f3}
.page-configuracion-index .secret-actions .copy-secret:hover{background:#dff5e9}