:root{--bg:#080b18;--panel:#10172a;--panel2:#151f38;--text:#f5f7fb;--muted:#a9b4cc;--line:rgba(255,255,255,.1);--primary:#6de1ff;--primary2:#8b5cf6;--ok:#19c37d;--warn:#f5b942;--danger:#ff6370;--shadow:0 18px 60px rgba(0,0,0,.35);--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(109,225,255,.18),transparent 25%),radial-gradient(circle at 80% 0%,rgba(139,92,246,.2),transparent 25%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:50;height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,11,24,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.3px}.brand img{width:42px;height:42px;object-fit:contain}.topnav{display:flex;gap:16px;align-items:center}.topnav a,.pill{padding:10px 14px;border-radius:999px;color:var(--muted)}.topnav a:hover,.pill{background:rgba(255,255,255,.08);color:var(--text)}.app-shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:290px;flex:0 0 290px;padding:22px 18px;background:rgba(16,23,42,.68);border-right:1px solid var(--line);height:calc(100vh - 72px);position:sticky;top:72px;overflow:auto}.user-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(109,225,255,.1),rgba(139,92,246,.1));margin-bottom:14px}.user-card small{display:block;color:var(--muted);margin-top:6px}.side-title{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:22px 10px 8px}.side-link{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;color:#dce6fb}.side-link:hover{background:rgba(255,255,255,.08)}.content{width:100%;max-width:1500px;margin:0 auto;padding:34px}.footer{padding:20px;text-align:center;color:var(--muted);border-top:1px solid var(--line);background:rgba(0,0,0,.14)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;min-height:560px}.hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;margin:14px 0}.hero p,.section-head p,.split-panel p{color:var(--muted);font-size:1.08rem;line-height:1.65}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid rgba(109,225,255,.25);border-radius:999px;color:#9ae8ff;background:rgba(109,225,255,.08);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s;background:rgba(255,255,255,.08);color:var(--text);font-size:.95rem}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.18)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#06101c}.btn.ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.btn.danger{background:linear-gradient(135deg,#ff6370,#ff965c);color:#19050a}.btn.small{padding:9px 13px;font-size:.86rem}.glass,.card,.table-card,.kpi,.login-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:18px}.hero-card img{width:100%;border-radius:18px;display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.metric-grid div,.kpi{padding:18px;border-radius:18px;background:rgba(255,255,255,.06)}.metric-grid strong,.kpi strong{display:block;font-size:1.8rem}.metric-grid span,.kpi span,.muted{color:var(--muted)}.section-head{margin:38px 0 20px}.section-head.compact{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-head h1,.section-head h2{margin:10px 0 6px}.section-head.narrow{max-width:760px}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:22px}.software-card{overflow:hidden;padding:0}.software-card img{width:100%;height:190px;object-fit:cover;background:#0f172a}.software-card>div{padding:20px}.software-card.tall img{height:230px}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:800;background:rgba(255,255,255,.1);color:#dbe6ff}.badge.ok{background:rgba(25,195,125,.15);color:#75f0b8}.badge.warn{background:rgba(245,185,66,.16);color:#ffd27d}.badge.danger{background:rgba(255,99,112,.16);color:#ff9aa4}.badge.promo{background:linear-gradient(135deg,rgba(109,225,255,.22),rgba(139,92,246,.24));color:#f5fbff;border:1px solid rgba(109,225,255,.32)}.split-panel{margin:40px 0;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(109,225,255,.09),rgba(139,92,246,.13));border:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-list span{padding:14px;border-radius:16px;background:rgba(0,0,0,.16);border:1px solid var(--line)}.auth-body{display:grid;place-items:center;padding:24px}.auth-wrap{width:min(520px,100%)}.auth-brand{justify-content:center;margin-bottom:22px}.login-card{padding:28px}.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:grid;gap:7px;color:#dce6fb;font-weight:750}.form-grid label.full,.form-actions.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.toolbar input{width:100%;padding:12px 13px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--text);outline:none}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.toolbar input:focus{border-color:rgba(109,225,255,.55)}.check{display:flex!important;align-items:center;gap:10px;align-self:end}.check input{width:auto}.form-actions{display:flex;gap:12px}.toolbar{display:flex;gap:12px;margin-bottom:16px}.toolbar input{max-width:480px}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;min-width:900px}.table-card th,.table-card td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table-card th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.04)}.actions{display:flex;gap:12px}.actions a{color:#9ae8ff;font-weight:800}.danger-link{color:#ff9aa4!important}.thumb{width:56px;height:40px;border-radius:8px;object-fit:cover}.empty{text-align:center;color:var(--muted);padding:28px!important}.kpi span{display:block}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid a{padding:20px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:850}.quick-grid a:hover{background:rgba(109,225,255,.11)}.list-line{padding:12px 0;border-bottom:1px solid var(--line)}.list-line strong,.list-line span{display:block}.list-line span{color:var(--muted);margin-top:4px}.camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.camera-card{border-radius:20px;background:#050814;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.camera-top,.camera-meta{display:flex;gap:8px;justify-content:space-between;padding:12px 14px;align-items:center}.camera-card video,.camera-placeholder{width:100%;aspect-ratio:16/9;background:#000;display:grid;place-items:center}.camera-placeholder{color:var(--muted);text-align:center;padding:18px}.camera-placeholder span{font-size:3rem}.camera-placeholder p,.camera-placeholder small,.camera-placeholder em{margin:3px 0;display:block}.camera-meta{font-size:.78rem;color:var(--muted)}.fullscreen-card{position:fixed!important;inset:18px;z-index:1000}.fullscreen-card video,.fullscreen-card .camera-placeholder{height:calc(100vh - 110px);aspect-ratio:auto}.alert{padding:13px 16px;border-radius:16px;margin-bottom:16px;border:1px solid var(--line);background:rgba(255,255,255,.08)}.alert.success{border-color:rgba(25,195,125,.35);background:rgba(25,195,125,.12)}.alert.danger{border-color:rgba(255,99,112,.35);background:rgba(255,99,112,.12)}.alert.warning{border-color:rgba(245,185,66,.35);background:rgba(245,185,66,.12)}.danger-zone pre{max-height:260px;overflow:auto;padding:14px;border-radius:14px;background:rgba(0,0,0,.25)}.menu-button{display:none;background:none;border:0;color:var(--text);font-size:1.5rem}@media(max-width:1100px){.hero,.split-panel,.form-shell{grid-template-columns:1fr}.cards.three,.cards.four,.cards.two,.camera-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:fixed;left:-310px;z-index:80;transition:.2s}.sidebar.open{left:0}.menu-button{display:block}.content{padding:24px}.topnav{display:none}}@media(max-width:720px){.cards.three,.cards.four,.cards.two,.camera-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.hero h1{font-size:2.4rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.section-head.compact{align-items:flex-start;flex-direction:column}.topbar{padding:0 16px}.content{padding:18px}}
.public-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.public-cta{display:flex;align-items:center;justify-content:center;text-align:center;min-height:72px;padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:850}.public-cta:hover{background:rgba(109,225,255,.11);transform:translateY(-1px)}.empty-public{grid-column:1/-1;text-align:center;color:var(--muted)}@media(max-width:720px){.public-cta-grid{grid-template-columns:1fr}}.public-cta{flex-direction:column;gap:6px}.public-cta small{display:block;color:var(--muted);font-size:.8rem;font-weight:700;line-height:1.35}.proposal-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;margin-bottom:28px;background:linear-gradient(135deg,rgba(109,225,255,.10),rgba(139,92,246,.14))}.proposal-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;margin:14px 0}.proposal-hero p{color:var(--muted);font-size:1.08rem;line-height:1.65;max-width:850px}.proposal-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.proposal-points span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:800;color:#dce6fb}.proposal-side{padding:22px;display:grid;gap:12px}.proposal-side strong{font-size:1.4rem}.proposal-side span{color:var(--muted);line-height:1.55}.proposal-form{margin-bottom:28px}.upload-box input[type=file]{padding:18px;border-style:dashed;background:rgba(109,225,255,.06)}.upload-box small{color:var(--muted);font-weight:650;line-height:1.45}.file-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:rgba(109,225,255,.12);border:1px solid rgba(109,225,255,.25);color:#9ae8ff;font-weight:850;white-space:nowrap}@media(max-width:900px){.proposal-hero{grid-template-columns:1fr}}
.badge.price-login{background:linear-gradient(135deg,rgba(245,185,66,.18),rgba(109,225,255,.16));color:#fff1c4;border:1px solid rgba(245,185,66,.35)}.software-price{font-size:1.05rem}.software-card .btn{margin-top:12px}.software-card .card-row+.btn{margin-top:12px}.software-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:6px}.software-price-list span{display:grid;gap:3px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.software-price-list em{font-style:normal;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.software-price-list strong{font-size:.95rem;color:#f5f7fb}.software-card .software-price-list{margin:8px 0}.software-card .card-row:has(.software-price-list){align-items:flex-start}.form-grid label small{color:var(--muted);font-weight:650}.table-card td .software-price-list{min-width:260px}@media(max-width:720px){.software-price-list{grid-template-columns:1fr}}

/* ==========================================================
   AMR Software · Visual profesional oscuro + Admin moderno
   ========================================================== */
body.public-dark,
body.admin-dark{
    background:
        radial-gradient(circle at 10% -10%, rgba(0,132,255,.22), transparent 28%),
        radial-gradient(circle at 92% 4%, rgba(24,195,125,.13), transparent 30%),
        linear-gradient(180deg,#050812 0%,#07111f 44%,#04060d 100%);
}
.brand img,.sidebar-logo-panel img,.auth-brand img{filter:drop-shadow(0 8px 22px rgba(0,0,0,.45));}
.brand span{color:#fff;text-shadow:0 0 22px rgba(109,225,255,.25)}
.topbar{background:linear-gradient(90deg,rgba(4,8,18,.92),rgba(8,16,32,.82));border-bottom:1px solid rgba(109,225,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.25)}
.topnav a.active,.topnav .pill.active{background:rgba(109,225,255,.12);color:#fff;border:1px solid rgba(109,225,255,.22)}
.admin-dark .app-shell{background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 45%)}
.admin-dark .content{padding:28px 32px 40px;max-width:1680px}
.sidebar{background:linear-gradient(180deg,rgba(7,14,28,.92),rgba(10,18,36,.80));box-shadow:18px 0 60px rgba(0,0,0,.22);border-right:1px solid rgba(109,225,255,.14)}
.sidebar-logo-panel{display:flex;align-items:center;gap:12px;padding:14px;margin:0 0 14px;border:1px solid rgba(109,225,255,.16);border-radius:20px;background:linear-gradient(135deg,rgba(109,225,255,.09),rgba(139,92,246,.08))}
.sidebar-logo-panel img{width:48px;height:48px;object-fit:contain}.sidebar-logo-panel strong{display:block;color:#fff}.sidebar-logo-panel small{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.user-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(109,225,255,.14)}.avatar-chip{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#06101c;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.side-link{position:relative;margin:3px 0;border:1px solid transparent}.side-link span{width:23px;text-align:center}.side-link b{font-weight:780}.side-link:hover,.side-link.active{background:linear-gradient(135deg,rgba(109,225,255,.13),rgba(139,92,246,.10));border-color:rgba(109,225,255,.20);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.14)}.side-link.active:before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--primary2))}.side-title{color:#7fdfff;font-weight:900;opacity:.82}.admin-page-heading,.admin-hero-panel{position:relative;overflow:hidden;margin:0 0 22px;padding:24px;border:1px solid rgba(109,225,255,.16);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.28)}.admin-page-heading:after,.admin-hero-panel:after{content:"";position:absolute;inset:auto -18% -55% 48%;height:220px;background:radial-gradient(circle,rgba(109,225,255,.17),transparent 65%);pointer-events:none}.admin-page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.admin-page-heading h1,.admin-hero-panel h1{margin:8px 0 6px;font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:1}.admin-page-heading p,.admin-hero-panel p{max-width:850px;color:var(--muted);line-height:1.58;margin:0}.admin-hero-panel{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.admin-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.kpi.modern{border:1px solid rgba(109,225,255,.15);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));position:relative;overflow:hidden}.kpi.modern:after{content:"";position:absolute;right:-24px;top:-24px;width:92px;height:92px;border-radius:50%;background:rgba(109,225,255,.12)}.kpi.modern strong{font-size:2.35rem}.kpi.modern small{color:var(--muted);display:block;margin-top:4px}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-card{min-height:220px;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--primary)}.admin-card.accent-blue:before{background:#6de1ff}.admin-card.accent-violet:before{background:#8b5cf6}.admin-card.accent-green:before{background:#19c37d}.admin-card.accent-orange:before{background:#f5b942}.admin-card h3{margin:0}.list-line{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.075);display:grid;gap:4px}.list-line:last-child{border-bottom:0}.list-line strong{color:#fff}.list-line span{color:var(--muted)}.quick-grid.modern{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid.modern a{display:grid;gap:5px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(109,225,255,.14);min-height:116px}.quick-grid.modern a span{font-size:1.45rem}.quick-grid.modern a strong{color:#fff}.quick-grid.modern a small{color:var(--muted);font-weight:650}.admin-toolbar{padding:14px;border:1px solid rgba(109,225,255,.12);border-radius:22px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.admin-toolbar input{max-width:none;flex:1;background:rgba(2,6,16,.55)}.admin-table-card{border-color:rgba(109,225,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))}.admin-table-card th{background:rgba(109,225,255,.08);color:#bfefff}.admin-table-card tr:hover td{background:rgba(109,225,255,.035)}.actions a{padding:7px 10px;border-radius:999px;background:rgba(109,225,255,.09);border:1px solid rgba(109,225,255,.16)}.actions .danger-link{background:rgba(255,99,112,.09);border-color:rgba(255,99,112,.18)}.admin-form-card{border-color:rgba(109,225,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.26)}.admin-form-card label{padding:12px;border-radius:18px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.06)}.admin-form-card label.check{background:rgba(109,225,255,.055)}.admin-form-card input,.admin-form-card select,.admin-form-card textarea{background:rgba(2,6,16,.56)!important;border-color:rgba(109,225,255,.14)!important}.admin-form-card input:focus,.admin-form-card select:focus,.admin-form-card textarea:focus{box-shadow:0 0 0 4px rgba(109,225,255,.08)}.software-admin-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.software-admin-note>div{padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(109,225,255,.10),rgba(139,92,246,.08));border:1px solid rgba(109,225,255,.16)}.software-admin-note strong{display:block;color:#fff;margin-bottom:5px}.software-admin-note span{color:var(--muted);line-height:1.45}.software-web-link{display:inline-flex;align-items:center;gap:7px;margin:10px 0 0;padding:8px 11px;border-radius:999px;background:rgba(25,195,125,.10);border:1px solid rgba(25,195,125,.26);color:#8ff0c4;font-weight:850;font-size:.86rem}.software-web-link:hover{background:rgba(25,195,125,.16);transform:translateY(-1px)}.hero{position:relative}.hero:before{content:"";position:absolute;inset:-60px -40px auto auto;width:360px;height:360px;border-radius:50%;background:rgba(109,225,255,.10);filter:blur(8px);pointer-events:none}.hero h1{color:#fff}.glass,.card,.table-card,.kpi,.login-card{border-color:rgba(109,225,255,.13)}.software-card{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border-color:rgba(109,225,255,.15)}.software-card img{background:#030713}.software-card h3{color:#fff}.footer{background:#030711;color:#8ea0c7}.alert.success{border:1px solid rgba(25,195,125,.35);background:rgba(25,195,125,.12);color:#b7ffdc}.alert.error{border:1px solid rgba(255,99,112,.35);background:rgba(255,99,112,.12);color:#ffd2d7}
@media(max-width:1100px){.admin-metrics-grid,.quick-grid.modern{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid,.admin-hero-panel,.admin-page-heading,.software-admin-note{grid-template-columns:1fr}.admin-hero-actions{justify-content:flex-start}}
@media(max-width:720px){.admin-dark .content{padding:20px 16px}.admin-metrics-grid,.quick-grid.modern{grid-template-columns:1fr}.admin-page-heading{align-items:flex-start}.sidebar-logo-panel{display:none}}

/* ==========================================================
   AMR Software · Compra profesional + lectura clara
   Fondo oscuro institucional, superficies claras con texto oscuro
   ========================================================== */
.cart-top-link{display:inline-flex!important;align-items:center;gap:8px;border:1px solid rgba(109,225,255,.25);background:rgba(109,225,255,.10)!important;color:#fff!important}.cart-top-link span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#fff;color:#07111f;font-size:.78rem;font-weight:950}.cart-top-link.active{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#06101c!important}.cart-top-link.active span{background:#06101c;color:#fff}

.public-dark .card,.public-dark .glass,.public-dark .login-card,.public-dark .table-card,.admin-dark .card,.admin-dark .table-card,.admin-dark .login-card,.admin-dark .admin-form-card,.admin-dark .admin-toolbar,.admin-dark .admin-page-heading,.admin-dark .admin-hero-panel,.admin-dark .software-admin-note>div,.admin-dark .kpi.modern,.admin-dark .quick-grid.modern a{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.94))!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important;box-shadow:0 24px 80px rgba(0,0,0,.24)!important}.public-dark .card h1,.public-dark .card h2,.public-dark .card h3,.public-dark .glass h1,.public-dark .glass h2,.public-dark .glass h3,.admin-dark .card h1,.admin-dark .card h2,.admin-dark .card h3,.admin-dark .admin-page-heading h1,.admin-dark .admin-hero-panel h1,.admin-dark .quick-grid.modern a strong,.admin-dark .software-admin-note strong,.admin-dark .list-line strong,.software-card h3{color:#0b1220!important}.public-dark .card p,.public-dark .glass p,.admin-dark .card p,.admin-dark .admin-page-heading p,.admin-dark .admin-hero-panel p,.admin-dark .software-admin-note span,.admin-dark .quick-grid.modern a small,.admin-dark .list-line span,.muted{color:#475569!important}.public-dark .hero h1,.public-dark .section-head h1,.public-dark .section-head h2,.public-dark .hero-text p,.public-dark .section-head p{color:#fff!important}.public-dark .hero-text .muted,.public-dark .section-head .muted{color:#cbd5e1!important}.public-dark .software-card img,.admin-dark .software-card img{background:#e2e8f0}.public-dark .public-cta,.admin-dark .public-cta{background:#ffffff!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important}.public-dark .public-cta small,.admin-dark .public-cta small{color:#475569!important}.badge{background:#eef2ff!important;color:#1e293b!important;border:1px solid rgba(30,41,59,.08)}.badge.ok{background:#dcfce7!important;color:#166534!important}.badge.warn{background:#fef3c7!important;color:#92400e!important}.badge.danger{background:#fee2e2!important;color:#991b1b!important}.badge.promo{background:linear-gradient(135deg,#ecfeff,#ede9fe)!important;color:#164e63!important;border-color:#bae6fd!important}.badge.price-login{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.badge.payment{gap:6px;font-size:.76rem}.badge.payment.mp{background:#dbeafe!important;color:#1d4ed8!important}.badge.payment.prex{background:#ede9fe!important;color:#6d28d9!important}.badge.payment.cash{background:#dcfce7!important;color:#166534!important}

.form-grid label{color:#0f172a!important}.form-grid input,.form-grid textarea,.form-grid select,.toolbar input,.admin-form-card input,.admin-form-card select,.admin-form-card textarea{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}.form-grid input::placeholder,.form-grid textarea::placeholder,.toolbar input::placeholder{color:#64748b}.table-card th{background:#f1f5f9!important;color:#334155!important}.table-card td{color:#0f172a!important}.table-card tr:hover td{background:#f8fafc!important}.file-link{background:#e0f2fe!important;color:#075985!important;border-color:#bae6fd!important}.actions a{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.actions .danger-link{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.software-price-list span{background:#f8fafc!important;border-color:#e2e8f0!important}.software-price-list em{color:#64748b!important}.software-price-list strong{color:#0f172a!important}.software-web-link{background:#dcfce7!important;border-color:#bbf7d0!important;color:#166534!important}.btn.ghost{background:#fff!important;color:#0f172a!important;border:1px solid #cbd5e1!important}.btn.primary{background:linear-gradient(135deg,#38bdf8,#60a5fa)!important;color:#06101c!important}.alert{background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important}.alert.success{background:#ecfdf5!important;color:#065f46!important;border-color:#a7f3d0!important}.alert.danger{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}.alert.warning{background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}

.purchase-mini-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.purchase-mini-form label{display:grid;gap:5px;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#475569}.purchase-mini-form select{min-height:38px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:7px 10px;font-weight:800}.buy-btn{white-space:nowrap}.full-width{width:100%;margin-top:10px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.purchase-heading{margin-bottom:22px}.cart-items-card h2,.checkout-form-card h2{margin-top:0}.cart-line{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #e2e8f0}.cart-line:last-child{border-bottom:0}.cart-line img{width:86px;height:62px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0}.cart-line strong,.checkout-summary-line strong{color:#0f172a}.cart-line span,.cart-line small,.checkout-summary-line small{display:block;color:#64748b;margin-top:3px}.cart-price{text-align:right}.cart-summary-card{position:sticky;top:92px}.summary-total{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:16px 0;margin:10px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.summary-total span{color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.summary-total strong{font-size:1.7rem;color:#0f172a}.payment-methods-preview{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.payment-methods-preview>span{display:block;color:#64748b;font-weight:900;margin-bottom:8px}.payment-methods-preview div{display:flex;gap:8px;flex-wrap:wrap}.checkout-form-card{align-items:start}.checkout-summary-line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2e8f0}.checkout-summary-line span{display:grid;gap:3px;color:#0f172a;font-weight:850}.payment-method-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-method-panel>div{padding:14px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.payment-method-panel p{margin:9px 0 0;color:#475569!important;line-height:1.45;font-size:.9rem}.empty-cart-card{text-align:center;padding:38px}.purchase-success-card{max-width:980px;margin:0 auto;padding:34px}.purchase-success-card>p{font-size:1.05rem;line-height:1.6}.order-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.order-box>div{padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.order-box span{display:block;color:#64748b;font-weight:900;text-transform:uppercase;font-size:.74rem;letter-spacing:.05em}.order-box strong{display:block;color:#0f172a;margin-top:5px}.success-items{display:grid;gap:10px}.success-items>div{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.success-items span{display:block;color:#64748b;margin-top:3px}

@media(max-width:1100px){.checkout-layout{grid-template-columns:1fr}.cart-summary-card{position:static}.payment-method-panel{grid-template-columns:1fr}.cart-line{grid-template-columns:70px 1fr}.cart-price{text-align:left}.cart-line form{grid-column:2}.purchase-mini-form{grid-template-columns:1fr}.order-box{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.order-box{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr}.cart-line img{width:100%;height:150px}.purchase-mini-form select,.purchase-mini-form .btn{width:100%}}

/* Aprobación manual de pagos y control de acceso */
.approval-workflow-note{
    margin: 14px 0 18px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(245,158,11,.28);
    background: #fff7ed;
    color: #7c2d12;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
}
.approval-workflow-note.public-note{margin:16px 0;background:#f8fafc;color:#111827;border-color:#d1d5db;}
.inline-action-form{display:inline-flex;margin:0 4px 4px 0;vertical-align:middle;}
.link-action{border:0;background:transparent;font-weight:800;cursor:pointer;padding:0;text-decoration:underline;font:inherit;}
.link-action.approve{color:#047857;}
.link-action.reject{color:#b91c1c;}
.mini-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:900;margin:0 4px;background:#f1f5f9;color:#334155;}
.mini-status.ok{background:#dcfce7;color:#166534;}
.mini-status.danger{background:#fee2e2;color:#991b1b;}
.btn.disabled,.btn[aria-disabled="true"]{background:#e5e7eb!important;color:#64748b!important;border-color:#cbd5e1!important;box-shadow:none!important;cursor:not-allowed;pointer-events:none;}
.access-status-card{border-radius:16px;padding:12px 14px;margin-top:12px;font-weight:850;line-height:1.35;border:1px solid #d1d5db;background:#f8fafc;color:#111827;}
.access-status-card small{display:block;margin-top:4px;color:#64748b;font-weight:700;}
.access-status-card.access-ok{border-color:#86efac;background:#ecfdf5;color:#166534;}
.access-status-card.access-pending{border-color:#fcd34d;background:#fffbeb;color:#92400e;}
.software-web-link.locked{display:block;border-radius:14px;border:1px solid #e5e7eb;background:#f8fafc;color:#475569;padding:10px 12px;text-decoration:none;font-weight:800;}

/* Edición profesional de Software, promociones y errores modernos */
.software-edit-heading{align-items:flex-start;}
.modern-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;}
.modern-note-grid>div{min-height:96px;}
.software-edit-form{display:grid;gap:20px;background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important;}
.form-fieldset{border:1px solid #dbe3ef;border-radius:22px;padding:20px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08);}
.form-fieldset legend{display:grid;gap:5px;width:100%;padding:0 0 12px;margin-bottom:10px;border-bottom:1px solid #e2e8f0;color:#0f172a;}
.form-fieldset legend strong{font-size:1.02rem;color:#0f172a;}
.form-fieldset legend span{font-size:.92rem;color:#64748b;line-height:1.45;}
.admin-form-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.admin-form-card label{display:grid;gap:7px;font-weight:850;}
.admin-form-card label>span:first-child{color:#334155;font-size:.88rem;}
.admin-form-card label small{color:#64748b;font-weight:650;line-height:1.4;}
.admin-form-card label.full{grid-column:1/-1;}
.admin-form-card label.check{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;}
.admin-form-card label.check input{width:18px;height:18px;margin-top:1px;}
.admin-form-card label.check small{display:block;width:100%;}
.current-file-preview{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;}
.current-file-preview img{width:120px;height:74px;object-fit:cover;border-radius:12px;border:1px solid #cbd5e1;background:#fff;}
.current-file-preview a{font-weight:900;color:#0369a1;text-decoration:underline;}
.current-file-preview span{color:#64748b;font-size:.88rem;}
.sticky-form-actions{position:sticky;bottom:12px;z-index:20;display:flex;gap:12px;justify-content:flex-end;padding:14px;border-radius:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid #e2e8f0;box-shadow:0 18px 50px rgba(15,23,42,.18);}
.badge.promo.referral{background:#f0fdf4!important;color:#166534!important;border-color:#bbf7d0!important;}
.badge.promo.custom{background:#fdf2f8!important;color:#9d174d!important;border-color:#fbcfe8!important;}
.error-page-body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(109,225,255,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(139,92,246,.2),transparent 28%),#080b18;color:#fff;}
.error-page-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;}
.error-card-modern{width:min(820px,100%);text-align:center;padding:44px 34px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.96));border:1px solid rgba(255,255,255,.65);box-shadow:0 30px 90px rgba(0,0,0,.34);color:#0f172a;}
.error-card-modern .error-logo{width:86px;height:86px;object-fit:contain;margin:0 auto 16px;padding:14px;border-radius:24px;background:#0f172a;box-shadow:0 16px 42px rgba(15,23,42,.25);}
.error-card-modern h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:10px 0;color:#0f172a;}
.error-card-modern p{font-size:1.06rem;line-height:1.6;color:#475569;margin:0 auto 14px;max-width:620px;}
.error-card-modern small{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#64748b;margin-bottom:18px;}
.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px;}

@media(max-width:900px){.modern-note-grid{grid-template-columns:1fr}.admin-form-card .form-grid{grid-template-columns:1fr}.sticky-form-actions{position:static;justify-content:stretch;flex-direction:column}.sticky-form-actions .btn{width:100%;text-align:center}.current-file-preview img{width:100%;height:160px}.error-card-modern{padding:32px 20px}}

/* ==========================================================
   AMR Software - mejora visual clara + módulos públicos 2026
   ========================================================== */
:root{
  --amr-dark:#06111f;
  --amr-slate:#0f172a;
  --amr-text:#101827;
  --amr-muted:#475569;
  --amr-border:#d9e3ef;
  --amr-card:#ffffff;
  --amr-soft:#f5f8fc;
  --amr-primary:#1357d4;
}
body.public-dark,
body.admin-dark{
  background: radial-gradient(circle at top left, rgba(26,87,212,.18), transparent 28%), linear-gradient(135deg,#07111f,#0b1b30 52%,#06111f);
  color: var(--amr-text);
}
.content{color:var(--amr-text)}
.card,
.public-card-clear,
.auth-card-clear,
.admin-form-card,
.checkout-form-card,
.cart-summary-card,
.table-card,
.dashboard-card,
.form-fieldset,
.current-file-preview{
  background: rgba(255,255,255,.96) !important;
  color: var(--amr-text) !important;
  border: 1px solid rgba(217,227,239,.95) !important;
  box-shadow: 0 22px 70px rgba(2, 8, 23, .16) !important;
}
.card h1,.card h2,.card h3,.card h4,
.public-card-clear h1,.public-card-clear h2,.public-card-clear h3,
.admin-form-card h1,.admin-form-card h2,.admin-form-card h3,
.form-fieldset legend strong,
.login-card h1{color:#0f172a !important}
.card p,.public-card-clear p,.admin-form-card p,.form-fieldset legend span,
.card small,.muted{color:var(--amr-muted) !important}
input,select,textarea{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cbd5e1 !important;
  border-radius:14px !important;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:#2563eb !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;
}
label span,label{color:#1e293b !important}
.topbar{background:rgba(3,10,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand img{max-height:42px;object-fit:contain}
.brand span,.topnav a{color:#f8fafc !important}.topnav a.pill{background:#fff;color:#0f172a !important}
.sidebar{background:linear-gradient(180deg,#07111f,#0b1628) !important;border-right:1px solid rgba(255,255,255,.08)}
.sidebar *{color:#f8fafc}.side-link{border:1px solid transparent}.side-link.active,.side-link:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16)}
.side-title{color:#93c5fd !important}
.admin-page-heading,.section-head,.purchase-heading{
  background:rgba(255,255,255,.95);border:1px solid var(--amr-border);border-radius:26px;padding:24px;box-shadow:0 22px 70px rgba(2,8,23,.14);margin-bottom:22px;color:var(--amr-text)
}
.admin-page-heading h1,.section-head h1,.section-head h2,.purchase-heading h1{color:#0f172a}.admin-page-heading p,.section-head p,.purchase-heading p{color:#475569}
.eyebrow{color:#1d4ed8 !important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.btn{border-radius:14px;font-weight:800}.btn.primary{background:linear-gradient(135deg,#1457d9,#0f3ea8);color:#fff !important;border:0}.btn.ghost{background:#fff;color:#0f172a !important;border:1px solid #cbd5e1}
.about-hero,.contact-hero,.proposal-hero{display:grid;grid-template-columns:1.5fr .9fr;gap:28px;align-items:center;margin-bottom:26px;padding:34px !important}
.about-hero h1,.contact-hero h1,.proposal-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;margin:.35rem 0;color:#0f172a}
.about-hero p,.contact-hero p,.proposal-hero p{font-size:1.05rem;line-height:1.7;color:#334155 !important}
.about-logo-panel,.proposal-side,.contact-info-panel{background:linear-gradient(160deg,#0f172a,#1e3a8a);color:#fff;border-radius:24px;padding:26px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.about-logo-panel img{max-width:180px;margin-bottom:16px}.about-logo-panel strong,.proposal-side strong{display:block;font-size:1.15rem;color:#fff}.about-logo-panel span,.proposal-side span{display:block;color:#dbeafe;margin-top:8px;line-height:1.55}
.about-cta-note{margin-top:20px;padding:16px 18px;border-radius:18px;background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe;font-weight:700}
.about-values .mini-icon{font-size:2rem;display:inline-grid;width:54px;height:54px;border-radius:16px;background:#eff6ff;place-items:center;margin-bottom:12px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.team-card{display:flex;gap:16px;align-items:flex-start;padding:20px}.team-photo{width:86px;height:86px;border-radius:22px;object-fit:cover;border:3px solid #e2e8f0}.team-card strong{display:block;color:#1d4ed8;margin:.2rem 0 .6rem}
.contact-info-panel{display:grid;gap:12px}.contact-info-panel a,.contact-info-panel div{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;text-decoration:none}.contact-info-panel span{display:block;color:#bfdbfe;font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.contact-info-panel strong{display:block;color:#fff;margin-top:3px;word-break:break-word}
.contact-form-shell{align-items:start}.professional-form{gap:18px}.professional-form label{font-weight:700}.professional-form label input,.professional-form label textarea,.professional-form label select{margin-top:7px}
.captcha-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #dbe5ef}.captcha-card strong{display:block;color:#0f172a}.captcha-card span{color:#64748b}.captcha-question{display:flex !important;align-items:center;gap:10px;margin:0 !important}.captcha-question span{font-size:1.3rem;font-weight:900;color:#0f172a !important}.captcha-question input{width:120px;text-align:center;font-size:1.15rem;font-weight:800}
.auth-body{background:radial-gradient(circle at top,rgba(37,99,235,.25),transparent 30%),linear-gradient(135deg,#07111f,#0f172a);min-height:100vh}.auth-wrap{max-width:520px}.auth-card-clear{padding:34px;border-radius:30px}.auth-card-head{text-align:left;margin-bottom:22px}.auth-card-head p{line-height:1.6}.forgot-link{display:inline-block;text-align:center;color:#1d4ed8 !important;font-weight:800;text-decoration:none;margin-top:4px}.auth-brand img{max-height:46px}
.table-card table,.data-table{background:#fff;color:#0f172a}.table-card th,.data-table th{color:#0f172a;background:#f1f5f9}.table-card td,.data-table td{color:#1e293b;border-color:#e2e8f0}
.form-fieldset{border-radius:24px;margin-bottom:22px;padding:22px}.form-fieldset legend{padding:0 8px}.form-grid.full-clear,.admin-form-card .form-grid{gap:18px}.current-file-preview img{background:#f8fafc;border-radius:14px}
.footer{color:#dbeafe;background:rgba(3,10,22,.88);border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:820px){.about-hero,.contact-hero,.proposal-hero{grid-template-columns:1fr}.captcha-card{grid-template-columns:1fr}.captcha-question input{width:100%}}

/* Multiempresa / checkout empresarial */
.checkout-company-banner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(37, 99, 235, .18);
    background: linear-gradient(135deg, #eff6ff, #ffffff);
    color: #0f172a;
}
.checkout-company-banner strong {
    font-size: 1rem;
    color: #0f172a;
}
.checkout-company-banner span {
    color: #475569;
    line-height: 1.45;
}
.user-card small .company-chip,
.company-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985;
    padding: 2px 8px;
    font-weight: 700;
}
.tenant-note {
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    margin-bottom: 14px;
}

/* Usuarios y roles por empresa */
.ai-role-builder {
  margin-bottom: 20px;
  background: linear-gradient(135deg, #ffffff, #f0f9ff) !important;
  border: 1px solid #bfdbfe !important;
}
.ai-role-builder div {
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #dbeafe;
  padding: 16px;
}
.ai-role-builder strong {
  display: block;
  color: #0f172a;
  font-size: 1.02rem;
  margin-bottom: 5px;
}
.ai-role-builder span {
  display: block;
  color: #475569;
  line-height: 1.45;
}
.field-permissions_json textarea,
.field-ai_recommendation textarea,
.field-ai_user_notes textarea {
  min-height: 150px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .92rem;
}
.side-title + .side-link span,
.quick-grid a span {
  filter: drop-shadow(0 6px 12px rgba(15,23,42,.15));
}
.badge.company-admin {
  background: #dcfce7;
  color: #166534;
}
.company-user-security-note {
  padding: 14px 16px;
  border-radius: 18px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-weight: 700;
}

/* ==========================================================
   Ajuste visual dashboard público - tipografía más fina 2026
   ========================================================== */
.hero.hero-compact-pro{
  min-height: 500px;
  gap: 30px;
  align-items: center;
}
.hero-title-pro{
  font-size: clamp(2rem, 4.4vw, 3.85rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em;
  max-width: 860px;
  margin: 14px 0 12px !important;
  font-weight: 900;
}
.hero-subtitle-pro{
  max-width: 760px;
  font-size: clamp(.98rem, 1.25vw, 1.12rem) !important;
  line-height: 1.62 !important;
  color: #dbeafe !important;
  margin: 0;
}
.hero-eyebrow{
  font-size: .72rem !important;
  padding: 7px 11px !important;
  letter-spacing: .12em !important;
}
.featured-dashboard-title{
  margin: 34px 0 22px;
  padding: 22px 24px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,245,249,.96));
  border: 1px solid rgba(226,232,240,.95);
  box-shadow: 0 24px 70px rgba(2,8,23,.16);
  color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.featured-dashboard-main{
  display: flex;
  align-items: center;
  gap: 16px;
}
.featured-dashboard-icon{
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #1457d9, #0f172a);
  box-shadow: 0 14px 34px rgba(20,87,217,.28);
  font-size: 1.2rem;
}
.featured-dashboard-kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1d4ed8;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  margin-bottom: 6px;
}
.featured-dashboard-title h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  letter-spacing: -.025em;
  line-height: 1.1;
}
.featured-dashboard-title p{
  margin: 7px 0 0;
  color: #475569 !important;
  font-size: .98rem;
  line-height: 1.45;
}
.featured-dashboard-action{
  white-space: nowrap;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
}
@media(max-width: 900px){
  .hero.hero-compact-pro{min-height: auto; grid-template-columns: 1fr; padding-top: 20px;}
  .featured-dashboard-title{align-items: flex-start; flex-direction: column;}
  .featured-dashboard-action{width: 100%;}
}
@media(max-width: 560px){
  .hero-title-pro{font-size: clamp(1.78rem, 9vw, 2.45rem) !important;}
  .hero-subtitle-pro{font-size: .96rem !important;}
  .featured-dashboard-main{align-items:flex-start;}
  .featured-dashboard-icon{width: 46px; height: 46px; flex-basis:46px; border-radius:15px;}
}

/* ==========================================================
   Ajuste visual home/dashboard principal - tipografía clara
   ========================================================== */
body.public-dark .hero{
  min-height: 500px;
  gap: 30px;
}
body.public-dark .hero-text{
  max-width: 820px;
}
body.public-dark .hero-main-title{
  font-size: clamp(1.85rem, 4.15vw, 3.85rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.055em;
  max-width: 900px;
  margin: 14px 0 12px !important;
  color: #f8fafc !important;
  text-wrap: balance;
}
body.public-dark .hero-subtitle-clean{
  max-width: 660px;
  margin: 0;
  color: #cbd5e1 !important;
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  line-height: 1.65;
}
body.public-dark .hero-eyebrow{
  font-size: .72rem !important;
  padding: 7px 11px;
  letter-spacing: .14em;
}
.featured-dashboard-title{
  align-items: center;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96)) !important;
  border: 1px solid rgba(203,213,225,.95) !important;
  border-radius: 30px !important;
  padding: 22px 24px !important;
  box-shadow: 0 24px 70px rgba(2,8,23,.16) !important;
  position: relative;
  overflow: hidden;
}
.featured-dashboard-title::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background: linear-gradient(180deg,#2563eb,#06b6d4,#22c55e);
}
.featured-dashboard-title .eyebrow{
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  border-color:#bfdbfe !important;
  font-size:.7rem !important;
}
.featured-dashboard-title h2{
  margin: 8px 0 4px !important;
  font-size: clamp(1.35rem, 2.2vw, 2.15rem);
  letter-spacing: -.035em;
  color:#0f172a !important;
}
.featured-dashboard-title p{
  margin: 0;
  max-width: 790px;
  color:#475569 !important;
  font-size: .98rem;
  line-height: 1.55;
}
.featured-see-all{
  flex: 0 0 auto;
  white-space: nowrap;
  background:#0f172a !important;
  color:#ffffff !important;
  border-color:#0f172a !important;
}
@media(max-width: 820px){
  body.public-dark .hero{
    min-height: auto;
  }
  .featured-dashboard-title{
    align-items: flex-start;
  }
  .featured-see-all{
    width:100%;
  }
}


/* ==========================================================
   Registro público de empresas + identidad de sesión
   ========================================================== */
.topnav .login-link{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  color:#f8fafc !important;
}
.register-top-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  padding:10px 16px !important;
  background:linear-gradient(135deg,#ffffff,#dbeafe) !important;
  color:#0f172a !important;
  font-weight:900 !important;
  box-shadow:0 12px 28px rgba(2,8,23,.22);
  border:1px solid rgba(255,255,255,.55);
}
.register-top-btn::before{content:"＋";font-weight:900;color:#1457d9;}
.top-user-identity{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  min-width:210px;
}
.top-user-identity span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#60a5fa,#22d3ee);
  color:#06111f;
  font-weight:900;
}
.top-user-identity strong{display:block;font-size:.86rem;line-height:1.1;color:#fff;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-user-identity small{display:block;font-size:.72rem;color:#bfdbfe;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.auth-public-header{
  position:fixed;
  inset:0 0 auto 0;
  height:74px;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 28px;
  background:rgba(3,10,22,.72);
  border-bottom:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
}
.auth-public-header nav{display:flex;align-items:center;gap:12px;}
.auth-public-header nav a{color:#e2e8f0;font-weight:800;padding:9px 13px;border-radius:999px;}
.auth-public-header nav a:hover{background:rgba(255,255,255,.10);color:#fff;}
.auth-body{padding-top:96px;}
.auth-register-panel{
  display:grid;
  gap:8px;
  margin-top:16px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border:1px solid #bfdbfe;
  text-align:left;
}
.auth-register-panel strong{color:#0f172a;font-size:1rem;}
.auth-register-panel span{color:#475569;line-height:1.5;font-size:.94rem;}
.register-card{width:min(980px,100%);}
.auth-wrap:has(.register-card){width:min(1020px,100%);}
.register-company-form{grid-template-columns:1fr;}
.register-fieldset{
  margin:0;
  padding:20px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid #dbe5ef;
}
.register-fieldset legend{
  display:grid;
  gap:3px;
  padding:0 10px;
}
.register-fieldset legend strong{color:#0f172a;font-size:1rem;}
.register-fieldset legend span{color:#64748b;font-size:.9rem;}
.register-security-note{
  display:grid;
  gap:5px;
  padding:16px 18px;
  border-radius:20px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
  color:#14532d;
}
.register-security-note strong{font-size:1rem;color:#166534;}
.register-security-note span{color:#166534;line-height:1.5;}
.btn.full,.forgot-link.full{grid-column:1/-1;width:100%;}
.sidebar-user-card{display:flex;align-items:flex-start;gap:12px;}
.sidebar-user-card .avatar-chip{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#6de1ff,#8b5cf6);
  color:#06111f;
  font-weight:900;
}
.sidebar-user-card .company-chip{margin-top:7px;}
@media(max-width:900px){
  .top-user-identity{display:none;}
  .auth-public-header{padding:0 16px;}
  .auth-public-header .brand span{display:none;}
  .register-card{width:100%;}
  .auth-wrap:has(.register-card){width:min(620px,100%);}
  .register-fieldset .form-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .auth-public-header nav a:not(.register-top-btn){display:none;}
  .auth-public-header{height:66px;}
  .auth-body{padding-top:82px;}
}
@media(max-width:1100px){
  body.public-dark .topnav{display:flex;gap:8px;}
  body.public-dark .topnav a:not(.login-link):not(.register-top-btn){display:none;}
  body.public-dark .menu-button{display:none;}
}
@media(max-width:520px){
  body.public-dark .topnav .login-link{display:none;}
  .register-top-btn{padding:9px 12px !important;font-size:.86rem;}
}


/* ==========================================================
   Identidad usuario/empresa + asociación en checkout
   ========================================================== */
.top-user-identity small.no-company{
  color:#fde68a !important;
  font-weight:800;
}
.top-user-identity small.has-company{
  color:#bfdbfe !important;
}
.company-chip.no-company{
  background:rgba(250,204,21,.13);
  color:#fef3c7 !important;
  border:1px solid rgba(250,204,21,.35);
}
.company-chip.has-company{
  background:rgba(34,197,94,.13);
  color:#dcfce7 !important;
  border:1px solid rgba(34,197,94,.28);
}
.checkout-company-banner.no-company{
  background:linear-gradient(135deg,#fff7ed,#ffffff) !important;
  border-color:#fed7aa !important;
}
.checkout-company-banner.no-company strong{color:#9a3412 !important;}
.checkout-company-banner.no-company span{color:#7c2d12 !important;}
.checkout-company-banner.has-company{
  background:linear-gradient(135deg,#ecfdf5,#ffffff) !important;
  border-color:#bbf7d0 !important;
}
.checkout-company-banner.has-company strong{color:#166534 !important;}
.checkout-company-banner.has-company span{color:#14532d !important;}
.checkout-form-card label small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:.78rem;
  line-height:1.35;
}

/* ==========================================================
   AMR Software · Rediseño Premium 2026 (Senior Software Engineer)
   ========================================================== */

/* Aplicación global de fuentes y suavizado de renderizado */
body, input, select, textarea, button {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, 
.brand span, 
.hero-title-pro, 
.sidebar-logo-panel strong,
.proposal-hero h1,
.about-hero h1,
.contact-hero h1 {
  font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
  font-weight: 700 !important;
}

/* Rediseño de la barra de navegación superior */
.topbar {
  background: rgba(6, 17, 31, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3) !important;
  height: 76px !important;
  transition: all 0.3s ease;
}

.brand span {
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  background: linear-gradient(135deg, #38bdf8, #818cf8) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 1.4rem !important;
}

.topnav a {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 8px 16px !important;
}

.topnav a:hover {
  color: #38bdf8 !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Efectos de Glassmorphism en tarjetas y contenedores */
.card, 
.public-card-clear, 
.auth-card-clear, 
.admin-form-card, 
.checkout-form-card, 
.cart-summary-card, 
.table-card, 
.dashboard-card, 
.form-fieldset, 
.current-file-preview,
.admin-page-heading,
.section-head,
.purchase-heading {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  box-shadow: 0 10px 30px -10px rgba(2, 8, 23, 0.08), 0 1px 3px rgba(2, 8, 23, 0.02) !important;
  border-radius: 20px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.card:hover, 
.public-card-clear:hover, 
.admin-form-card:hover,
.software-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 40px -15px rgba(2, 8, 23, 0.15) !important;
  border-color: rgba(37, 99, 235, 0.25) !important;
}

/* Rediseño de Botones */
.btn {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border-radius: 12px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 11px 22px !important;
  font-size: 0.9rem !important;
}

.btn.primary {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
  border: none !important;
}

.btn.primary:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5) !important;
  transform: translateY(-2px) !important;
}

.btn.ghost {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.btn.ghost:hover {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
  transform: translateY(-2px) !important;
}

/* Hero Section Landing Page */
.hero-title-pro {
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  background: linear-gradient(135deg, #ffffff 40%, #93c5fd 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  line-height: 1.1 !important;
}

.hero-subtitle-pro {
  color: #cbd5e1 !important;
  font-size: 1.15rem !important;
  line-height: 1.7 !important;
}

/* Panel Lateral (Sidebar) */
.sidebar {
  background: rgba(6, 17, 31, 0.96) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 24px 16px !important;
}

.side-link {
  border-radius: 12px !important;
  padding: 12px 14px !important;
  transition: all 0.2s ease !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
}

.side-link:hover, .side-link.active {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.15) !important;
  transform: translateX(4px) !important;
}

.side-link.active::before {
  left: -4px !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 4px !important;
  background: linear-gradient(180deg, #38bdf8, #818cf8) !important;
}

/* Entradas de Formulario (Inputs) */
input, select, textarea {
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  padding: 11px 14px !important;
  font-size: 0.92rem !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
  transform: translateY(-1px) !important;
}

/* Estilo Premium de Tablas */
.table-card th {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

.table-card td {
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 14px 16px !important;
  font-size: 0.9rem !important;
}

.table-card tr:hover td {
  background: #f8fafc !important;
}

/* Modernización de KPIs / Tarjetas métricas */
.kpi.modern {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: 0 10px 25px -5px rgba(2, 8, 23, 0.04) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.kpi.modern:hover {
  transform: translateY(-4px) !important;
}

.kpi.modern strong {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}


/* Módulo AMR Gestión Integral de Campos */
.campo-hero-panel {
  background: linear-gradient(135deg, rgba(22, 163, 74, .16), rgba(37, 99, 235, .10)), rgba(255,255,255,.96) !important;
  border: 1px solid rgba(22, 163, 74, .18) !important;
}
.campo-metrics-grid .kpi.modern strong { font-size: 1.65rem !important; }
.campo-ai-note > div {
  border-left: 4px solid rgba(22, 163, 74, .55) !important;
}
.campo-dashboard-grid .card,
.campo-quick-grid a {
  border-color: rgba(22, 163, 74, .16) !important;
}
.field-campo_permissions_json textarea,
.field-campo_restricciones textarea,
.field-datos_utilizados textarea,
.field-origen_datos textarea,
.field-advertencia_datos textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: .84rem !important;
}
.company-chip.has-company { color: #16a34a !important; }
.company-chip.no-company { color: #b45309 !important; }

/* Dashboard profesional del módulo Campos & Tambo */
.campo-pro-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  padding: 32px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 20%, rgba(34, 197, 94, .24), transparent 36%),
    radial-gradient(circle at 88% 10%, rgba(59, 130, 246, .22), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, .98), rgba(20, 83, 45, .88));
  color: #fff;
  box-shadow: 0 26px 70px rgba(2, 6, 23, .22);
  border: 1px solid rgba(255,255,255,.12);
  margin-bottom: 24px;
}
.campo-pro-hero::after {
  content: "";
  position: absolute;
  inset: auto -120px -130px auto;
  width: 360px;
  height: 360px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  filter: blur(2px);
}
.campo-hero-copy, .campo-hero-actions-pro { position: relative; z-index: 1; }
.campo-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color: #bbf7d0;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .74rem;
}
.campo-pro-hero h1 {
  max-width: 920px;
  margin: 16px 0 10px;
  font-family: 'Outfit', sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: .98;
  letter-spacing: -.05em;
}
.campo-pro-hero p {
  max-width: 980px;
  margin: 0;
  color: rgba(226,232,240,.92);
  font-size: 1.02rem;
  line-height: 1.65;
}
.campo-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.campo-hero-meta span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,.38);
  border: 1px solid rgba(255,255,255,.12);
  color: #dbeafe;
  font-size: .82rem;
  font-weight: 700;
}
.campo-hero-actions-pro {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 190px;
}
.campo-hero-actions-pro .btn { justify-content: center; box-shadow: none !important; }

.campo-kpi-grid-pro {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.campo-kpi-card {
  position: relative;
  overflow: hidden;
  min-height: 145px;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(226,232,240,.86);
  box-shadow: 0 18px 45px rgba(15,23,42,.07);
  transition: transform .22s ease, box-shadow .22s ease;
}
.campo-kpi-card:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(15,23,42,.11); }
.campo-kpi-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #16a34a, #38bdf8);
}
.campo-kpi-card::after {
  content: "";
  position: absolute;
  right: -38px;
  top: -42px;
  width: 126px;
  height: 126px;
  border-radius: 999px;
  background: rgba(22,163,74,.08);
}
.campo-kpi-card span {
  display: block;
  color: #64748b;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 12px;
}
.campo-kpi-card strong {
  display: block;
  position: relative;
  z-index: 1;
  color: #0f172a;
  font-family: 'Outfit', sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  line-height: 1;
  letter-spacing: -.04em;
}
.campo-kpi-card small {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 12px;
  color: #64748b;
  font-weight: 700;
  line-height: 1.35;
}
.campo-kpi-card.blue::before { background: linear-gradient(90deg, #2563eb, #38bdf8); }
.campo-kpi-card.amber::before { background: linear-gradient(90deg, #d97706, #fbbf24); }
.campo-kpi-card.milk::before { background: linear-gradient(90deg, #0891b2, #22d3ee); }
.campo-kpi-card.violet::before { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
.campo-kpi-card.red::before { background: linear-gradient(90deg, #dc2626, #fb7185); }
.campo-kpi-card.slate::before { background: linear-gradient(90deg, #475569, #94a3b8); }
.campo-kpi-card.emerald::before { background: linear-gradient(90deg, #059669, #34d399); }

.campo-exec-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.campo-exec-strip > div {
  padding: 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.92));
  border: 1px solid rgba(226,232,240,.9);
  box-shadow: 0 12px 30px rgba(15,23,42,.05);
}
.campo-exec-strip span, .campo-upcoming-grid span {
  display: block;
  color: #64748b;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.campo-exec-strip strong {
  display: block;
  margin: 6px 0;
  font-family: 'Outfit', sans-serif;
  font-size: 1.55rem;
  color: #0f172a;
}
.campo-exec-strip small { color: #64748b; font-weight: 650; line-height: 1.35; }
.positive { color: #15803d !important; }
.negative { color: #b91c1c !important; }
.neutral { color: #475569 !important; }

.campo-chart-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0;
}
.campo-secondary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.campo-stat-card {
  border-radius: 24px;
  padding: 20px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(226,232,240,.9);
  box-shadow: 0 18px 45px rgba(15,23,42,.06);
  min-height: 245px;
}
.campo-stat-card.wide { min-height: 315px; }
.campo-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.campo-card-head h3 {
  margin: 2px 0 0;
  font-family: 'Outfit', sans-serif;
  font-size: 1.12rem;
  color: #0f172a;
  letter-spacing: -.02em;
}
.campo-card-head a {
  flex: 0 0 auto;
  color: #166534;
  background: rgba(22,163,74,.08);
  border: 1px solid rgba(22,163,74,.14);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .78rem;
  font-weight: 900;
  text-decoration: none;
}
.campo-empty-chart {
  display: grid;
  place-items: center;
  min-height: 170px;
  padding: 18px;
  border-radius: 18px;
  border: 1px dashed #cbd5e1;
  background: #f8fafc;
  color: #64748b;
  text-align: center;
  font-weight: 750;
  line-height: 1.5;
}
.campo-empty-chart.small { min-height: 100px; }

.campo-bars.vertical {
  display: grid;
  grid-template-columns: repeat(14, minmax(18px, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 220px;
  padding: 14px 6px 4px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fafc, #fff);
  border: 1px solid #eef2f7;
}
.campo-vbar {
  display: grid;
  align-items: end;
  gap: 8px;
  height: 205px;
  text-align: center;
}
.campo-vbar i {
  display: block;
  width: 100%;
  min-height: 3px;
  border-radius: 14px 14px 5px 5px;
  background: linear-gradient(180deg, #22c55e, #0f766e);
  box-shadow: 0 10px 18px rgba(16,185,129,.22);
}
.campo-vbar b {
  color: #64748b;
  font-size: .68rem;
  font-weight: 900;
  transform: rotate(-30deg);
  white-space: nowrap;
}

.campo-hbar {
  display: grid;
  grid-template-columns: minmax(95px, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
  margin: 11px 0;
}
.campo-hbar span {
  color: #334155;
  font-size: .86rem;
  font-weight: 800;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.campo-hbar strong {
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  white-space: nowrap;
}
.campo-hbar i {
  grid-column: 1 / -1;
  display: block;
  overflow: hidden;
  height: 9px;
  border-radius: 999px;
  background: #e2e8f0;
}
.campo-hbar em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #16a34a, #38bdf8);
}
.campo-hbar.danger em { background: linear-gradient(90deg, #dc2626, #fb7185); }
.campo-hbar.violet em { background: linear-gradient(90deg, #7c3aed, #c084fc); }
.campo-hbar.success em { background: linear-gradient(90deg, #059669, #34d399); }
.campo-hbar.amber em { background: linear-gradient(90deg, #d97706, #fbbf24); }

.campo-finance-bars {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  min-height: 230px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fafc, #fff);
  border: 1px solid #eef2f7;
}
.campo-finance-month {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 6px;
  height: 210px;
  text-align: center;
}
.campo-finance-month b {
  grid-column: 1 / -1;
  order: 3;
  color: #475569;
  font-size: .76rem;
  font-weight: 900;
}
.campo-finance-month span {
  display: flex;
  align-items: end;
  height: 145px;
  border-radius: 14px;
  background: #edf2f7;
  overflow: hidden;
}
.campo-finance-month i { display: block; width: 100%; min-height: 3px; border-radius: 14px 14px 4px 4px; }
.campo-finance-month i.income { background: linear-gradient(180deg, #22c55e, #15803d); }
.campo-finance-month i.cost { background: linear-gradient(180deg, #fb7185, #b91c1c); }
.campo-finance-month small {
  grid-column: 1 / -1;
  font-size: .73rem;
  font-weight: 900;
  white-space: nowrap;
}
.campo-chart-legend {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: #475569;
  font-weight: 800;
  font-size: .8rem;
}
.campo-chart-legend span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
}
.campo-chart-legend .income { background: #22c55e; }
.campo-chart-legend .cost { background: #fb7185; }
.campo-chart-legend .margin { background: #2563eb; }

.campo-data-rule {
  margin: 18px 0;
  border-radius: 22px;
}
.campo-ops-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}
.list-line.pro {
  border-radius: 16px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  margin: 10px 0;
}
.list-line.pro strong { color: #0f172a; }
.list-line.pro span { color: #64748b; line-height: 1.45; }

.campo-upcoming-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 22px;
}
.campo-upcoming-grid article {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #f8fafc);
  border: 1px solid rgba(226,232,240,.9);
  box-shadow: 0 12px 30px rgba(15,23,42,.05);
}
.campo-upcoming-grid article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #22c55e, #2563eb);
}
.campo-upcoming-grid strong {
  display: block;
  margin: 8px 0 2px;
  font-family: 'Outfit', sans-serif;
  font-size: 2rem;
  color: #0f172a;
}
.campo-upcoming-grid small {
  display: block;
  color: #64748b;
  font-weight: 800;
  margin-bottom: 10px;
}
.campo-upcoming-grid a {
  color: #166534;
  text-decoration: none;
  font-weight: 900;
  font-size: .82rem;
}
.campo-quick-grid { margin-bottom: 24px; }

@media (max-width: 1200px) {
  .campo-kpi-grid-pro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .campo-exec-strip, .campo-secondary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .campo-upcoming-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .campo-pro-hero { grid-template-columns: 1fr; padding: 24px; }
  .campo-hero-actions-pro { flex-direction: row; flex-wrap: wrap; }
  .campo-chart-layout, .campo-ops-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .campo-kpi-grid-pro, .campo-exec-strip, .campo-secondary-grid, .campo-upcoming-grid { grid-template-columns: 1fr; }
  .campo-pro-hero h1 { font-size: 2rem; }
  .campo-bars.vertical { gap: 4px; overflow-x: auto; grid-template-columns: repeat(14, 28px); }
  .campo-finance-bars { overflow-x: auto; grid-template-columns: repeat(6, 80px); }
}

/* Manuales PDF por software */
.manual-download-btn{margin-top:.65rem;display:inline-flex;align-items:center;gap:.4rem}
.manuals-panel{margin:1.2rem 0 1.4rem;padding:1.2rem;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.74))}
.manuals-panel h3{margin:.1rem 0 .25rem;font-size:1.2rem}
.manuals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin-top:1rem}
.manual-download-card{display:flex;flex-direction:column;gap:.28rem;padding:1rem;border-radius:18px;text-decoration:none;color:inherit;background:rgba(15,23,42,.72);border:1px solid rgba(56,189,248,.24);box-shadow:0 14px 30px rgba(2,6,23,.18);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.manual-download-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.55);background:rgba(15,23,42,.92)}
.manual-download-card strong{font-size:.98rem;color:#e0f2fe}
.manual-download-card span{font-size:.88rem;color:#cbd5e1;line-height:1.35}
.manual-download-card small{font-size:.78rem;color:#94a3b8}
.empty-manuals{border-style:dashed;background:rgba(15,23,42,.55)}
.current-file-preview a[href$=".pdf"]::before{content:"📘 ";}

/* Clubes · WhatsApp profesional */
.club-admin-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px;align-items:start;margin-bottom:24px}.club-config-card{min-width:0}.club-help-card h2{margin-top:0}.club-help-card ul{margin:14px 0 0;padding-left:20px;color:var(--muted,#9fb0cc)}.clubes-kpis strong{font-size:32px;display:block}.quick-card{display:block;text-decoration:none;color:inherit;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04)}.quick-card strong{display:block;margin-bottom:6px}.quick-card span{color:var(--muted,#9fb0cc)}.whatsapp-history-toolbar{flex-wrap:wrap}.whatsapp-history-toolbar select,.whatsapp-history-toolbar input[type=date]{min-height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.78);color:inherit;padding:0 12px}.message-preview-cell{max-width:420px;white-space:normal}.link-action.whatsapp{border:0;background:transparent;color:#22c55e;cursor:pointer;font:inherit;text-decoration:underline;padding:0;margin:0 8px 0 0}.wa-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.76);z-index:9999;display:grid;place-items:center;padding:18px}.wa-modal-backdrop[hidden]{display:none}.wa-modal-card{width:min(720px,100%);background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 80px rgba(0,0,0,.45);border-radius:24px;padding:24px;position:relative}.wa-modal-close{position:absolute;right:18px;top:14px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:999px;width:36px;height:36px;font-size:24px;cursor:pointer}.wa-destino{padding:12px 14px;border-radius:16px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.18)}.wa-preview{margin:14px 0;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px dashed rgba(148,163,184,.3)}.wa-preview p{white-space:pre-wrap;margin:8px 0 0;color:#dbeafe}@media(max-width:980px){.club-admin-grid{grid-template-columns:1fr}.message-preview-cell{max-width:260px}}

/* AMR 2026-07-06: menú lateral moderno y filtrado por autorizaciones reales */
.sidebar{scrollbar-width:thin;scrollbar-color:rgba(109,225,255,.35) transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:rgba(109,225,255,.32);border-radius:99px}.side-link{display:grid!important;grid-template-columns:30px 1fr;gap:10px 12px;align-items:center;min-height:48px;padding:10px 12px!important}.side-link span{grid-row:1 / span 2;width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:rgba(109,225,255,.10);border:1px solid rgba(109,225,255,.14)}.side-link b{line-height:1.1}.side-link small{display:block;color:#b7c5dd!important;font-size:.72rem;font-weight:650;margin-top:2px}.side-module-card,.side-access-summary{display:flex;align-items:center;gap:12px;margin:14px 0 8px;padding:13px;border-radius:18px;background:linear-gradient(135deg,rgba(109,225,255,.13),rgba(139,92,246,.10));border:1px solid rgba(109,225,255,.18);box-shadow:0 14px 34px rgba(0,0,0,.16)}.side-module-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.09);font-size:1.18rem}.side-module-card strong,.side-access-summary strong{display:block;color:#fff;font-size:.92rem}.side-module-card small,.side-access-summary small{display:block;color:#b7c5dd!important;font-size:.74rem;margin-top:2px;line-height:1.25}.side-access-dot{width:13px;height:13px;border-radius:999px;background:#19c37d;box-shadow:0 0 0 6px rgba(25,195,125,.12),0 0 22px rgba(25,195,125,.55)}.side-title{padding-left:4px;border-left:3px solid rgba(109,225,255,.6)}

/* AMR Campos: menú lateral moderno, RFID y modales de alta rápida */
.campos-menu-card{background:linear-gradient(135deg,rgba(36,130,73,.22),rgba(14,165,233,.12));border:1px solid rgba(148,163,184,.18)}
.side-link.rfid-soon{position:relative;border-style:dashed;opacity:.94}.side-link.rfid-soon small:after{content:' · Próximamente';font-weight:800;color:#fbbf24}
.campo-inline-edit{display:inline-flex;margin-top:.75rem;padding:.55rem .8rem;border:1px solid rgba(148,163,184,.28);border-radius:999px;text-decoration:none;font-weight:800;color:inherit;background:rgba(255,255,255,.08)}
.campo-admin-section-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin:1rem 0 1.25rem}.campo-editable-section,.rfid-card{position:relative;overflow:hidden}.campo-editable-section:hover:after{content:'Editable desde configuración';position:absolute;right:1rem;top:1rem;font-size:.72rem;font-weight:900;padding:.35rem .6rem;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.32)}
.campo-personal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:.9rem 0}.amr-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.amr-modal-backdrop[hidden]{display:none}.amr-modal-card{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#0f172a;border:1px solid rgba(148,163,184,.25);border-radius:24px;padding:1.25rem;box-shadow:0 24px 80px rgba(0,0,0,.45)}
@media(max-width:900px){.campo-admin-section-grid{grid-template-columns:1fr}.campo-personal-actions{flex-direction:column}.campo-personal-actions .btn{width:100%;justify-content:center}}

/* Cambio obligatorio de contraseña - diseño profesional 2026 */
.password-change-card{
  position:relative;
  overflow:hidden;
  padding:0 !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 30px 90px rgba(2,8,23,.28) !important;
}
.password-change-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:150px;
  background:radial-gradient(circle at 20% 10%,rgba(96,165,250,.42),transparent 38%),linear-gradient(135deg,#0f172a,#1d4ed8 58%,#38bdf8);
}
.password-change-card:after{
  content:"";
  position:absolute;
  top:22px;
  right:24px;
  width:120px;
  height:120px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  filter:blur(.2px);
}
.password-change-hero{
  position:relative;
  z-index:1;
  padding:34px 34px 22px;
  color:#fff;
}
.password-change-hero .eyebrow{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#e0f2fe !important;
}
.password-change-hero h1{
  margin:14px 0 8px;
  font-size:clamp(1.9rem,4vw,2.65rem);
  line-height:1.02;
  color:#fff !important;
  max-width:420px;
}
.password-change-hero p{
  margin:0;
  color:#dbeafe !important;
  line-height:1.62;
  max-width:460px;
}
.security-icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border-radius:22px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 42px rgba(15,23,42,.22);
  font-size:1.9rem;
}
.password-rules-panel{
  position:relative;
  z-index:1;
  margin:0 28px 4px;
  padding:18px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#0f172a;
}
.password-rules-panel strong{
  display:block;
  margin-bottom:12px;
  color:#0f172a;
  font-size:1rem;
}
.password-rules-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.password-rules-grid span{
  padding:10px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e2e8f0;
  color:#334155;
  font-weight:750;
  font-size:.9rem;
}
.password-change-form{
  padding:24px 28px 30px;
}
.password-change-form label{
  color:#172033 !important;
}
.password-change-form input{
  min-height:50px;
}
.password-submit{
  width:100%;
  min-height:52px;
  border-radius:16px !important;
  margin-top:4px;
}
@media(max-width:560px){
  .password-change-hero{padding:28px 22px 18px}
  .password-rules-panel{margin:0 18px 2px;padding:16px}
  .password-rules-grid{grid-template-columns:1fr}
  .password-change-form{padding:22px 18px 24px}
}

/* ==========================================================
   Actualización 2026-07-07: botón Registrarse legible + menú lateral por software activo
   ========================================================== */
.register-top-btn,
.auth-public-header .register-top-btn,
body.public-dark .register-top-btn{
  position:relative;
  isolation:isolate;
  color:#ffffff !important;
  background:linear-gradient(135deg,#0f3ea8 0%,#1457d9 45%,#0284c7 100%) !important;
  border:1px solid rgba(186,230,253,.85) !important;
  box-shadow:0 14px 34px rgba(2,8,23,.38), inset 0 1px 0 rgba(255,255,255,.28) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
  letter-spacing:.01em;
}
.register-top-btn::before{
  color:#ffffff !important;
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
}
.register-top-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 18px 42px rgba(20,87,217,.42), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.sidebar-logo-panel{
  background:linear-gradient(135deg,rgba(20,87,217,.18),rgba(2,132,199,.13)) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  border-radius:22px;
  padding:14px;
  margin-bottom:14px;
}
.sidebar-logo-panel small{
  color:#bfdbfe !important;
}
.side-module-card{
  background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(79,70,229,.13)) !important;
  border-color:rgba(125,211,252,.25) !important;
}
.side-link.active,
.side-link:hover{
  background:linear-gradient(135deg,rgba(14,165,233,.20),rgba(79,70,229,.14)) !important;
  color:#ffffff !important;
  border-color:rgba(125,211,252,.32) !important;
}
.side-link.active span,
.side-link:hover span{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.22) !important;
}

/* Campos y Tambos · Gestión de Roles responsive */
.campo-role-page{display:grid;gap:1.25rem}.campo-role-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.4rem;border:1px solid rgba(148,163,184,.25);border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(20,83,45,.92));color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18)}.campo-role-hero h1{margin:.15rem 0;font-size:clamp(1.8rem,4vw,3rem)}.campo-role-hero p{max-width:760px;color:rgba(255,255,255,.82)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:.78rem;color:#bbf7d0}.campo-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.role-card{border-radius:22px}.full-card{width:100%}.role-form{display:grid;gap:.85rem}.role-form label{display:grid;gap:.35rem;font-weight:800;color:#0f172a}.role-form input,.role-form select,.role-form textarea{width:100%;min-height:46px;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:.75rem .85rem;background:#fff;color:#0f172a}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.permission-groups.mini{grid-template-columns:1fr}.permission-group{padding:.85rem;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:rgba(248,250,252,.9);display:grid;gap:.45rem}.check.compact,.touch-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.55rem;font-weight:700}.check.compact input,.touch-check input{width:20px;min-height:20px;height:20px}.touch-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.role-table td small{display:block;color:#64748b;margin-top:.2rem}.role-edit-details{display:inline-block}.role-edit-details summary{list-style:none;cursor:pointer}.inline-edit{margin-top:.75rem;min-width:min(520px,85vw);padding:.8rem;border:1px solid rgba(148,163,184,.25);border-radius:18px;background:#f8fafc}.inline-delete{display:inline-block;margin-left:.35rem}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.person-role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.person-role-card{padding:1rem;border:1px solid rgba(148,163,184,.25);border-radius:18px;background:#fff;display:grid;gap:.35rem}.person-role-card small{color:#64748b}.role-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.role-chip{padding:.24rem .55rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.82rem;font-weight:800}
@media (max-width:900px){.campo-role-hero{align-items:flex-start;flex-direction:column}.campo-role-grid,.permission-groups,.person-role-cards{grid-template-columns:1fr}.responsive-role-table table,.responsive-role-table thead,.responsive-role-table tbody,.responsive-role-table th,.responsive-role-table td,.responsive-role-table tr{display:block}.responsive-role-table thead{display:none}.responsive-role-table tr{border:1px solid rgba(148,163,184,.25);border-radius:18px;margin:.75rem 0;padding:.75rem;background:#fff}.responsive-role-table td{border:0!important;padding:.55rem .25rem!important;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.responsive-role-table td::before{content:attr(data-label);font-weight:900;color:#475569;min-width:112px}.inline-delete{display:block;margin:.5rem 0 0}.role-edit-details{display:block}.inline-edit{min-width:0;width:100%}.btn,.touch-btn{width:100%;min-height:48px}.role-form input,.role-form select,.role-form textarea{font-size:16px;min-height:50px}.check.compact,.touch-check{min-height:42px}}

/* Planilla diaria de tambo - estilo moderno responsive */
.planilla-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#ffffff 0%,#f4fbf6 65%,#e8f7ec 100%);border:1px solid rgba(14,94,48,.12);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.07)}
.planilla-hero-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#0f7a37,#1b9a4b);color:#fff;font-size:28px;box-shadow:0 14px 28px rgba(15,122,55,.25)}
.planilla-hero h1{margin:0;color:#111827;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:850;letter-spacing:-.03em}.planilla-hero p{margin:6px 0 0;color:#5b6472}.planilla-hero-stats{margin-left:auto;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.planilla-hero-stats div{background:#fff;border:1px solid #e5efe8;border-radius:18px;padding:12px 14px}.planilla-hero-stats small{display:block;color:#687384}.planilla-hero-stats strong{display:block;color:#0f7a37;font-size:1.25rem;margin-top:2px}.planilla-shell,.planilla-history{background:#fff;border:1px solid #e6ebf0;border-radius:24px;padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.06);margin-bottom:18px}.planilla-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(220px,1.3fr) minmax(130px,.6fr) minmax(110px,.45fr) auto;gap:14px;align-items:end;background:#fbfdfc;border:1px solid #e6eee9;border-radius:18px;padding:16px;margin-bottom:16px}.planilla-toolbar label,.planilla-note{display:flex;flex-direction:column;gap:7px}.planilla-toolbar span,.planilla-note span{font-size:.85rem;font-weight:800;color:#172033}.planilla-toolbar input,.planilla-toolbar select,.planilla-table input,.planilla-table textarea,.planilla-note textarea{width:100%;border:1px solid #dce3ea;border-radius:12px;background:#fff;color:#172033;padding:12px 13px;font-size:.96rem;outline:none;transition:.18s}.planilla-toolbar input:focus,.planilla-toolbar select:focus,.planilla-table input:focus,.planilla-table textarea:focus,.planilla-note textarea:focus{border-color:#15803d;box-shadow:0 0 0 4px rgba(21,128,61,.10)}.planilla-save{height:46px;white-space:nowrap}.planilla-table-card{border:1px solid #e7edf2;border-radius:20px;overflow:hidden;background:#fff}.planilla-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px}.planilla-section-head h2{margin:0;font-size:1.15rem;color:#111827}.planilla-section-head small{color:#6b7280}.planilla-table-wrap{overflow-x:auto}.planilla-table{width:100%;border-collapse:separate;border-spacing:0}.planilla-table th{background:linear-gradient(180deg,#edf7f0,#e5f2e9);color:#101827;font-weight:850;font-size:.88rem;padding:12px;border-bottom:1px solid #d9e7dd}.planilla-table td{padding:7px 10px;border-bottom:1px solid #edf1f4;border-right:1px solid #edf1f4;vertical-align:middle}.planilla-table td:last-child,.planilla-table th:last-child{border-right:0}.planilla-table .day-input{text-align:center;font-weight:850;background:#fbfcfd}.vo-check{display:flex;justify-content:center;align-items:center}.vo-check input{position:absolute;opacity:0;width:1px;height:1px}.vo-check span{width:22px;height:22px;border-radius:7px;border:2px solid #bac6d1;display:inline-block;position:relative;background:#fff}.vo-check input:checked+span{background:#16833d;border-color:#16833d}.vo-check input:checked+span:after{content:'✓';position:absolute;inset:0;color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}.planilla-table textarea{resize:vertical;min-height:42px}.planilla-note{padding:16px 18px}.planilla-mobile-action{display:none;padding:0 18px 18px}.planilla-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.planilla-history-card{border:1px solid #e5ebef;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdfc);padding:15px;box-shadow:0 12px 24px rgba(15,23,42,.04)}.planilla-history-card span{color:#15803d;font-weight:800;font-size:.82rem;text-transform:uppercase}.planilla-history-card strong{display:block;color:#111827;font-size:1.05rem;margin-top:3px}.planilla-history-card p{color:#4b5563;margin:10px 0}.planilla-history-card small{color:#6b7280}.planilla-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.planilla-actions form{display:inline}.btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:#dc2626}.btn.danger:hover{filter:brightness(.98);transform:translateY(-1px)}
@media (max-width:1100px){.planilla-toolbar{grid-template-columns:1fr 1fr}.planilla-save{grid-column:1/-1}.planilla-hero{align-items:flex-start}.planilla-hero-stats{grid-template-columns:1fr;margin-left:0;width:100%}.planilla-hero{flex-wrap:wrap}}
@media (max-width:720px){.planilla-hero,.planilla-shell,.planilla-history{border-radius:18px;padding:14px}.planilla-hero-icon{width:54px;height:54px;border-radius:17px}.planilla-toolbar{grid-template-columns:1fr;padding:12px}.planilla-save{display:none}.planilla-mobile-action{display:block}.planilla-table,.planilla-table thead,.planilla-table tbody,.planilla-table th,.planilla-table td,.planilla-table tr{display:block}.planilla-table thead{display:none}.planilla-table tr{border:1px solid #e5ebef;border-radius:16px;margin:10px 10px 14px;padding:10px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.planilla-table td{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;border:0;border-bottom:1px solid #eef2f5;padding:9px 2px}.planilla-table td:last-child{border-bottom:0}.planilla-table td:before{content:attr(data-label);font-weight:850;color:#334155;font-size:.86rem}.vo-check{justify-content:flex-start}.planilla-table .day-input{text-align:left}.planilla-section-head{padding:12px 10px;align-items:flex-start;flex-direction:column}.planilla-note{padding:12px 10px}.planilla-history-grid{grid-template-columns:1fr}.planilla-actions .btn,.planilla-actions button{width:100%;justify-content:center}.planilla-actions form{width:100%}}

/* Campos y Tambos · módulo animales profesional con gráficos reales MySQL */
.animal-pro-page{display:grid;gap:18px}.animal-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff 0%,#f4fbf6 65%,#e8f7ec 100%);border:1px solid rgba(14,94,48,.12);border-radius:26px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.07)}.animal-hero-icon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#0f7a37,#16a34a);color:#fff;font-size:30px;box-shadow:0 14px 28px rgba(15,122,55,.25)}.animal-hero h1{margin:0;color:#111827;font-size:clamp(1.7rem,3.5vw,2.7rem);letter-spacing:-.035em}.animal-hero p{margin:6px 0 0;color:#5b6472}.animal-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px}.animal-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.animal-kpi-grid article{background:#fff;border:1px solid #e5ebef;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.055)}.animal-kpi-grid span{display:block;color:#5b6472;font-weight:800}.animal-kpi-grid strong{display:block;color:#111827;font-size:2rem;margin:6px 0}.animal-kpi-grid small{color:#15803d;font-weight:750}.animal-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.animal-card{background:#fff;border:1px solid #e6ebf0;border-radius:24px;padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.animal-hbar{display:grid;grid-template-columns:110px 58px 1fr;gap:10px;align-items:center;margin:12px 0}.animal-hbar span{font-weight:850;color:#334155}.animal-hbar strong{text-align:right;color:#111827}.animal-hbar i{height:10px;border-radius:999px;background:#e8f1ec;overflow:hidden}.animal-hbar em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f7a37,#22c55e)}.animal-hbar.violet em{background:linear-gradient(90deg,#6d5dfc,#9b7cff)}.animal-hbar.danger em{background:linear-gradient(90deg,#dc2626,#ef4444)}.animal-hbar.amber em{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.animal-mini-list{display:grid;gap:8px;margin-top:14px}.animal-mini-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e8eef2;border-radius:14px;background:#fbfdfc}.animal-mini-list span{color:#475569}.animal-mini-list b{color:#0f7a37}.animal-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:12px;align-items:end}.animal-filters label{display:grid;gap:6px;font-weight:850;color:#172033}.animal-filters input,.animal-filters select{width:100%;border:1px solid #dce3ea;border-radius:13px;background:#fff;color:#172033;padding:12px 13px;font-size:.96rem;min-height:46px}.animal-filters input:focus,.animal-filters select:focus{outline:none;border-color:#15803d;box-shadow:0 0 0 4px rgba(21,128,61,.10)}.animal-list-card{padding:0;overflow:hidden}.animal-list-card .campo-card-head{padding:18px}.animal-table-wrap{overflow-x:auto}.animal-table{width:100%;border-collapse:separate;border-spacing:0}.animal-table th{background:linear-gradient(180deg,#edf7f0,#e5f2e9);color:#101827;font-weight:900;font-size:.88rem;padding:12px;border-bottom:1px solid #d9e7dd}.animal-table td{padding:11px 12px;border-bottom:1px solid #edf1f4;vertical-align:top;color:#1f2937}.animal-table td small{display:block;color:#64748b;margin-top:3px}.animal-dead-row td{background:#fff7f7}.animal-status{display:inline-flex;padding:5px 10px;border-radius:999px;font-weight:900;font-size:.8rem;background:#dcfce7;color:#166534}.animal-status.dead{background:#fee2e2;color:#991b1b}.animal-row-actions{display:flex;gap:8px;flex-wrap:wrap}.animal-ficha-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.animal-ficha-grid div{border:1px solid #e7edf2;border-radius:16px;padding:13px;background:#fbfdfc}.animal-ficha-grid span{display:block;color:#64748b;font-weight:850;font-size:.82rem}.animal-ficha-grid strong{display:block;color:#111827;margin-top:5px;word-break:break-word}
@media(max-width:1100px){.animal-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-chart-grid{grid-template-columns:1fr}.animal-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-filters button{grid-column:1/-1}.animal-hero{align-items:flex-start;flex-wrap:wrap}.animal-actions{margin-left:0;width:100%}}
@media(max-width:720px){.animal-hero,.animal-card{border-radius:18px;padding:14px}.animal-hero-icon{width:54px;height:54px;border-radius:17px}.animal-kpi-grid,.animal-filters,.animal-ficha-grid{grid-template-columns:1fr}.animal-actions .btn{width:100%;justify-content:center;min-height:48px}.animal-hbar{grid-template-columns:1fr 44px;gap:7px}.animal-hbar i{grid-column:1/-1}.responsive-animal-table,.responsive-animal-table thead,.responsive-animal-table tbody,.responsive-animal-table th,.responsive-animal-table td,.responsive-animal-table tr{display:block}.responsive-animal-table thead{display:none}.responsive-animal-table tr{border:1px solid #e5ebef;border-radius:16px;margin:10px 10px 14px;padding:10px;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.05)}.responsive-animal-table td{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:start;border:0;border-bottom:1px solid #eef2f5;padding:9px 2px}.responsive-animal-table td:last-child{border-bottom:0}.responsive-animal-table td:before{content:attr(data-label);font-weight:900;color:#334155;font-size:.86rem}.animal-row-actions .btn{width:100%;justify-content:center}}
@media print{.sidebar,.topbar,.footer,.animal-actions,.animal-filters{display:none!important}.content{margin:0!important;padding:0!important}.animal-card,.animal-hero{box-shadow:none!important}}

/* ==========================================================
   AMR Campos y Tambos · Diseño profesional verde/blanco 2026
   Unifica dashboard, menú lateral, formularios, tablas y planillas.
   ========================================================== */
:root{
  --campo-bg:#f6f8fb;
  --campo-sidebar:#0b1f2d;
  --campo-sidebar-2:#071521;
  --campo-green:#11823b;
  --campo-green-dark:#0b6b31;
  --campo-green-soft:#eaf7ef;
  --campo-blue:#2563eb;
  --campo-orange:#f97316;
  --campo-purple:#7c3aed;
  --campo-red:#ef4444;
  --campo-ink:#111827;
  --campo-muted:#64748b;
  --campo-line:#e5eaf0;
  --campo-card:#ffffff;
  --campo-shadow:0 16px 45px rgba(15,23,42,.08);
  --campo-radius:18px;
}
body.admin-dark{background:var(--campo-bg)!important;color:var(--campo-ink)!important;}
body.admin-dark .app-shell{min-height:100vh;background:var(--campo-bg)!important;}
body.admin-dark .topbar{height:72px;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--campo-line)!important;color:var(--campo-ink)!important;box-shadow:0 8px 30px rgba(15,23,42,.04)!important;}
body.admin-dark .brand span,body.admin-dark .topnav a{color:var(--campo-ink)!important;}
body.admin-dark .topnav a.pill{background:#f1f5f9!important;color:var(--campo-ink)!important;}
body.admin-dark .content{max-width:none;padding:26px 28px 34px;background:var(--campo-bg)!important;color:var(--campo-ink)!important;}
body.admin-dark .sidebar{top:72px;height:calc(100vh - 72px);width:286px;flex-basis:286px;padding:0 14px 18px;background:linear-gradient(180deg,#0f3b26 0,#0b1f2d 26%,#071521 100%)!important;border-right:0!important;box-shadow:12px 0 35px rgba(15,23,42,.08)!important;}
body.admin-dark .sidebar-logo-panel{display:flex;align-items:center;gap:14px;margin:0 -14px 18px;padding:18px 18px;background:linear-gradient(135deg,#0d7b38,#065f2a);color:#fff!important;}
body.admin-dark .sidebar-logo-panel img{width:56px;height:56px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.08);padding:4px;}
body.admin-dark .sidebar-logo-panel strong{display:block;font-size:1.55rem;line-height:1;color:#fff!important;letter-spacing:.02em;}
body.admin-dark .sidebar-logo-panel small{display:block;margin-top:3px;color:#dcfce7!important;font-weight:800;text-transform:uppercase;font-size:.78rem;}
body.admin-dark .sidebar-user-card{position:fixed;bottom:18px;left:14px;width:258px;margin:0;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;}
body.admin-dark .sidebar-user-card small,body.admin-dark .sidebar-user-card strong{color:#fff!important;}
body.admin-dark .avatar-chip{background:#fff!important;color:#0b6b31!important;}
body.admin-dark .side-title{margin:20px 5px 9px;color:#22c55e!important;font-size:.82rem;font-weight:900;letter-spacing:.05em;}
body.admin-dark .side-link{min-height:44px;margin:3px 0;padding:12px 12px;border-radius:10px;color:#f8fafc!important;background:transparent!important;border:1px solid transparent!important;display:flex;align-items:center;gap:13px;}
body.admin-dark .side-link span{width:22px;text-align:center;color:#fff!important;filter:grayscale(.15);}
body.admin-dark .side-link b{color:#fff!important;font-size:.96rem;}
body.admin-dark .side-link small{display:none!important;}
body.admin-dark .side-link:hover,body.admin-dark .side-link.active{background:linear-gradient(135deg,rgba(17,130,59,.95),rgba(22,163,74,.85))!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 10px 24px rgba(0,0,0,.15)!important;}
body.admin-dark .side-module-card,body.admin-dark .side-access-summary{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;color:#fff!important;}
body.admin-dark .footer{background:var(--campo-bg)!important;color:#64748b!important;border-top:0!important;text-align:left;padding:0 28px 22px;margin-left:286px;}

.amr-campo-page-head,.amr-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:8px 2px 4px;background:transparent!important;border:0!important;box-shadow:none!important;}
.amr-page-title{display:flex;align-items:center;gap:14px;}
.amr-page-title h1{margin:0;color:var(--campo-ink)!important;font-size:1.75rem;line-height:1.1;}
.amr-page-title p{margin:5px 0 0;color:var(--campo-muted)!important;font-size:1rem;}
.amr-icon-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f8d42,#0b6b31);color:#fff;font-size:1.5rem;box-shadow:0 12px 28px rgba(17,130,59,.22);}
.amr-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.amr-panel,.campo-stat-card,.campo-kpi-card,.campo-kpi-card.main,.campo-kpi-card.blue,.campo-kpi-card.amber,.campo-kpi-card.milk,.campo-kpi-card.violet,.campo-kpi-card.red,.campo-kpi-card.slate,.campo-kpi-card.emerald,.admin-card,.card,.table-card{background:#fff!important;border:1px solid var(--campo-line)!important;border-radius:var(--campo-radius)!important;box-shadow:var(--campo-shadow)!important;color:var(--campo-ink)!important;}
.amr-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:18px 0 12px;}
.amr-section-title h2{margin:0;color:var(--campo-ink)!important;font-size:1.08rem;}
.amr-section-title small{color:var(--campo-muted)!important;}
.amr-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.amr-kpi-card{padding:20px;background:#fff;border:1px solid var(--campo-line);border-radius:16px;box-shadow:var(--campo-shadow);position:relative;overflow:hidden;}
.amr-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--campo-green);}
.amr-kpi-card.danger-soft:before{background:var(--campo-red);}
.amr-kpi-card span{display:block;color:#334155;font-weight:700;}
.amr-kpi-card strong{display:block;margin-top:7px;font-size:1.85rem;color:var(--campo-ink);}
.amr-kpi-card small{display:block;margin-top:5px;color:var(--campo-muted)!important;}
.btn{border-radius:8px!important;min-height:38px;font-weight:850!important;}
.btn.primary{background:linear-gradient(135deg,#11823b,#08702f)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(17,130,59,.18)!important;}
.btn.ghost{background:#fff!important;color:var(--campo-ink)!important;border:1px solid #d7e0ea!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;}
.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:0!important;}
.btn.small{padding:8px 11px!important;min-height:34px;font-size:.83rem!important;}
.planilla-modern-shell{padding:18px;margin-bottom:18px;}
.planilla-toolbar-modern{display:grid;grid-template-columns:1.3fr 1.1fr .45fr .32fr auto;gap:16px;align-items:end;padding:4px 0 16px;border-bottom:1px solid var(--campo-line);}
.planilla-toolbar-modern label,.planilla-note{display:grid;gap:7px;font-weight:750;color:var(--campo-ink)!important;}
.planilla-toolbar-modern label span,.planilla-note span{font-size:.9rem;color:#1f2937!important;}
.planilla-toolbar-modern input,.planilla-toolbar-modern select,.planilla-note textarea,.planilla-table input,.planilla-table textarea{background:#fff!important;color:#1f2937!important;border:1px solid #d5dde7!important;border-radius:8px!important;box-shadow:none!important;}
.planilla-toolbar-modern input,.planilla-toolbar-modern select{height:44px;padding:0 12px;}
.planilla-toolbar-modern .date-small input,.planilla-toolbar-modern .date-small select{min-width:95px;}
.planilla-table-wrap{overflow:auto;border:1px solid var(--campo-line);border-radius:14px;background:#fff;}
.planilla-table.modern{width:100%;min-width:1160px;border-collapse:collapse;}
.planilla-table.modern th{background:#edf7f0!important;color:#111827!important;text-align:center;font-size:.86rem;padding:11px 10px;border-bottom:1px solid var(--campo-line);font-weight:850;}
.planilla-table.modern td{padding:7px 8px;border-bottom:1px solid #edf1f5;border-right:1px solid #edf1f5;text-align:center;vertical-align:middle;color:#1f2937;}
.planilla-table.modern td:last-child,.planilla-table.modern th:last-child{border-right:0;}
.planilla-table .day-col{width:58px}.planilla-table .date-col{width:88px}.fecha-cell span{display:inline-flex;min-width:74px;justify-content:center;color:#475569;font-weight:750;font-size:.88rem;}
.planilla-table .day-input{width:42px;text-align:center;background:#f8fafc!important;font-weight:850;}
.planilla-table input:not(.day-input){width:100%;height:38px;padding:0 10px;}
.planilla-table textarea{width:100%;min-height:38px;padding:8px 10px;resize:vertical;}
.planilla-table tr.is-readonly{background:#fbfcfe;}
.planilla-table tr.is-readonly input:not(.day-input),.planilla-table tr.is-readonly textarea{background:#f8fafc!important;color:#334155!important;border-color:#e2e8f0!important;}
.planilla-table tr.is-editing{background:#f0fdf4;box-shadow:inset 4px 0 0 var(--campo-green);}
.vo-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative;min-height:30px;}
.vo-check input{position:absolute;opacity:0;pointer-events:none;}
.vo-check span{width:20px;height:20px;border-radius:6px;border:1px solid #a8b5c5;background:#fff;display:inline-grid;place-items:center;}
.vo-check input:checked + span{background:var(--campo-green);border-color:var(--campo-green);}
.vo-check.danger input:checked + span{background:var(--campo-red);border-color:var(--campo-red);}
.vo-check input:checked + span:after{content:"✓";font-size:14px;color:#fff;font-weight:900;}
.audit-cell small{font-size:.74rem;color:#64748b!important;line-height:1.25;display:block;min-width:115px;}
.planilla-note{margin-top:14px;}
.planilla-note textarea{padding:12px;}
.planilla-mobile-action{display:none;margin-top:14px;}
.modern-history{padding:18px;}
.planilla-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;}
.planilla-history-card.modern-card{background:#fff;border:1px solid var(--campo-line);border-radius:14px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.05);}
.planilla-history-card strong{display:block;color:var(--campo-ink);font-size:1.05rem;margin-top:4px;}
.planilla-history-card span,.planilla-history-card small{color:var(--campo-muted)!important;}
.planilla-history-card p{color:#334155!important;margin:10px 0;}
.planilla-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.campo-pro-hero{background:transparent!important;border:0!important;box-shadow:none!important;min-height:auto!important;padding:0!important;margin:0 0 18px!important;}
.campo-pro-hero h1{font-size:1.75rem!important;color:var(--campo-ink)!important;line-height:1.15!important;margin:0 0 5px!important;}
.campo-pro-hero p{color:var(--campo-muted)!important;margin:0!important;}
.campo-pill,.eyebrow{background:transparent!important;border:0!important;color:var(--campo-green)!important;padding:0!important;}
.campo-kpi-grid-pro{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important;}
.campo-kpi-card{min-height:116px;padding:18px 20px!important;border-radius:16px!important;position:relative!important;overflow:hidden!important;background:#fff!important;}
.campo-kpi-card:before{content:"";width:56px;height:56px;border-radius:50%;position:absolute;left:18px;top:50%;transform:translateY(-50%);background:var(--campo-green-soft);}
.campo-kpi-card span,.campo-kpi-card strong,.campo-kpi-card small{padding-left:74px;position:relative;z-index:2;}
.campo-kpi-card strong{color:var(--campo-ink)!important;font-size:1.75rem!important;}
.campo-kpi-card span{color:#334155!important;}
.campo-kpi-card small{color:#64748b!important;}
.campo-chart-layout{display:grid!important;grid-template-columns:1.55fr .9fr!important;gap:16px!important;align-items:start!important;}
.campo-stat-card{padding:18px!important;border-radius:16px!important;}
.campo-stat-card.wide{grid-column:auto!important;}
.campo-card-head h3{color:var(--campo-ink)!important;margin:0!important;}
.campo-card-head a{color:var(--campo-green)!important;font-weight:850!important;}
.campo-empty-chart{background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:14px!important;color:#64748b!important;}
.campo-vbar i,.campo-hbar em{background:linear-gradient(180deg,#12823b,#20b15c)!important;}
.campo-hbar span,.campo-hbar strong{color:#334155!important;}
.table-card table,.data-table{border-collapse:collapse!important;border-radius:14px!important;overflow:hidden!important;}
.table-card th,.data-table th{background:#edf7f0!important;color:#111827!important;font-weight:850!important;text-transform:none!important;letter-spacing:0!important;}
.table-card td,.data-table td{color:#334155!important;border-color:#e7edf3!important;}
input,select,textarea{border-radius:8px!important;}

@media(max-width:1100px){
  body.admin-dark .sidebar{position:fixed;left:-286px;transition:.2s;z-index:60;}
  body.sidebar-open .sidebar{left:0;}
  body.admin-dark .content{padding:20px 14px;}
  body.admin-dark .footer{margin-left:0;}
  .amr-kpi-row,.campo-kpi-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .campo-chart-layout{grid-template-columns:1fr!important;}
  .planilla-toolbar-modern{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  body.admin-dark .topbar{height:62px;padding:0 14px;}
  body.admin-dark .sidebar{top:62px;height:calc(100vh - 62px);}
  .amr-campo-page-head{align-items:flex-start;flex-direction:column;}
  .amr-head-actions{width:100%;}.amr-head-actions .btn{flex:1;}
  .amr-kpi-row,.campo-kpi-grid-pro{grid-template-columns:1fr!important;}
  .planilla-toolbar-modern{grid-template-columns:1fr;}
  .planilla-mobile-action{display:block;}.amr-head-actions button[form="planillaTamboForm"]{display:none;}
  .planilla-table-wrap{border:0;overflow:visible;background:transparent;}
  .planilla-table.modern{min-width:0;display:block;}
  .planilla-table.modern thead{display:none;}
  .planilla-table.modern tbody{display:grid;gap:12px;}
  .planilla-table.modern tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff;border:1px solid var(--campo-line);border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.05);}
  .planilla-table.modern td{display:grid;gap:5px;padding:0;border:0!important;text-align:left;}
  .planilla-table.modern td:before{content:attr(data-label);font-size:.78rem;color:#64748b;font-weight:850;}
  .planilla-table.modern td[data-label="Observaciones"],.planilla-table.modern td[data-label="Acción"],.planilla-table.modern td[data-label="Auditoría"]{grid-column:1/-1;}
  .planilla-table input:not(.day-input),.planilla-table textarea,.row-edit-btn{width:100%;}
}

/* AMR 2026-07-08 · Menú lateral independiente por software */
.software-sidebar{
    width:292px!important;
    padding:18px 14px!important;
    background:linear-gradient(180deg,#063f24 0%,#082235 46%,#071521 100%)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    box-shadow:18px 0 46px rgba(15,23,42,.18)!important;
    overflow-y:auto;
    overflow-x:hidden;
}
.software-sidebar-brand{
    margin:0 0 16px!important;
    padding:0 0 18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.software-sidebar-brand img{width:58px!important;height:58px!important;object-fit:contain!important;}
.software-sidebar-brand strong{font-size:1.55rem!important;letter-spacing:.01em!important;color:#fff!important;line-height:1!important;}
.software-sidebar-brand small{color:#dff7e8!important;font-weight:800!important;letter-spacing:.035em!important;}
.software-active-card{
    display:flex;align-items:center;gap:12px;
    margin:0 0 16px;padding:13px 14px;border-radius:18px;
    background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.software-active-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;font-size:1.15rem;box-shadow:0 10px 22px rgba(22,101,52,.32);}
.software-active-card strong{display:block;color:#fff;font-size:.95rem;font-weight:900;}
.software-active-card small{display:block;color:#d1fae5!important;font-size:.73rem;font-weight:700;margin-top:2px;}
.software-sidebar .side-title{
    color:#22c55e!important;
    border:0!important;
    padding:16px 6px 7px!important;
    margin:0!important;
    font-size:.74rem!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
    font-weight:900!important;
}
.software-sidebar .side-link{
    grid-template-columns:30px 1fr!important;
    min-height:44px!important;
    padding:10px 10px!important;
    margin:4px 0!important;
    border-radius:12px!important;
    border:1px solid transparent!important;
    color:#f8fafc!important;
    text-decoration:none!important;
    transition:background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease!important;
}
.software-sidebar .side-link span{
    width:28px!important;height:28px!important;border-radius:10px!important;
    background:transparent!important;border:0!important;color:#ffffff!important;font-size:1.05rem!important;
}
.software-sidebar .side-link b{font-size:.91rem!important;color:#f8fafc!important;font-weight:850!important;}
.software-sidebar .side-link small{font-size:.69rem!important;color:#b9c8d8!important;font-weight:650!important;}
.software-sidebar .side-link:hover,
.software-sidebar .side-link.active{
    background:linear-gradient(135deg,rgba(22,163,74,.95),rgba(21,128,61,.82))!important;
    border-color:rgba(187,247,208,.25)!important;
    box-shadow:0 12px 26px rgba(22,101,52,.25)!important;
    transform:translateX(2px);
}
.software-sidebar .side-link:hover small,
.software-sidebar .side-link.active small{color:#eafff0!important;}
.sidebar-bottom-card{
    display:flex;align-items:center;gap:11px;
    margin:18px 0 2px;padding:12px;border-radius:16px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.11);
}
.sidebar-bottom-card strong{display:block;color:#fff;font-weight:900;font-size:.9rem;}
.sidebar-bottom-card small{display:block;color:#cbd5e1!important;font-size:.72rem;line-height:1.25;}
.software-sidebar-clubes{background:linear-gradient(180deg,#0f3b2b 0%,#0a2642 54%,#071521 100%)!important;}
.software-sidebar-barrios{background:linear-gradient(180deg,#12335e 0%,#0a2138 52%,#071521 100%)!important;}
.software-sidebar-rrhh{background:linear-gradient(180deg,#3b275f 0%,#18253e 52%,#071521 100%)!important;}
.software-sidebar-presupuestos{background:linear-gradient(180deg,#5b3414 0%,#1f2937 52%,#071521 100%)!important;}
.software-sidebar-amr{background:linear-gradient(180deg,#111827 0%,#0f172a 55%,#071521 100%)!important;}
@media(max-width:1100px){.software-sidebar{position:fixed!important;left:-320px!important;z-index:90!important;height:100vh!important}.software-sidebar.open{left:0!important}}
@media(max-width:720px){.software-sidebar{width:286px!important}.software-sidebar-brand img{width:50px!important;height:50px!important}.software-sidebar .side-link{min-height:48px!important;padding:11px 10px!important}.software-sidebar .side-link b{font-size:.94rem!important}.software-sidebar .side-link small{display:none!important}}

/* ==========================================================
   AMR Campos y Tambos · Rediseño Profesional 2026-07-08
   Diseño idéntico a imagen de referencia
   ========================================================== */

/* ── Topbar mejorado ── */
.amr-topbar-user {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.amr-topbar-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.amr-topbar-icon-btn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #475569;
  font-size: 1.1rem;
  transition: background .15s;
}
.amr-topbar-icon-btn:hover { background: #e2e8f0; }
.amr-topbar-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ef4444;
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
}
.amr-topbar-user-card {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 12px 6px 6px;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  cursor: pointer;
}
.amr-topbar-user-card:hover { background: #f1f5f9; }
.amr-topbar-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #11823b, #0b6b31);
  color: #fff;
  font-weight: 900;
  font-size: .92rem;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.amr-topbar-user-info strong {
  display: block;
  font-size: .86rem;
  font-weight: 800;
  color: #111827;
  line-height: 1;
}
.amr-topbar-user-info small {
  display: block;
  font-size: .73rem;
  color: #11823b;
  font-weight: 700;
  margin-top: 2px;
}
@media(max-width:1100px) {
  .amr-topbar-user-info { display: none; }
  .amr-topbar-user-card { padding: 4px; }
}

/* ── Sidebar Campos mejorado: secciones y links ── */
.software-sidebar .side-link {
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  align-items: center !important;
}
.software-sidebar .side-link small { display: none !important; }

/* ── Dashboard KPI cards estilo imagen ── */
.ct-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin-bottom: 20px;
}
.ct-kpi-card {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 4px 20px rgba(15,23,42,.06);
  transition: transform .18s, box-shadow .18s;
}
.ct-kpi-card:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(15,23,42,.10); }
.ct-kpi-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 1.5rem;
  flex-shrink: 0;
}
.ct-kpi-icon.green { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #15803d; }
.ct-kpi-icon.blue  { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1d4ed8; }
.ct-kpi-icon.orange{ background: linear-gradient(135deg, #ffedd5, #fed7aa); color: #ea580c; }
.ct-kpi-icon.purple{ background: linear-gradient(135deg, #ede9fe, #ddd6fe); color: #7c3aed; }
.ct-kpi-body small { display: block; color: #64748b; font-weight: 700; font-size: .83rem; }
.ct-kpi-body strong { display: block; color: #111827; font-size: 1.9rem; font-weight: 900; line-height: 1.1; margin: 3px 0; }
.ct-kpi-body em { display: block; font-style: normal; font-size: .78rem; font-weight: 700; }
.ct-kpi-body em.up { color: #16a34a; }
.ct-kpi-body em.down { color: #dc2626; }
.ct-kpi-body em.neutral { color: #64748b; }

/* ── Dashboard Grid Layout ── */
.ct-dash-grid {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}
.ct-dash-main { display: grid; gap: 16px; }
.ct-dash-side { display: grid; gap: 16px; }
.ct-card {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15,23,42,.06);
  overflow: hidden;
}
.ct-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #f1f5f9;
}
.ct-card-head h3 { margin: 0; color: #111827; font-size: 1.02rem; }
.ct-card-head small { color: #64748b; font-size: .82rem; }
.ct-card-head select {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 5px 8px;
  font-size: .82rem;
  color: #334155;
  background: #f8fafc;
}
.ct-card-body { padding: 14px 18px; }

/* ── Mini bar chart CSS ── */
.ct-bar-chart {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 150px;
  padding: 0 4px;
}
.ct-bar-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  height: 100%;
  justify-content: flex-end;
}
.ct-bar {
  width: 100%;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #22c55e, #15803d);
  min-height: 4px;
  transition: opacity .2s;
  position: relative;
}
.ct-bar:hover { opacity: .85; }
.ct-bar-label { font-size: .68rem; color: #94a3b8; font-weight: 700; white-space: nowrap; }
.ct-bar-val { font-size: .68rem; color: #475569; font-weight: 800; }

/* ── Donut CSS (producción por tambo) ── */
.ct-donut-wrap { display: flex; align-items: center; gap: 16px; padding: 14px 18px; }
.ct-donut-svg { width: 120px; height: 120px; flex-shrink: 0; }
.ct-donut-legend { display: grid; gap: 7px; flex: 1; }
.ct-legend-item { display: flex; align-items: center; gap: 8px; font-size: .82rem; }
.ct-legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.ct-legend-label { flex: 1; color: #334155; font-weight: 700; }
.ct-legend-pct { color: #64748b; font-size: .78rem; }

/* ── Alertas panel ── */
.ct-alert-list { display: grid; gap: 0; }
.ct-alert-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #f1f5f9;
  transition: background .15s;
}
.ct-alert-item:last-child { border-bottom: 0; }
.ct-alert-item:hover { background: #f8fafc; }
.ct-alert-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  font-size: .9rem;
  flex-shrink: 0;
}
.ct-alert-icon.red { background: #fee2e2; color: #dc2626; }
.ct-alert-icon.yellow { background: #fef3c7; color: #d97706; }
.ct-alert-icon.green { background: #dcfce7; color: #16a34a; }
.ct-alert-icon.blue { background: #dbeafe; color: #2563eb; }
.ct-alert-body strong { display: block; color: #111827; font-size: .86rem; font-weight: 800; }
.ct-alert-body small { display: block; color: #64748b; font-size: .76rem; margin-top: 2px; }
.ct-alert-body .ct-alert-time { display: block; color: #94a3b8; font-size: .72rem; margin-top: 3px; }

/* ── Accesos Rápidos ── */
.ct-quick-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.ct-quick-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  border: 1px solid #e5eaf0;
  border-radius: 12px;
  background: #f8fafc;
  font-size: .86rem;
  font-weight: 800;
  color: #334155;
  transition: background .15s, border-color .15s;
}
.ct-quick-item:hover { background: #fff; border-color: #11823b; color: #11823b; }
.ct-quick-item-inner { display: flex; align-items: center; gap: 8px; }
.ct-quick-item-inner span { font-size: 1.1rem; }
.ct-quick-arrow { color: #94a3b8; font-size: .9rem; }

/* ── Actividad Reciente ── */
.ct-activity-table { width: 100%; border-collapse: collapse; }
.ct-activity-table th { color: #64748b; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 8px 12px; border-bottom: 1px solid #f1f5f9; text-align: left; }
.ct-activity-table td { padding: 10px 12px; border-bottom: 1px solid #f8fafc; font-size: .86rem; color: #334155; vertical-align: middle; }
.ct-activity-table tr:last-child td { border-bottom: 0; }
.ct-activity-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; }
.ct-activity-dot.green { background: #22c55e; }
.ct-activity-dot.blue { background: #3b82f6; }
.ct-activity-dot.orange { background: #f59e0b; }
.ct-activity-dot.red { background: #ef4444; }

/* ── Planilla Diaria Mejorada ── */
.planilla-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.planilla-kpi-strip .ct-kpi-card { padding: 16px 18px; }
.planilla-kpi-strip .ct-kpi-icon { width: 48px; height: 48px; font-size: 1.2rem; }
.planilla-kpi-strip .ct-kpi-body strong { font-size: 1.55rem; }

.planilla-row-form { display: contents; }
.planilla-table .btn.row-save-btn {
  background: linear-gradient(135deg,#11823b,#08702f) !important;
  color: #fff !important;
  border: 0 !important;
  display: none;
}
.planilla-table tr.is-editing .btn.row-save-btn { display: inline-flex !important; }
.planilla-table tr.is-editing .btn.row-edit-btn { display: none !important; }
.planilla-audit-info {
  font-size: .72rem;
  color: #64748b !important;
  line-height: 1.35;
  display: block;
}
.planilla-vo-input {
  width: 100%;
  height: 36px;
  padding: 0 8px;
  border: 1px solid #d5dde7;
  border-radius: 8px;
  background: #fff;
  color: #1f2937;
  font-size: .9rem;
  text-align: center;
}
.planilla-vo-input:focus { border-color: #11823b; outline: none; box-shadow: 0 0 0 3px rgba(17,130,59,.10); }

/* Historial con mini gráfica ── */
.planilla-hist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
  gap: 14px;
  margin-top: 14px;
}
.planilla-hist-card {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 4px 16px rgba(15,23,42,.05);
  cursor: pointer;
  transition: border-color .18s, box-shadow .18s;
}
.planilla-hist-card:hover { border-color: #11823b; box-shadow: 0 8px 24px rgba(17,130,59,.12); }
.planilla-hist-card.active-month { border-color: #11823b !important; box-shadow: 0 8px 24px rgba(17,130,59,.15) !important; }
.planilla-hist-month { font-size: .78rem; color: #11823b; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.planilla-hist-tambo { font-size: 1rem; color: #111827; font-weight: 900; margin: 3px 0 8px; }
.planilla-hist-stats { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.planilla-hist-stat { font-size: .8rem; color: #475569; }
.planilla-hist-stat strong { display: block; color: #111827; font-weight: 800; font-size: .95rem; }
.planilla-mini-bar-chart {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 48px;
  margin-top: 8px;
}
.planilla-mini-bar {
  flex: 1;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, #22c55e, #15803d);
  min-height: 2px;
  title: attr(title);
}
.planilla-hist-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }

/* ── Módulo Nacimientos y Fallecimientos ── */
.nf-page-grid { display: grid; gap: 18px; }
.nf-header {
  background: linear-gradient(135deg, #fff, #f0fdf4);
  border: 1px solid #bbf7d0;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 4px 20px rgba(17,130,59,.08);
}
.nf-header h1 { margin: 0 0 4px; color: #111827; font-size: 1.75rem; }
.nf-header p { margin: 0; color: #64748b; }

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

.nf-tabs {
  display: flex;
  gap: 0;
  background: #f1f5f9;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 18px;
  width: fit-content;
}
.nf-tab {
  padding: 9px 22px;
  border-radius: 9px;
  border: 0;
  background: transparent;
  color: #64748b;
  font-weight: 800;
  font-size: .9rem;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.nf-tab.active {
  background: #fff;
  color: #11823b;
  box-shadow: 0 2px 8px rgba(15,23,42,.08);
}
.nf-tab.nac.active { color: #11823b; }
.nf-tab.baj.active { color: #dc2626; }

.nf-panel { display: none; }
.nf-panel.active { display: block; }

.nf-form-card {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 4px 20px rgba(15,23,42,.06);
  margin-bottom: 18px;
}
.nf-form-card h3 { margin: 0 0 16px; color: #111827; font-size: 1.08rem; }
.nf-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.nf-form-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.nf-form-label { display: grid; gap: 6px; }
.nf-form-label span { font-size: .85rem; font-weight: 800; color: #334155; }
.nf-form-label input,
.nf-form-label select,
.nf-form-label textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d5dde7;
  border-radius: 8px;
  background: #fff;
  color: #111827;
  font-size: .93rem;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}
.nf-form-label input:focus,
.nf-form-label select:focus,
.nf-form-label textarea:focus {
  border-color: #11823b;
  box-shadow: 0 0 0 3px rgba(17,130,59,.10);
}
.nf-form-label.full { grid-column: 1/-1; }
.nf-form-actions { display: flex; gap: 10px; margin-top: 16px; }

.nf-caravana-lookup {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.nf-caravana-lookup input { flex: 1; }
.nf-animal-found {
  display: none;
  margin-top: 8px;
  padding: 10px 12px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  font-size: .85rem;
  color: #166534;
}
.nf-animal-found.show { display: block; }
.nf-animal-not-found {
  display: none;
  margin-top: 8px;
  padding: 10px 12px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  font-size: .85rem;
  color: #991b1b;
}
.nf-animal-not-found.show { display: block; }

.nf-historial {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(15,23,42,.06);
}
.nf-hist-tabs {
  display: flex;
  border-bottom: 1px solid #f1f5f9;
}
.nf-hist-tab {
  flex: 1;
  padding: 13px;
  text-align: center;
  font-weight: 800;
  font-size: .86rem;
  color: #64748b;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
}
.nf-hist-tab.active { color: #11823b; border-bottom-color: #11823b; }
.nf-hist-table { width: 100%; border-collapse: collapse; }
.nf-hist-table th {
  background: #f8fafc;
  color: #64748b;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #e5eaf0;
}
.nf-hist-table td {
  padding: 11px 14px;
  font-size: .86rem;
  color: #334155;
  border-bottom: 1px solid #f8fafc;
  vertical-align: middle;
}
.nf-hist-table tr:last-child td { border-bottom: 0; }
.nf-hist-table tr:hover td { background: #f8fafc; }
.nf-badge-nac { display: inline-flex; padding: 3px 9px; border-radius: 999px; font-size: .76rem; font-weight: 800; background: #dcfce7; color: #166534; }
.nf-badge-baj { display: inline-flex; padding: 3px 9px; border-radius: 999px; font-size: .76rem; font-weight: 800; background: #fee2e2; color: #991b1b; }
.nf-badge-m { background: #dbeafe !important; color: #1d4ed8 !important; }
.nf-badge-f { background: #fce7f3 !important; color: #be185d !important; }

/* Ficha animal: sección hijos ── */
.animal-offspring-section {
  margin-top: 16px;
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 14px;
  overflow: hidden;
}
.animal-offspring-section h4 {
  margin: 0;
  padding: 12px 16px;
  background: #f0fdf4;
  border-bottom: 1px solid #e5eaf0;
  color: #111827;
  font-size: .95rem;
}

@media(max-width:1200px) {
  .ct-dash-grid { grid-template-columns: 1fr; }
  .ct-kpi-grid { grid-template-columns: repeat(2,1fr); }
  .nf-kpi-grid { grid-template-columns: repeat(2,1fr); }
  .nf-form-grid { grid-template-columns: repeat(2,1fr); }
  .planilla-kpi-strip { grid-template-columns: repeat(2,1fr); }
}
@media(max-width:720px) {
  .ct-kpi-grid, .nf-kpi-grid, .planilla-kpi-strip { grid-template-columns: 1fr; }
  .nf-form-grid, .nf-form-grid.two { grid-template-columns: 1fr; }
  .ct-quick-grid { grid-template-columns: 1fr; }
  .ct-dash-grid { grid-template-columns: 1fr; }
}

/* Campos & Tambos: planillas diarias modernas para establecimientos, parcelas, agricultura, forestal y maquinaria */
.campo-planilla-heading {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(17,130,59,.10), rgba(14,165,233,.08));
  border: 1px solid rgba(17,130,59,.16);
  box-shadow: 0 18px 50px rgba(15,23,42,.08);
}
.campo-planilla-heading:after {
  content: "";
  position: absolute;
  inset: auto -55px -80px auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(34,197,94,.18), transparent 64%);
  pointer-events: none;
}
.campo-planilla-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}
.campo-planilla-strip div,
.campo-planilla-form-note div,
.campo-ai-note {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 12px 34px rgba(15,23,42,.06);
}
.campo-planilla-strip strong {
  display: block;
  font-size: 1.45rem;
  font-weight: 900;
  color: #0f5132;
  font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
}
.campo-planilla-strip span,
.campo-planilla-form-note span,
.campo-ai-note span {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: .86rem;
  font-weight: 650;
}
.campo-ai-note {
  margin: 0 0 16px;
  background: linear-gradient(135deg, #f8fafc, #f0fdf4);
}
.campo-ai-note b { display: block; color: #14532d; font-size: .96rem; }
.campo-planilla-toolbar {
  background: #fff;
  border: 1px solid #e5eaf0;
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 10px 30px rgba(15,23,42,.05);
}
.campo-planilla-toolbar input {
  border-radius: 14px !important;
  min-height: 42px;
}
.campo-planilla-table-card {
  border-radius: 22px !important;
  border: 1px solid #dfe7ef !important;
  overflow: auto !important;
}
.campo-planilla-table-card table {
  border-collapse: separate !important;
  border-spacing: 0;
  min-width: 980px;
}
.campo-planilla-table-card th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f0fdf4 !important;
  color: #14532d !important;
  font-size: .72rem !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}
.campo-planilla-table-card td {
  font-size: .84rem !important;
  vertical-align: middle;
}
.campo-planilla-table-card tbody tr:hover td {
  background: #f8fafc !important;
}
.campo-planilla-form-note {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.campo-planilla-form-note strong {
  display: block;
  color: #0f5132;
  font-size: .96rem;
}
.campo-planilla-form {
  border-radius: 24px !important;
  border: 1px solid #dfe7ef !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.08) !important;
}
.campo-planilla-form .form-fieldset {
  border: 1px solid #e5eaf0;
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff, #fbfdfc);
  margin-bottom: 16px;
}
.campo-planilla-form .form-fieldset legend {
  padding: 0 10px;
}
.campo-planilla-form .form-fieldset legend strong {
  color: #14532d;
  font-size: 1rem;
}
.campo-planilla-form .form-fieldset legend span {
  display: block;
  color: #64748b;
  font-size: .82rem;
  font-weight: 600;
  margin-top: 2px;
}
.campo-planilla-form label span {
  font-weight: 800;
  color: #334155;
  font-size: .82rem;
}
.campo-planilla-form input,
.campo-planilla-form select,
.campo-planilla-form textarea {
  border-radius: 13px !important;
  border-color: #d7e1ea !important;
  background: #fff !important;
}
.campo-planilla-form input:focus,
.campo-planilla-form select:focus,
.campo-planilla-form textarea:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 4px rgba(34,197,94,.12) !important;
}
@media(max-width: 980px) {
  .campo-planilla-strip,
  .campo-planilla-form-note { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 680px) {
  .campo-planilla-heading { padding: 16px; }
  .campo-planilla-strip,
  .campo-planilla-form-note { grid-template-columns: 1fr; }
  .campo-planilla-table-card table { min-width: 860px; }
}

/* ========================================================================== 
   AMR Software · Planes y precios · Diseño claro profesional en 3 columnas
   ========================================================================== */
.amr-pricing-page {
  --amr-blue: #0b63f6;
  --amr-blue-dark: #0748bc;
  --amr-ink: #0b1736;
  --amr-muted: #5d6b85;
  --amr-border: #e1e8f2;
  position: relative;
  isolation: isolate;
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 52px 0 64px;
  color: var(--amr-ink);
}
.amr-pricing-page::before,
.amr-pricing-page::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border: 2px solid rgba(11,99,246,.07);
  border-radius: 50%;
}
.amr-pricing-page::before {
  width: 430px;
  height: 430px;
  top: 20px;
  right: -300px;
  box-shadow: 0 0 0 38px rgba(11,99,246,.025), 0 0 0 78px rgba(11,99,246,.018);
}
.amr-pricing-page::after {
  width: 260px;
  height: 260px;
  left: -210px;
  bottom: 90px;
  box-shadow: 0 0 0 30px rgba(11,99,246,.025);
}
.amr-pricing-hero {
  max-width: 980px;
  margin: 0 auto 42px;
  text-align: center;
}
.amr-pricing-eyebrow {
  display: inline-flex;
  color: var(--amr-blue);
  font-size: .82rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.amr-pricing-hero h1 {
  max-width: 900px;
  margin: 10px auto 10px;
  color: var(--amr-ink);
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 1.06;
  letter-spacing: -.04em;
}
.amr-pricing-hero > p {
  max-width: 770px;
  margin: 0 auto;
  color: var(--amr-muted);
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.7;
}
.amr-pricing-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 42px;
  margin-top: 24px;
  color: #17213b;
  font-size: .92rem;
  font-weight: 700;
}
.amr-pricing-trust span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.amr-pricing-trust svg,
.amr-assistance-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--amr-blue);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.amr-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
}
.amr-price-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px 26px 30px;
  background: rgba(255,255,255,.98);
  border: 1px solid var(--amr-border);
  border-radius: 18px;
  box-shadow: 0 12px 35px rgba(14,35,74,.075);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.amr-price-card:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--plan-accent) 45%, #dbe4f1);
  box-shadow: 0 22px 52px rgba(14,35,74,.13);
}
.amr-price-card.is-featured {
  border: 1.5px solid var(--plan-accent);
  box-shadow: 0 18px 48px color-mix(in srgb, var(--plan-accent) 16%, transparent);
}
.amr-price-ribbon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: calc(100% - 34px);
}
.amr-price-ribbon span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 18px;
  color: #fff;
  background: var(--plan-accent);
  border-radius: 6px;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--plan-accent) 25%, transparent);
  font-size: .77rem;
  font-weight: 850;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.amr-price-card-head {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  min-height: 100px;
}
.amr-price-icon {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border-radius: 14px;
  color: var(--plan-accent);
  background: color-mix(in srgb, var(--plan-accent) 10%, #fff);
}
.amr-price-icon svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.amr-price-card-head h2 {
  margin: 2px 0 6px;
  color: var(--amr-ink);
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 1.48rem;
  line-height: 1.15;
}
.amr-price-card-head p {
  margin: 0;
  color: #4f5d76;
  font-size: .9rem;
  line-height: 1.55;
}
.amr-price-divider {
  height: 1px;
  margin: 15px 0 22px;
  background: var(--amr-border);
}
.amr-price-value {
  min-height: 94px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.amr-price-number-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.amr-price-currency {
  padding-top: 9px;
  color: #26324a;
  font-size: .86rem;
  font-weight: 750;
}
.amr-price-number-row strong {
  color: #090f20;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: clamp(2.45rem, 4vw, 3.4rem);
  line-height: .95;
  letter-spacing: -.045em;
}
.amr-price-value small {
  margin-top: 7px;
  color: #56647c;
  font-size: .84rem;
  font-weight: 650;
}
.amr-price-consult {
  color: var(--amr-ink);
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 2.1rem;
  font-weight: 850;
}
.amr-price-unconfigured {
  color: #526078;
  font-weight: 800;
}
.amr-price-action {
  margin: 12px 0 22px;
}
.amr-price-action form { margin: 0; }
.amr-plan-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  padding: 10px 18px;
  border: 1.5px solid var(--plan-accent, var(--amr-blue));
  border-radius: 8px;
  font: inherit;
  font-size: .91rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.amr-plan-button:hover { transform: translateY(-1px); }
.amr-plan-button-outline {
  color: var(--plan-accent, var(--amr-blue));
  background: #fff;
}
.amr-plan-button-outline:hover {
  color: #fff;
  background: var(--plan-accent, var(--amr-blue));
  box-shadow: 0 9px 22px color-mix(in srgb, var(--plan-accent, var(--amr-blue)) 20%, transparent);
}
.amr-plan-button-primary {
  color: #fff;
  background: var(--plan-accent, var(--amr-blue));
  box-shadow: 0 10px 22px color-mix(in srgb, var(--plan-accent, var(--amr-blue)) 22%, transparent);
}
.amr-plan-button-primary:hover {
  color: #fff;
  filter: brightness(.94);
}
.amr-price-periods {
  padding: 13px 0 18px;
  border-top: 1px solid #edf1f6;
  border-bottom: 1px solid #edf1f6;
}
.amr-price-periods > span {
  display: block;
  margin-bottom: 8px;
  color: #4e5d76;
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.amr-price-periods > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.amr-period-chip {
  display: inline-flex;
  padding: 6px 9px;
  color: #2c3b56;
  background: #f5f8fc;
  border: 1px solid #e5ebf3;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 750;
}
.amr-plan-includes {
  flex: 1;
  margin-top: 22px;
}
.amr-plan-includes h3 {
  margin: 0 0 13px;
  color: var(--plan-accent);
  font-size: .93rem;
  font-weight: 850;
}
.amr-plan-includes ul {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.amr-plan-includes li {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  color: #25324a;
  font-size: .87rem;
  line-height: 1.45;
}
.amr-check {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  color: var(--plan-accent);
  border: 1.5px solid var(--plan-accent);
  border-radius: 50%;
  font-size: .66rem;
  font-weight: 900;
}
.amr-plan-empty-detail {
  margin: 0;
  padding: 13px;
  color: #5d6b82;
  background: #f7f9fc;
  border-radius: 10px;
  font-size: .84rem;
  line-height: 1.5;
}
.amr-pricing-assistance {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) minmax(190px, 250px);
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid var(--amr-border);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(14,35,74,.07);
}
.amr-assistance-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  background: #eef5ff;
  border-radius: 13px;
}
.amr-assistance-icon svg { width: 31px; height: 31px; }
.amr-pricing-assistance h2 {
  margin: 0 0 4px;
  color: var(--amr-ink);
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 1.12rem;
}
.amr-pricing-assistance p {
  margin: 0;
  color: var(--amr-muted);
  font-size: .86rem;
  line-height: 1.5;
}
.amr-pricing-empty {
  max-width: 720px;
  margin: 0 auto;
  padding: 42px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--amr-border);
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(14,35,74,.08);
}
.amr-pricing-empty h2 { margin: 0 0 8px; color: var(--amr-ink); }
.amr-pricing-empty p { margin: 0 0 20px; color: var(--amr-muted); }
.amr-pricing-empty .amr-plan-button { max-width: 260px; }
@media (max-width: 1040px) {
  .amr-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .amr-price-card:last-child:nth-child(odd) { grid-column: 1 / -1; max-width: 560px; width: 100%; justify-self: center; }
}
@media (max-width: 760px) {
  .amr-pricing-page { width: min(100% - 22px, 620px); padding: 34px 0 46px; }
  .amr-pricing-hero { margin-bottom: 32px; }
  .amr-pricing-trust { align-items: flex-start; flex-direction: column; width: max-content; max-width: 100%; margin: 22px auto 0; gap: 12px; text-align: left; }
  .amr-pricing-grid { grid-template-columns: 1fr; gap: 20px; }
  .amr-price-card:last-child:nth-child(odd) { grid-column: auto; max-width: none; }
  .amr-price-card { padding: 26px 20px 24px; }
  .amr-price-card-head { grid-template-columns: 58px minmax(0, 1fr); min-height: auto; }
  .amr-price-icon { width: 58px; height: 58px; }
  .amr-price-icon svg { width: 31px; height: 31px; }
  .amr-pricing-assistance { grid-template-columns: 48px minmax(0, 1fr); padding: 18px; }
  .amr-pricing-assistance .amr-plan-button { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .amr-price-card-head { grid-template-columns: 1fr; }
  .amr-price-card-head .amr-price-icon { width: 52px; height: 52px; }
  .amr-price-card-head h2 { margin-top: 0; }
  .amr-pricing-assistance { grid-template-columns: 1fr; text-align: center; }
  .amr-assistance-icon { margin: 0 auto; }
}

/* ========================================================================== 
   AMR Software · Comparador de planes claro, compacto y profesional (v2)
   ========================================================================== */
/* ==========================================================================
   OLD AMR-COMPARE STYLES (preserved for backward compatibility)
   ========================================================================== */
.amr-compare-page {
  --compare-blue: #155eef;
  --compare-ink: #101828;
  --compare-muted: #667085;
  --compare-line: #dfe5ee;
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 48px 0 64px;
  color: var(--compare-ink);
}
.amr-compare-hero { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.amr-compare-kicker { display: block; margin-bottom: 9px; color: var(--compare-blue); font-size: .78rem; font-weight: 850; letter-spacing: .08em; }
.amr-compare-hero h1 { margin: 0; color: #101828; font-family: 'Outfit', system-ui, sans-serif; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -.035em; }
.amr-compare-hero p { margin: 13px auto 0; color: var(--compare-muted); font-size: 1rem; line-height: 1.6; }
.amr-compare-shell { overflow: visible; background: #fff; border-top: 2px solid #3f3a73; border-bottom: 1px solid var(--compare-line); box-shadow: 0 16px 46px rgba(16,24,40,.08); }
.amr-compare-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
.amr-compare-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 24px 25px 30px; background: #fff; border-left: 1px solid var(--compare-line); }
.amr-compare-plan:first-child { border-left: 0; }
.amr-compare-plan.is-featured { z-index: 2; margin-top: -13px; margin-bottom: -1px; padding-top: 37px; border: 1.5px solid var(--plan-accent, var(--compare-blue)); box-shadow: 0 14px 36px rgba(21,94,239,.14); }
.amr-compare-badge { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); min-width: 145px; max-width: calc(100% - 32px); padding: 8px 14px; color: #fff; background: var(--plan-accent, var(--compare-blue)); border-radius: 4px; font-size: .72rem; font-weight: 850; letter-spacing: .04em; text-align: center; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.amr-compare-plan-head { min-height: 92px; text-align: center; }
.amr-compare-plan-head h2 { margin: 0 0 8px; color: #182230; font-family: 'Outfit', system-ui, sans-serif; font-size: 1.22rem; line-height: 1.2; }
.amr-compare-plan-head p { max-width: 250px; margin: 0 auto; color: #667085; font-size: .82rem; line-height: 1.5; }
.amr-compare-price { min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 0 12px; border-top: 1px solid var(--compare-line); text-align: center; }
.amr-compare-price-main { display: flex; align-items: flex-start; justify-content: center; gap: 6px; }
.amr-compare-currency { margin-top: 8px; color: #344054; font-size: .78rem; font-weight: 750; }
.amr-compare-price strong { color: #101828; font-family: 'Outfit', system-ui, sans-serif; font-size: clamp(2.5rem, 4vw, 3.15rem); line-height: .98; letter-spacing: -.05em; }
.amr-compare-price strong.is-text { font-size: 1.75rem; letter-spacing: -.02em; }
.amr-compare-price strong.is-small { font-size: 1.05rem; }
.amr-compare-price > span { margin-top: 5px; color: #667085; font-size: .78rem; }
.amr-compare-action { margin: 0 0 22px; }
.amr-compare-action form { margin: 0; }
.amr-compare-button, .amr-compare-help a, .amr-compare-no-plans a { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; padding: 9px 16px; color: var(--plan-accent, var(--compare-blue)); background: #fff; border: 1.5px solid var(--plan-accent, var(--compare-blue)); border-radius: 999px; font: inherit; font-size: .82rem; font-weight: 800; text-decoration: none; cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease; }
.amr-compare-plan.is-featured .amr-compare-button { color: #fff; background: var(--plan-accent, var(--compare-blue)); }
.amr-compare-button:hover, .amr-compare-help a:hover, .amr-compare-no-plans a:hover { color: #fff; background: var(--plan-accent, var(--compare-blue)); transform: translateY(-1px); }
.amr-compare-periods { margin: 0 0 18px; padding: 14px 0; border-top: 1px solid #eef1f5; border-bottom: 1px solid #eef1f5; }
.amr-compare-periods h3, .amr-compare-features h3 { margin: 0 0 10px; color: #344054; font-size: .78rem; font-weight: 850; letter-spacing: .025em; text-transform: uppercase; }
.amr-compare-periods > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 4px 0; color: #475467; font-size: .76rem; }
.amr-compare-periods strong { color: #182230; font-size: .78rem; }
.amr-compare-features { flex: 1; padding-top: 1px; }
.amr-compare-features ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.amr-compare-features li { display: grid; grid-template-columns: 17px minmax(0, 1fr); gap: 8px; align-items: start; color: #344054; font-size: .79rem; line-height: 1.45; }
.amr-compare-features li > span:first-child { display: inline-grid; place-items: center; width: 15px; height: 15px; margin-top: 1px; color: var(--plan-accent, var(--compare-blue)); border: 1.3px solid var(--plan-accent, var(--compare-blue)); border-radius: 50%; font-size: .56rem; font-weight: 900; }
.amr-compare-features b { font-weight: 800; }
.amr-compare-empty { margin: 0; color: #667085; font-size: .79rem; line-height: 1.5; }
.amr-compare-help { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: center; gap: 24px; margin-top: 20px; padding: 20px 24px; background: #fff; border: 1px solid var(--compare-line); box-shadow: 0 10px 30px rgba(16,24,40,.06); }
.amr-compare-help h2 { margin: 0 0 4px; color: #182230; font-size: 1rem; }
.amr-compare-help p { margin: 0; color: #667085; font-size: .82rem; }
.amr-compare-help a { --plan-accent: var(--compare-blue); border-radius: 8px; }
.amr-compare-no-plans { max-width: 700px; margin: 0 auto; padding: 36px; background: #fff; border: 1px solid var(--compare-line); text-align: center; }
.amr-compare-no-plans h2 { margin: 0 0 8px; }
.amr-compare-no-plans p { margin: 0 0 20px; color: #667085; }
.amr-compare-no-plans a { --plan-accent: var(--compare-blue); max-width: 250px; }
@media (max-width: 980px) { .amr-compare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amr-compare-plan:nth-child(odd) { border-left: 0; } .amr-compare-plan:nth-child(n+3) { border-top: 1px solid var(--compare-line); } .amr-compare-plan.is-featured { margin-top: 0; padding-top: 32px; } }
@media (max-width: 680px) { .amr-compare-page { width: min(100% - 20px, 560px); padding: 34px 0 46px; } .amr-compare-hero { margin-bottom: 27px; } .amr-compare-hero h1 { font-size: 2rem; } .amr-compare-grid { grid-template-columns: 1fr; } .amr-compare-plan, .amr-compare-plan:nth-child(odd) { border-left: 0; border-top: 1px solid var(--compare-line); } .amr-compare-plan:first-child { border-top: 0; } .amr-compare-plan.is-featured { border: 1.5px solid var(--plan-accent, var(--compare-blue)); } .amr-compare-help { grid-template-columns: 1fr; text-align: center; } }

/* ==========================================================================
   PP3 · Planes de Precios – 3 columnas horizontales (estilo referencia)
   Prefijo pp3- para evitar cualquier conflicto con otros módulos.
   ========================================================================== */

/* ── Page container ── */
.pp3-page {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 40px 16px 60px !important;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  box-sizing: border-box;
}

/* ── Header ── */
.pp3-header {
  margin-bottom: 32px;
}
.pp3-header h1 {
  margin: 0 0 4px;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 900;
  color: #1a1a2e;
  letter-spacing: -.03em;
  line-height: 1.1;
}
.pp3-header p {
  margin: 0;
  font-size: .85rem;
  color: #667085;
}

/* ── ROW: 3 columnas horizontales ── */
.pp3-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: 100% !important;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 28px rgba(0,0,0,.07);
}

/* ── Columna / Tarjeta ── */
.pp3-col {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 38px 22px 32px !important;
  background: #fff;
  border-right: 1px solid #eef1f5;
  text-align: center;
  box-sizing: border-box;
  transition: transform .22s ease, box-shadow .22s ease;
}
.pp3-col:last-child {
  border-right: none;
}
.pp3-col:hover {
  z-index: 2;
  transform: translateY(-4px);
  box-shadow: 0 16px 44px rgba(0,0,0,.10);
}
.pp3-col.pp3-featured {
  background: linear-gradient(180deg, #f7f8ff 0%, #fff 45%);
}

/* ── Icono decorativo ── */
.pp3-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  margin-bottom: 16px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pp3-icon span {
  font-size: 2rem;
  line-height: 1;
}

/* ── Nombre del plan ── */
.pp3-name {
  margin: 0 0 6px !important;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  color: #1a1a2e !important;
  letter-spacing: -.02em;
  line-height: 1.2;
}

/* ── Descripción ── */
.pp3-desc {
  margin: 0 0 10px;
  max-width: 230px;
  font-size: .8rem;
  color: #667085;
  line-height: 1.5;
}

/* ── Features ── */
.pp3-features {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  margin-bottom: 20px;
  padding-top: 6px;
  min-height: 100px;
}
.pp3-feat {
  display: block;
  font-size: .72rem;
  font-weight: 700;
  color: #344054;
  letter-spacing: .04em;
  line-height: 1.7;
  text-transform: uppercase;
}
.pp3-feat.pp3-muted {
  color: #98a2b3;
  text-transform: none;
  font-weight: 500;
}
.pp3-sep {
  display: block;
  font-size: .75rem;
  color: #d1d5db;
  line-height: 1;
  user-select: none;
}

/* ── Precio ── */
.pp3-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 18px;
  gap: 1px;
}
.pp3-amount {
  display: inline-block;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: clamp(2.2rem, 4.5vw, 2.8rem);
  font-weight: 900;
  color: #1a1a2e;
  letter-spacing: -.04em;
  line-height: 1;
}
.pp3-amount sup {
  font-size: .42em;
  font-weight: 700;
  color: #475467;
  vertical-align: super;
  margin-left: 2px;
}
.pp3-amount-sm {
  font-size: 1.4rem !important;
  letter-spacing: -.01em;
}
.pp3-period {
  display: block;
  font-size: .76rem;
  font-weight: 500;
  color: #98a2b3;
}

/* ── Períodos alternativos ── */
.pp3-alt {
  width: 100%;
  max-width: 210px;
  margin-bottom: 14px;
  padding: 8px 0;
  border-top: 1px solid #f1f3f8;
}
.pp3-alt-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 2px 0;
  font-size: .72rem;
  color: #667085;
}
.pp3-alt-row strong {
  color: #344054;
  font-weight: 700;
}

/* ── CTA / Botón ── */
.pp3-cta {
  width: 100%;
  max-width: 180px;
  margin-top: auto;
}
.pp3-cta form {
  margin: 0;
}
.pp3-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 18px;
  border: none;
  border-radius: 999px;
  font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  box-sizing: border-box;
}
.pp3-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
  filter: brightness(1.08);
}
.pp3-btn:active {
  transform: translateY(0);
}

/* Variantes de color del botón */
.pp3-btn.btn-gold {
  background: #c8b560;
  color: #1a1a2e;
}
.pp3-btn.btn-steel {
  background: #7b93b3;
  color: #fff;
}
.pp3-btn.btn-sage {
  background: #6aab8e;
  color: #fff;
}
.pp3-btn.btn-outline {
  background: transparent;
  color: #155eef;
  border: 1.5px solid #155eef;
}
.pp3-btn.btn-outline:hover {
  background: #155eef;
  color: #fff;
}

/* ── Help aside ── */
.pp3-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 24px;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid #eef1f5;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0,0,0,.04);
}
.pp3-help h2 {
  margin: 0 0 3px;
  color: #1a1a2e;
  font-size: .95rem;
  font-weight: 700;
}
.pp3-help p {
  margin: 0;
  color: #667085;
  font-size: .8rem;
}
.pp3-help .pp3-btn {
  width: auto;
  min-width: 190px;
  flex-shrink: 0;
}

/* ── Empty state ── */
.pp3-empty {
  max-width: 560px;
  margin: 0 auto;
  padding: 44px 32px;
  background: #fff;
  border: 1px solid #eef1f5;
  border-radius: 12px;
  text-align: center;
}
.pp3-empty h2 {
  margin: 0 0 8px;
  color: #1a1a2e;
  font-size: 1.1rem;
}
.pp3-empty p {
  margin: 0 0 18px;
  color: #667085;
  font-size: .85rem;
}
.pp3-empty .pp3-btn {
  display: inline-flex;
  width: auto;
  min-width: 220px;
}

/* ── Responsive ── */
@media (max-width: 780px) {
  .pp3-row {
    flex-direction: column !important;
  }
  .pp3-col {
    border-right: none !important;
    border-bottom: 1px solid #eef1f5;
  }
  .pp3-col:last-child {
    border-bottom: none;
  }
  .pp3-help {
    flex-direction: column;
    text-align: center;
  }
}

/* ── Dark mode ── */
.admin-dark .pp3-header h1,
.public-dark .pp3-header h1 { color: #f1f5f9 !important; }
.admin-dark .pp3-header p,
.public-dark .pp3-header p { color: #94a3b8; }

.admin-dark .pp3-row,
.public-dark .pp3-row {
  background: #1e293b;
  box-shadow: 0 4px 28px rgba(0,0,0,.25);
}
.admin-dark .pp3-col,
.public-dark .pp3-col {
  background: #1e293b;
  border-right-color: #334155;
}
.admin-dark .pp3-col:hover,
.public-dark .pp3-col:hover {
  box-shadow: 0 16px 44px rgba(0,0,0,.35);
}
.admin-dark .pp3-col.pp3-featured,
.public-dark .pp3-col.pp3-featured {
  background: linear-gradient(180deg, #1e2945, #1e293b 45%);
}
.admin-dark .pp3-name,
.public-dark .pp3-name { color: #f1f5f9 !important; }
.admin-dark .pp3-desc,
.public-dark .pp3-desc { color: #94a3b8; }
.admin-dark .pp3-feat,
.public-dark .pp3-feat { color: #cbd5e1; }
.admin-dark .pp3-sep,
.public-dark .pp3-sep { color: #475467; }
.admin-dark .pp3-amount,
.public-dark .pp3-amount { color: #f1f5f9; }
.admin-dark .pp3-amount sup,
.public-dark .pp3-amount sup { color: #94a3b8; }
.admin-dark .pp3-period,
.public-dark .pp3-period { color: #64748b; }
.admin-dark .pp3-alt,
.public-dark .pp3-alt { border-top-color: #334155; }
.admin-dark .pp3-alt-row,
.public-dark .pp3-alt-row { color: #94a3b8; }
.admin-dark .pp3-alt-row strong,
.public-dark .pp3-alt-row strong { color: #cbd5e1; }

.admin-dark .pp3-help,
.public-dark .pp3-help {
  background: #1e293b;
  border-color: #334155;
}
.admin-dark .pp3-help h2,
.public-dark .pp3-help h2 { color: #f1f5f9; }
.admin-dark .pp3-help p,
.public-dark .pp3-help p { color: #94a3b8; }
.admin-dark .pp3-btn.btn-outline,
.public-dark .pp3-btn.btn-outline { color: #60a5fa; border-color: #60a5fa; }
.admin-dark .pp3-btn.btn-outline:hover,
.public-dark .pp3-btn.btn-outline:hover { background: #60a5fa; color: #0f172a; }

.admin-dark .pp3-empty,
.public-dark .pp3-empty { background: #1e293b; border-color: #334155; }
.admin-dark .pp3-empty h2,
.public-dark .pp3-empty h2 { color: #f1f5f9; }
.admin-dark .pp3-empty p,
.public-dark .pp3-empty p { color: #94a3b8; }

@media (max-width: 780px) {
  .admin-dark .pp3-col,
  .public-dark .pp3-col {
    border-bottom-color: #334155;
  }
}

/* ==========================================================================
   Rediseño Planes (Estilo Planilla Diaria Tambos)
   ========================================================================== */
.plan-ai-hero {
    position: relative; overflow: hidden; border-radius: 28px; padding: 34px;
    background: linear-gradient(135deg, #052e1a, #0f766e 48%, #14b8a6);
    color: #fff; box-shadow: 0 22px 55px rgba(15, 118, 110, 0.22); margin-bottom: 24px;
}
.plan-ai-hero:after {
    content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px;
    border-radius: 999px; background: rgba(255, 255, 255, 0.14); filter: blur(2px);
}
.plan-ai-hero h1 {
    margin: 0; font-size: clamp(28px, 4vw, 46px); font-weight: 950; letter-spacing: -0.04em; position: relative; z-index: 1;
}
.plan-ai-hero p {
    margin: 10px 0 0; color: rgba(255, 255, 255, 0.82); max-width: 800px; font-size: 1.05rem; position: relative; z-index: 1; line-height: 1.5;
}
.plan-ai-badge {
    display: inline-flex; gap: 8px; align-items: center; background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.26); border-radius: 999px; padding: 8px 14px;
    font-weight: 850; backdrop-filter: blur(10px); margin-bottom: 18px; position: relative; z-index: 1; font-size: 0.9rem;
}

.plan-grid-shell {
    border: 1px solid #e2e8f0; border-radius: 26px; background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08); overflow: hidden;
}
.plan-grid-head {
    display: flex; justify-content: space-between; gap: 14px; align-items: center;
    padding: 24px 30px; border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #f8fafc, #fff);
}
.plan-grid-head h2 { margin: 0; font-size: 26px; color: #0f172a; letter-spacing: -0.03em; font-weight: 850; }
.plan-grid-head p { color: #64748b; font-weight: 500; margin: 4px 0 0; }

.plan-cards-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #fff;
}
@media (max-width: 980px) { .plan-cards-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .plan-cards-container { grid-template-columns: 1fr; } }

.plan-card {
    padding: 34px 28px;
    border-right: 1px solid #e2e8f0;
    display: flex; flex-direction: column;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
}
.plan-card:last-child { border-right: none; }
.plan-card:hover {
    transform: translateY(-4px); box-shadow: 0 24px 50px rgba(15, 23, 42, 0.1); z-index: 2;
    border-radius: 12px; border-right-color: transparent;
}
.plan-card.featured {
    background: linear-gradient(180deg, #f0fdf4 0%, #fff 40%);
    position: relative;
}

.plan-icon-wrapper {
    width: 60px; height: 60px; border-radius: 20px;
    display: grid; place-items: center; background: #ecfdf5; font-size: 28px;
    margin-bottom: 16px;
}
.plan-card h3 { margin: 0; font-size: 1.8rem; color: #0f172a; letter-spacing: -0.03em; }
.plan-card p.desc { color: #64748b; font-size: 0.9rem; margin: 8px 0 20px; line-height: 1.5; min-height: 42px; }

.plan-price-block { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #f1f5f9; }
.plan-price { font-size: 3rem; font-weight: 900; color: #0f172a; letter-spacing: -0.04em; line-height: 1; display: flex; align-items: flex-start; gap: 4px; }
.plan-price sup { font-size: 1rem; font-weight: 700; color: #64748b; margin-top: 8px; }
.plan-period { display: block; color: #64748b; font-weight: 600; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.75rem; }

.plan-features { flex: 1; margin-bottom: 24px; }
.plan-feature-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; }
.plan-feature-item i { color: #10b981; font-style: normal; font-weight: 900; }
.plan-feature-item span { color: #334155; font-size: 0.9rem; font-weight: 500; line-height: 1.4; }
.plan-feature-item.muted span { color: #94a3b8; }
.plan-feature-item.muted i { color: #cbd5e1; }

.plan-action form { margin: 0; }
.plan-btn {
    display: flex; align-items: center; justify-content: center; width: 100%;
    padding: 14px; border-radius: 16px; font-weight: 800; font-size: 0.95rem;
    cursor: pointer; transition: 0.2s; border: none; letter-spacing: 0.02em;
    text-decoration: none;
}
.plan-btn.primary { background: #0f172a; color: #fff; }
.plan-btn.primary:hover { background: #1e293b; box-shadow: 0 10px 25px rgba(15,23,42,0.2); transform: translateY(-2px); }
.plan-btn.accent { background: #10b981; color: #fff; }
.plan-btn.accent:hover { background: #059669; box-shadow: 0 10px 25px rgba(16,185,129,0.3); transform: translateY(-2px); }

.plan-empty { padding: 40px; text-align: center; background: #f8fafc; border-radius: 20px; margin: 20px; }
.plan-empty h3 { color: #0f172a; margin: 0 0 10px; }
.plan-empty p { color: #64748b; margin: 0 0 20px; }

/* Dark mode overrides */
body.admin-dark .plan-grid-shell, body.public-dark .plan-grid-shell { background: #0f172a; border-color: #1e293b; }
body.admin-dark .plan-grid-head, body.public-dark .plan-grid-head { background: #1e293b; border-color: #334155; }
body.admin-dark .plan-grid-head h2, body.public-dark .plan-grid-head h2 { color: #f8fafc; }
body.admin-dark .plan-cards-container, body.public-dark .plan-cards-container { background: #0f172a; }
body.admin-dark .plan-card, body.public-dark .plan-card { background: #0f172a; border-color: #1e293b; }
body.admin-dark .plan-card.featured, body.public-dark .plan-card.featured { background: linear-gradient(180deg, #064e3b 0%, #0f172a 40%); }
body.admin-dark .plan-card h3, body.public-dark .plan-card h3 { color: #f8fafc; }
body.admin-dark .plan-price, body.public-dark .plan-price { color: #f8fafc; }
body.admin-dark .plan-feature-item span, body.public-dark .plan-feature-item span { color: #cbd5e1; }
body.admin-dark .plan-price-block, body.public-dark .plan-price-block { border-color: #1e293b; }
body.admin-dark .plan-btn.primary, body.public-dark .plan-btn.primary { background: #f8fafc; color: #0f172a; }
body.admin-dark .plan-btn.primary:hover, body.public-dark .plan-btn.primary:hover { background: #e2e8f0; }

/* ==========================================================
   AMR Campos y Tambos · Sidebar claro profesional
   2026-07-11 · Solo diseño CSS, sin cambios funcionales
   ========================================================== */
.software-sidebar-campos{
  --ct-side-bg:#f6f9f7;
  --ct-side-surface:#ffffff;
  --ct-side-border:#dfe9e2;
  --ct-side-text:#183126;
  --ct-side-muted:#6d8176;
  --ct-side-green:#168447;
  --ct-side-green-dark:#0f6536;
  --ct-side-green-soft:#e8f6ed;
  --ct-side-shadow:0 12px 32px rgba(26,72,47,.09);
  background:linear-gradient(135deg,#064e3b 0%,#0f766e 48%,#14b8a6 100%)!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  box-shadow:10px 0 34px rgba(6,78,59,.22)!important;
  padding:16px 14px 20px!important;
  scrollbar-color:rgba(255,255,255,.34) transparent!important;
}
.software-sidebar-campos::-webkit-scrollbar{width:7px}
.software-sidebar-campos::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32);border-radius:999px}
.software-sidebar-campos::-webkit-scrollbar-track{background:transparent}

.software-sidebar-campos > .brand{
  margin:0 0 10px!important;
  padding:11px 12px!important;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--ct-side-border);
  box-shadow:0 7px 20px rgba(23,76,47,.06);
}
.software-sidebar-campos > .brand .amr-typographic-logo{
  color:#123b28!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}

.software-sidebar-campos .software-sidebar-brand{
  margin:0 0 12px!important;
  padding:16px!important;
  border:1px solid #d8e8dc!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#edf8f1 100%)!important;
  box-shadow:0 8px 22px rgba(29,91,56,.07)!important;
}
.software-sidebar-campos .software-sidebar-brand strong{
  color:#124529!important;
  font-size:1.35rem!important;
  font-weight:950!important;
}
.software-sidebar-campos .software-sidebar-brand small{
  color:#3f7555!important;
  font-size:.72rem!important;
  letter-spacing:.075em!important;
}

.software-sidebar-campos .software-active-card{
  margin:0 0 14px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid var(--ct-side-border)!important;
  box-shadow:0 7px 22px rgba(27,79,49,.06)!important;
}
.software-sidebar-campos .software-active-icon{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#1a9652,#10733e)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(18,121,65,.22)!important;
}
.software-sidebar-campos .software-active-card strong{
  color:var(--ct-side-text)!important;
  font-size:.9rem!important;
}
.software-sidebar-campos .software-active-card small{
  color:var(--ct-side-muted)!important;
}

.software-sidebar-campos .side-title{
  margin:10px 8px 5px!important;
  padding:0!important;
  color:#718479!important;
  border:0!important;
  font-size:.66rem!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
}
.software-sidebar-campos .side-title::after{
  content:"";
  display:block;
  height:1px;
  margin-top:8px;
  background:linear-gradient(90deg,#d7e5dc,transparent);
}

.software-sidebar-campos .side-link{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:50px!important;
  margin:5px 0!important;
  padding:7px 10px 7px 8px!important;
  border-radius:15px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--ct-side-text)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.software-sidebar-campos .side-link span{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  border:1px solid #d9e9df!important;
  background:#eef7f1!important;
  color:#187846!important;
  font-size:1rem!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.software-sidebar-campos .side-link b{
  color:#263d32!important;
  font-size:.88rem!important;
  line-height:1.18!important;
  font-weight:800!important;
}
.software-sidebar-campos .side-link small{
  display:none!important;
  color:#789084!important;
}
.software-sidebar-campos .side-link:hover{
  background:#fff!important;
  border-color:#d9e7de!important;
  box-shadow:0 8px 20px rgba(29,81,51,.08)!important;
  transform:translateX(3px)!important;
}
.software-sidebar-campos .side-link:hover span{
  background:#e3f4e9!important;
  border-color:#bcdcc7!important;
  color:#0e6b38!important;
}
.software-sidebar-campos .side-link.active{
  position:relative;
  background:linear-gradient(135deg,#168447 0%,#0f6e3a 100%)!important;
  border-color:#11743e!important;
  box-shadow:0 10px 24px rgba(18,116,62,.22)!important;
  transform:none!important;
}
.software-sidebar-campos .side-link.active::before{
  content:"";
  position:absolute;
  left:-8px;
  top:12px;
  bottom:12px;
  width:4px;
  border-radius:99px;
  background:#27aa62;
}
.software-sidebar-campos .side-link.active span{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.software-sidebar-campos .side-link.active b,
.software-sidebar-campos .side-link.active small{
  color:#fff!important;
}

.software-sidebar-campos .sidebar-bottom-card{
  margin:16px 0 2px!important;
  padding:12px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid var(--ct-side-border)!important;
  box-shadow:0 8px 22px rgba(28,76,48,.06)!important;
}
.software-sidebar-campos .sidebar-bottom-card .avatar-chip{
  background:linear-gradient(145deg,#1d9150,#126d3d)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(18,109,61,.20)!important;
}
.software-sidebar-campos .sidebar-bottom-card strong{color:#223c2f!important}
.software-sidebar-campos .sidebar-bottom-card small{color:#718478!important}

/* Enlaces finales del menú: conservar intención visual sin fondo oscuro */
.software-sidebar-campos > .side-link[style*="border-top"]{
  border-top:1px solid #dfe9e2!important;
  margin-top:12px!important;
  padding-top:10px!important;
}

@media(max-width:720px){
  .software-sidebar-campos{background:linear-gradient(135deg,#064e3b 0%,#0f766e 48%,#14b8a6 100%)!important}
  .software-sidebar-campos .side-link{min-height:50px!important}
  .software-sidebar-campos .software-sidebar-brand{padding:14px!important}
}


/* AMR 2026-07-13 · CRUD compacto estilo Planilla Diaria */
.crud-planilla-heading{max-width:1120px;margin:0 0 14px;padding:16px 18px!important;border-radius:18px!important}
.crud-planilla-heading h1{font-size:1.35rem!important;margin:5px 0!important}.crud-planilla-heading p{font-size:.82rem!important;margin:0!important;max-width:760px}.crud-planilla-heading .eyebrow{font-size:.66rem!important;padding:5px 9px!important}
.crud-planilla-toolbar{width:50%;min-width:680px;max-width:100%;padding:8px!important;margin-bottom:10px!important}.crud-planilla-toolbar input{min-height:34px!important;padding:7px 10px!important;font-size:.76rem!important}.crud-planilla-toolbar .btn{padding:7px 11px!important;font-size:.72rem!important}
.crud-planilla-table-card{width:50%!important;min-width:680px;max-width:100%;padding:6px!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(15,23,42,.06)!important}
.crud-planilla-table-card table{min-width:max-content!important}.crud-planilla-table-card th{padding:6px 8px!important;font-size:.61rem!important}.crud-planilla-table-card td{padding:5px 8px!important;font-size:.68rem!important;line-height:1.2!important}.crud-planilla-table-card .actions{gap:4px!important}.crud-planilla-table-card .actions a,.crud-planilla-table-card .actions button{display:inline-flex!important;align-items:center!important;gap:3px!important;padding:4px 6px!important;border-radius:7px!important;font-size:.62rem!important}.crud-planilla-table-card svg{width:11px!important;height:11px!important}.crud-planilla-table-card .thumb{width:34px!important;height:24px!important}
.crud-planilla-form{max-width:1000px!important;padding:16px!important}.crud-planilla-form .form-grid{gap:10px!important}.crud-planilla-form .form-fieldset{padding:12px!important;border-radius:14px!important;margin-bottom:10px!important}.crud-planilla-form label span{font-size:.72rem!important}.crud-planilla-form input,.crud-planilla-form select,.crud-planilla-form textarea{min-height:36px!important;padding:7px 9px!important;font-size:.76rem!important;border-radius:9px!important}.crud-planilla-form textarea{min-height:74px!important}.crud-planilla-form .btn{padding:8px 12px!important;font-size:.74rem!important}
@media(max-width:1100px){.crud-planilla-toolbar,.crud-planilla-table-card{width:100%!important;min-width:0}.crud-planilla-table-card{overflow:auto!important}.crud-planilla-form{max-width:100%!important}}

/* Centro de autorizaciones · fondo claro y sin herencia oscura */
body:has(.authz-heading) .software-sidebar-amr{background:linear-gradient(180deg,#0f172a 0%,#111827 52%,#07111f 100%)!important;color:#fff!important}
body:has(.authz-heading) .software-sidebar-amr *{--text:#fff;--muted:#cbd5e1}
.authz-heading{max-width:none}.authz-heading h1{display:flex;align-items:center;gap:9px}.authz-heading h1 svg{width:23px;height:23px}
.authz-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.authz-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:13px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.authz-kpis svg{width:18px;color:#0f766e}.authz-kpis strong{display:block;font-size:1.35rem;color:#0f172a;margin-top:7px}.authz-kpis span{font-size:.72rem;color:#64748b;font-weight:700}
.authz-grid{display:grid;grid-template-columns:1fr;gap:12px}.authz-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.06);color:#0f172a}.authz-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.authz-card header>div{display:flex;align-items:center;gap:10px}.authz-card h2{font-size:.96rem;margin:0}.authz-card p{font-size:.72rem;color:#64748b;margin:2px 0 0}.authz-icon{width:34px;height:34px;border-radius:10px;background:#ecfdf5;color:#0f766e;display:grid;place-items:center}.authz-icon svg{width:17px}.authz-link{font-size:.7rem;font-weight:800;color:#0f766e}.authz-table-wrap{overflow:auto}.authz-table{width:100%;border-collapse:collapse;min-width:760px}.authz-table th{background:#f0fdf4;color:#14532d;font-size:.61rem;text-transform:uppercase;letter-spacing:.04em;padding:7px;text-align:left}.authz-table td{border-bottom:1px solid #eef2f7;padding:7px;font-size:.69rem;vertical-align:middle}.authz-table td small{display:block;color:#64748b;margin-top:2px}.authz-comment{max-width:330px;white-space:normal}.authz-rating{color:#d97706;letter-spacing:1px}.authz-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:.6rem;font-weight:800}.authz-status.pending{background:#fff7ed;color:#c2410c}.authz-actions{display:flex;gap:4px;align-items:center}.authz-actions form{margin:0}.authz-btn{width:27px;height:27px;border:1px solid #dbe4ec;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.authz-btn svg{width:13px}.authz-btn.approve{color:#15803d;background:#f0fdf4}.authz-btn.edit{color:#1d4ed8;background:#eff6ff}.authz-btn.reject,.authz-btn.delete{color:#b91c1c;background:#fef2f2}.authz-empty{text-align:center!important;color:#64748b!important;padding:20px!important}.authz-trial-card{margin-top:12px}.authz-form{display:grid;grid-template-columns:1fr 1fr 130px;gap:10px}.authz-form label{display:grid;gap:5px}.authz-form label>span{font-size:.7rem;font-weight:800;color:#334155}.authz-form select,.authz-form input{width:100%;min-height:37px;border:1px solid #dbe4ec;border-radius:9px;background:#fff;color:#0f172a;padding:7px 9px;font-size:.74rem}.authz-software-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.authz-software-list label{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f0;border-radius:10px;padding:8px;background:#f8fafc}.authz-software-list input{width:auto;min-height:auto}.authz-software-list strong,.authz-software-list small{display:block}.authz-software-list strong{font-size:.7rem}.authz-software-list small{font-size:.61rem;color:#64748b}.authz-form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
@media(max-width:1000px){.authz-kpis{grid-template-columns:repeat(2,1fr)}.authz-form{grid-template-columns:1fr 1fr}.authz-software-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.authz-kpis,.authz-form,.authz-software-list{grid-template-columns:1fr}}


/* 2026-07-13 · Administrador general gris verdáceo */
.software-sidebar-amr{background:linear-gradient(180deg,#52635b 0%,#43554c 48%,#33443c 100%)!important;color:#f7faf8!important;box-shadow:14px 0 34px rgba(35,55,45,.18)!important}
.software-sidebar-amr .software-sidebar-brand{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.14)!important}
.software-sidebar-amr .software-sidebar-brand strong,.software-sidebar-amr .software-active-card strong{color:#fff!important}
.software-sidebar-amr .software-sidebar-brand small,.software-sidebar-amr .software-active-card small,.software-sidebar-amr .side-link small{color:#dce7e1!important}
.software-sidebar-amr .software-active-card{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important}
.software-sidebar-amr .side-link:hover,.software-sidebar-amr .side-link.active{background:rgba(232,244,237,.16)!important;border-color:rgba(255,255,255,.16)!important}
.software-sidebar-amr .sidebar-bottom-card{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.14)!important}

/* Catálogo Software con estilo compacto de Planes – Campos y Tambos */
body:has(.software-catalog-heading) .content{background:#f3f7f4!important}
.software-catalog-heading{background:#fff!important;border:1px solid #dce7e0!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 7px 22px rgba(43,72,56,.06)!important;margin-bottom:12px!important}
.software-catalog-heading h1{font-size:1.18rem!important;color:#244332!important;margin:0 0 4px!important}.software-catalog-heading p{font-size:.76rem!important;color:#708078!important;margin:0!important}
.software-catalog-table{width:100%!important;max-width:none!important;padding:10px!important;border:1px solid #dce7e0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(43,72,56,.05)!important}
.software-catalog-table table th{background:#e8f1eb!important;color:#345442!important;padding:7px 9px!important;font-size:.69rem!important}.software-catalog-table table td{padding:6px 9px!important;font-size:.73rem!important}.software-catalog-table .actions a,.software-catalog-table .actions button{border-radius:7px!important;font-size:.68rem!important;padding:4px 7px!important}
body:has(.software-catalog-heading) .crud-planilla-toolbar{padding:9px 10px!important;margin-bottom:10px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dce7e0!important}
body:has(.software-catalog-heading) .crud-planilla-toolbar input,body:has(.software-catalog-heading) .crud-planilla-toolbar select,body:has(.software-catalog-heading) .crud-planilla-toolbar .btn{min-height:31px!important;padding:5px 8px!important;font-size:.73rem!important}
body:has(.software-catalog-heading) .software-edit-form{background:#fff!important;border:1px solid #dce7e0!important;border-radius:16px!important;padding:14px!important;box-shadow:0 7px 22px rgba(43,72,56,.05)!important}
body:has(.software-catalog-heading) .software-edit-form label span{font-size:.72rem!important;color:#496456!important}body:has(.software-catalog-heading) .software-edit-form input,body:has(.software-catalog-heading) .software-edit-form select,body:has(.software-catalog-heading) .software-edit-form textarea{font-size:.75rem!important;padding:6px 8px!important;border-radius:9px!important;min-height:32px!important}

/* Inicio de sesión: alertas estables y captcha responsive */
.auth-content-area{position:relative;padding:0!important;overflow:hidden}.auth-flash-stack{position:absolute;top:18px;left:50%;z-index:100;display:grid;gap:8px;width:min(440px,calc(100% - 28px));transform:translateX(-50%);pointer-events:none}.auth-flash-stack .alert{margin:0!important;padding:12px 15px!important;border-width:1px!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(15,23,42,.18)!important;font-size:.78rem!important;line-height:1.45}.auth-page{width:100%;box-sizing:border-box}.auth-page .captcha-card{display:grid;gap:10px;padding:13px;border:1px solid #dbe5eb;border-radius:12px;background:#f7fafb}.auth-page .captcha-card strong,.auth-page .captcha-card span{display:block}.auth-page .captcha-card>div span{margin-top:3px;color:#64748b;font-size:.72rem}.auth-page .captcha-question{display:flex;align-items:center;gap:10px}.auth-page .captcha-question>span{min-width:max-content;color:#0f766e;font-weight:900}.auth-page .captcha-question input{min-width:0;flex:1;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}@media(max-width:640px){.auth-flash-stack{top:10px}.auth-content-area{overflow:visible}.auth-page{padding-left:12px!important;padding-right:12px!important}.auth-page .captcha-question{align-items:stretch;flex-direction:column}}
/* Accesibilidad transversal: visible solo al navegar con teclado. */
.amr-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:1000000;padding:10px 15px;border-radius:9px;background:#fff;color:#0f5132;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.24)}
.amr-skip-link:focus{position:fixed;left:16px;top:10px;width:auto;height:auto;overflow:visible}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #38bdf8!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}