:root{--admin-bg:#061832;--admin-panel:#103456;--admin-panel2:#0b2a48;--admin-line:#3a6689;--admin-cyan:#7cdaff;--admin-muted:#b9d2e4}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1400px;margin:auto;padding:13px 22px;border-bottom:1px solid #315a7b}.admin-head a{display:flex;align-items:center;gap:9px;text-decoration:none}.admin-head img{width:44px;height:44px;object-fit:contain}.admin-head span{color:#9bd9f6;font-size:.88rem}.admin-main{width:min(1400px,calc(100% - 28px));margin:24px auto 54px}.admin-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.admin-sidebar{position:sticky;top:18px;border:1px solid #315f81;border-radius:20px;background:linear-gradient(180deg,#0e3558,#092743);padding:15px;box-shadow:0 18px 45px #00142d38}.sidebar-title{display:flex;align-items:center;gap:10px;padding:5px 7px 16px;border-bottom:1px solid #315a78}.sidebar-title img{width:42px;height:42px;object-fit:contain}.sidebar-title div{display:grid}.sidebar-title strong{font-size:.9rem}.sidebar-title small{color:#92bad1;font-size:.72rem}.admin-sidebar nav{display:grid;gap:5px;padding:13px 0}.admin-sidebar nav a,.sidebar-site{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 11px;text-decoration:none;color:#cbe2f0;font-weight:720;font-size:.86rem}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#174c73;color:#fff}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #4d87aa;border-radius:7px;color:#92e0ff;font-weight:900}.sidebar-site{border-top:1px solid #315a78;border-radius:0;padding-top:15px;color:#8edcff}.admin-content{min-width:0}.admin-title{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:7px 3px 10px}.admin-title h1,.login-panel h1{font-size:clamp(2rem,5vw,3rem);margin:5px 0}.admin-title p,.login-panel p{color:#c6dcf0;margin:0 0 14px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 20px}.dashboard-grid a{display:grid;grid-template-columns:43px 1fr;column-gap:11px;align-items:center;border:1px solid #3b6e91;border-radius:16px;background:#0d3152;padding:16px;text-decoration:none}.dashboard-grid a:hover{border-color:#75c8ed;background:#123d62}.dash-icon{grid-row:1/3;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#0a82bc;color:#fff;font-size:1.25rem}.dashboard-grid strong{font-size:.92rem}.dashboard-grid small{color:#99bed4;font-size:.75rem}.admin-panel{background:linear-gradient(145deg,#103456,#0c2e4e);border:1px solid #3a6689;border-radius:20px;padding:clamp(20px,3vw,31px);margin:16px 0}.admin-panel h2{margin:0 0 18px}.admin-panel>p,.panel-heading p{color:#c6dcf0}.panel-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.panel-heading h2{margin:4px 0 5px}.panel-heading p{margin:0}.panel-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:12px;background:#087fba;font-size:1.25rem}.login-panel{max-width:490px;margin:8vh auto}.admin-panel form{display:grid;gap:17px}.admin-panel label{display:grid;gap:7px;font-weight:750}.admin-panel input,.admin-panel textarea,.admin-panel select{width:100%;border:1px solid #79bddf;border-radius:10px;background:#e9f5fd;padding:12px;font:inherit;color:#0b2c4d}.admin-panel textarea{resize:vertical}.admin-row,.text-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.text-fields label:nth-child(4n+1),.text-fields label:nth-child(4n+2){background:#0a2947;border-radius:12px;padding:12px}.admin-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.small-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6aaccf;border-radius:10px;background:#17456d;color:#eaf6ff;font-size:.92rem;font-weight:700;font-family:inherit;padding:10px 15px;cursor:pointer;text-decoration:none}.danger{border-color:#bb8c93;color:#ffdbe1}.admin-item{border-top:1px solid #446b87;padding:18px 0}.admin-item h3{margin:0 0 4px}.admin-item p{white-space:pre-wrap;color:#d4e8f4}.admin-item small{color:#94cee9}.admin-item form{display:block}.alert{border:1px solid #ef9bac;border-radius:12px;padding:12px;background:#652a3f}.admin-panel button{cursor:pointer}.admin-panel label small{font-weight:400;color:#b9d2e4}.image-preview-wrap{max-width:420px}.image-preview-wrap img,.admin-item-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #6498b7}.admin-item-image{max-width:270px;margin-bottom:12px}.admin-panel .check-label{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:.9rem}.admin-panel .check-label input{width:auto;min-width:18px;height:18px}.admin-panel .image-preview-wrap[hidden]{display:none}.admin-item>a{color:#9cddff;overflow-wrap:anywhere}#facebookAdmin h3{margin:30px 0 8px}#welcomeAdmin .welcome-admin-preview{display:block;width:min(100%,240px);max-height:370px;margin:14px auto 22px;border-radius:13px;background:#061832}#welcomeAdmin .welcome-remove-form{display:block;margin-top:17px}#welcomeAdmin input[type=range]{accent-color:#069bdc;padding:0;height:28px}.schedule-rows{display:grid;gap:13px}.schedule-row{display:grid;grid-template-columns:minmax(0,1fr) 145px minmax(0,1.5fr) auto;gap:10px;align-items:end;padding:13px;border:1px solid #4b7390;border-radius:13px;background:#0b2a48}.schedule-row-actions{display:flex;gap:5px}.schedule-row-actions .small-button{white-space:nowrap;padding:10px 12px}#addSchedule:disabled{opacity:.45;cursor:not-allowed}.admin-footer{width:min(1400px,calc(100% - 28px));margin:0 auto;padding:27px 4px 34px;border-top:1px solid rgba(155,211,245,.22);display:flex;align-items:center;gap:16px;color:#8fb8d0;font-size:.78rem}.admin-footer div{display:flex;align-items:center;gap:8px}.admin-footer img{width:31px;height:31px;object-fit:contain}.admin-footer small{margin-left:auto;color:#7fa7bf}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{display:flex;overflow-x:auto;padding-bottom:5px}.admin-sidebar nav a{white-space:nowrap}.sidebar-site{display:none}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:750px){.schedule-row{grid-template-columns:minmax(0,1fr) minmax(110px,.55fr)}.schedule-row label:nth-child(3){grid-column:1/-1}.schedule-row-actions{grid-column:1/-1}.schedule-row-actions .small-button{flex:1}.text-fields{grid-template-columns:1fr}}@media(max-width:600px){.admin-row{grid-template-columns:1fr}.admin-head span{font-size:.78rem}.admin-title{display:block}.admin-title form{margin-bottom:10px}.dashboard-grid{grid-template-columns:1fr}.admin-footer{flex-wrap:wrap}.admin-footer small{width:100%;margin-left:39px}.admin-main{width:min(100% - 18px,1400px)}}
/* Panel V2 */
.dashboard-grid{display:none}.dashboard-welcome{margin-top:8px}.dashboard-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-summary h2{margin:4px 0 6px}.dashboard-summary p{margin:0;color:#c6dcf0}.site-state{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #3f718f;border-radius:999px;white-space:nowrap}.site-state span,.status-dot{width:9px;height:9px;border-radius:50%;background:#48d68b;box-shadow:0 0 0 5px #48d68b1c}.site-state.maintenance span,.status-dot.is-maintenance{background:#ffb657;box-shadow:0 0 0 5px #ffb6571c}.sidebar-status{display:flex;align-items:center;gap:10px;border-top:1px solid #315a78;padding:15px 8px 4px}.sidebar-status div{display:grid}.sidebar-status strong{font-size:.78rem}.sidebar-status small{font-size:.68rem;color:#88afc6}.visual-editor{padding:22px}.editor-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;align-items:start}.editor-controls{display:grid;gap:14px;background:#092a48;border:1px solid #315f81;border-radius:16px;padding:16px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-grid label{font-size:.78rem}.control-grid input[type=range]{padding:0;height:24px;accent-color:#0aa5df}.color-row{display:flex;gap:7px}.color-row input[type=color]{height:43px;padding:4px}.tiny-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #548bad;border-radius:8px;background:#123e62;color:#eaf7ff;padding:7px 9px;font:700 .72rem inherit;text-decoration:none;cursor:pointer}.tiny-button.active{background:#087fba;border-color:#6ed4ff}.editor-note{font-size:.73rem;color:#93bdd4;line-height:1.5}.editor-preview{min-width:0;border:1px solid #315f81;border-radius:16px;overflow:hidden;background:#061832}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#0b2a48;border-bottom:1px solid #315f81;font-size:.8rem;font-weight:800}.preview-toolbar div{display:flex;gap:6px}.preview-stage{min-height:650px;overflow:auto;display:flex;justify-content:center;background:#041326;padding:0}.preview-stage iframe{display:block;width:100%;height:650px;border:0;background:#071d3e;transition:width .2s ease}.maintenance-switch{display:flex!important;grid-template-columns:auto auto 1fr!important;align-items:center;gap:12px!important;padding:14px;border:1px solid #416d8b;border-radius:14px;background:#0a2947}.maintenance-switch input{position:absolute;opacity:0;pointer-events:none}.maintenance-switch>span{width:48px;height:27px;border-radius:999px;background:#44677f;position:relative;transition:.2s}.maintenance-switch>span:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.maintenance-switch input:checked+span{background:#0797d0}.maintenance-switch input:checked+span:after{transform:translateX(21px)}.maintenance-switch div{display:grid}.maintenance-switch small{color:#96bed4}.maintenance-preview{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #315f81;border-radius:15px;background:linear-gradient(135deg,#103a5e,#082641)}.maintenance-preview img{width:60px;height:60px;object-fit:contain}.maintenance-preview div{display:grid;gap:3px}.maintenance-preview strong{font-size:1.05rem}.maintenance-preview small{color:#b7d2e2}.maintenance-preview .eyebrow{font-size:.65rem}.admin-sidebar nav a[href="#maintenanceAdmin"]{margin-top:7px;border-top:1px solid #315a78;border-radius:0;padding-top:15px}.admin-sidebar nav a[href="#maintenanceAdmin"] .nav-icon{border-radius:50%}
@media(max-width:1120px){.editor-layout{grid-template-columns:1fr}.preview-stage{min-height:560px}.preview-stage iframe{height:560px}}@media(max-width:700px){.control-grid{grid-template-columns:1fr}.dashboard-summary{align-items:flex-start;flex-direction:column}.preview-toolbar{align-items:flex-start;flex-direction:column}.editor-preview{margin-inline:-8px}.visual-editor{padding:16px}}
/* V3: editor cómodo y estado de mantenimiento */
.editor-preview{position:sticky;top:14px;align-self:start;max-height:calc(100vh - 28px)}
.preview-stage{min-height:560px;max-height:calc(100vh - 86px)}
.preview-stage iframe{height:620px}
.site-state.online span,.status-dot.is-online{background:#39d98a;box-shadow:0 0 0 5px #39d98a1c}
.site-state.maintenance span,.status-dot.is-maintenance{background:#ff4f5e;box-shadow:0 0 0 5px #ff4f5e22;animation:maintenancePulse 1.15s ease-in-out infinite}
@keyframes maintenancePulse{0%,100%{opacity:1;box-shadow:0 0 0 4px #ff4f5e22}50%{opacity:.45;box-shadow:0 0 0 9px #ff4f5e08}}
.admin-title h1{font-size:clamp(1.55rem,3vw,2.35rem)}
.dashboard-summary h2{margin:0 0 4px}.dashboard-summary p{margin:0;color:#9dc5da}
@media(max-width:1120px){.editor-preview{position:relative;top:auto;max-height:none}.preview-stage{max-height:none}}
@media(prefers-reduced-motion:reduce){.site-state.maintenance span,.status-dot.is-maintenance{animation:none}}
/* V4 */
.original-ref{display:block;margin-top:1px;color:#83b6d2!important;font-size:.68rem!important;font-weight:500!important;white-space:normal}.color-row{align-items:center}.color-row code{min-width:72px;color:#a9d9ef;font-size:.72rem}.save-feedback{color:#74e7ad;font-weight:800;font-size:.82rem}.maintenance-preview em{margin-top:4px;color:#8edcff;font-style:normal;font-size:.78rem}.eta-field{max-width:620px}.admin-sidebar nav a.active{background:#17608e;box-shadow:inset 3px 0 #79dcff}.editor-controls{position:relative}.editor-preview{z-index:3}

/* Ajustes V4: cabecera única, navegación y controles claros */
.admin-head>span{display:none}
.dashboard-welcome{scroll-margin-top:18px}
.dashboard-summary h1{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;margin:0 0 4px}
.dashboard-summary .logout-form{display:block;margin:0;flex:none}
.dashboard-summary .logout-form button{min-width:84px}
.admin-sidebar nav a[href="#maintenanceAdmin"]{margin-top:0;border-top:0;border-radius:10px;padding:10px 11px}
.admin-sidebar nav a[href="#maintenanceAdmin"] .nav-icon{border-radius:7px}
.admin-panel[id]{scroll-margin-top:18px}
.control-grid input[type=range]{appearance:none;-webkit-appearance:none;height:8px;border:0;border-radius:999px;padding:0;margin:12px 0 6px;cursor:pointer}
.control-grid input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;border:2px solid #dff6ff;background:var(--editor-color,#0aa5df);box-shadow:0 1px 5px #001a30}
.control-grid input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #dff6ff;background:var(--editor-color,#0aa5df)}
.color-row input[type=color]{min-width:54px;cursor:pointer;border:1px solid #85cbea}
.editor-preview,.preview-stage{overflow-anchor:none}
@media(max-width:700px){.dashboard-summary{flex-direction:row;align-items:center}.dashboard-summary .logout-form{margin:0}}
@media(max-width:410px){.dashboard-summary{align-items:flex-start}.dashboard-summary .logout-form button{min-width:64px;padding:8px}.dashboard-summary h1{font-size:1.25rem}}

/* Mantiene los campos de mantenimiento alineados por arriba. */
#maintenanceAdmin .admin-row{align-items:start}

/* Campos breves de mantenimiento: igual altura y alineación. */
#maintenanceAdmin .admin-row{align-items:start}
#maintenanceAdmin .admin-row input[name="maintenanceTitle"],
#maintenanceAdmin .admin-row textarea[name="maintenanceMessage"]{height:50px;min-height:50px;box-sizing:border-box}
#maintenanceAdmin .admin-row textarea[name="maintenanceMessage"]{resize:vertical;line-height:24px}