:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#1C2A3E;background:#FAF6F1;font-size:15px;--accent:#C4411B;--tint:#FDEDE3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{min-height:44px;border:0;border-radius:9px;padding:11px 17px;background:var(--accent);color:white;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}a{color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #d99120;outline-offset:3px}.subtle{background:white;border:1px solid #D7D0CA;color:#1B375C}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#0F2A4D;color:#F9F4EF;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:30px;color:white;text-decoration:none;align-items:center;letter-spacing:2px}.brand span{font-size:23px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:1.3px;margin-top:6px;color:#C2B3A6}.farm{margin:30px 0 20px;padding:16px 12px;background:#ffffff0c;border:1px solid #ffffff15;border-radius:10px}.farm small{display:block;margin:8px 0 0 16px;font-size:11px;color:#D0C6BC}.dot{display:inline-block;background:#F59A6B;width:7px;height:7px;border-radius:50%;margin-right:7px}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;color:#DFD8D2;font-weight:500;display:flex;gap:12px;align-items:center}nav button.active{background:#F9F5F1;color:#132843}nav i{font-style:normal;width:22px;font-size:18px}.aside-bottom{margin-top:auto;color:#C1B3A7;font-size:11px;letter-spacing:1px}.aside-bottom small{display:block;margin-top:8px;letter-spacing:0}.shell{margin-left:230px}header{height:80px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#ffffffed;border-bottom:1px solid #E6E1DD;backdrop-filter:blur(16px);font-size:12px;color:#606A77}header>div{display:flex;align-items:center;gap:16px}header button{font-size:12px}.banner{padding:10px 40px;background:#fff3d5;color:#6f5214;font-size:12px;border-bottom:1px solid #eddfb6}main{max-width:1500px;margin:auto;padding:34px 40px;min-height:calc(100vh - 170px)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-size:32px;margin:10px 0;font-weight:650;letter-spacing:-1px}h2{font-size:20px;font-weight:650;margin:0 0 16px}h3{font-size:15px;margin:0 0 9px}p{line-height:1.6}.muted,small{color:#657180}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.heading p{margin:0;color:#606A78;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat,.card{background:white;border:1px solid #E7E3DF;border-radius:14px;padding:23px}.stat .value{font-size:30px;margin:12px 0 7px;font-weight:600;letter-spacing:-1px}.stat small{font-size:11px}.stat .label{color:#536072;font-size:12px}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-row h2{margin:0}.tag{display:inline-block;font-size:10px;padding:6px 9px;background:#e8f5ef;border-radius:6px;color:#236b4d;font-weight:650}.tag.warn{background:#fff2d6;color:#86570c}.pond{border:1px solid #E7E2DD;border-radius:11px;margin:14px 0;padding:18px}.pond-head{display:flex;justify-content:space-between;gap:8px}.pond-line{display:flex;gap:32px;margin-top:20px;font-size:12px;flex-wrap:wrap}.pond-line b{display:block;font-size:18px;color:#173051;margin:5px 0}.water-wave{height:34px;margin:16px -18px -18px;background:repeating-linear-gradient(175deg,#ECE5DE 0px,#ECE5DE 10px,#F3EEE9 11px,#F3EEE9 22px);border-radius:0 0 10px 10px}.alert{padding:15px 0;border-bottom:1px solid #edf0ea}.alert:last-child{border:0}.alert b{display:block;font-size:13px;margin-bottom:5px}.alert p{font-size:12px;margin:0;color:#69727E}.bullet{color:#b66a1a;margin-right:7px}.empty{padding:28px;text-align:center;color:#6C747F;background:#FAF8F7;border:1px dashed #DAD4CE;border-radius:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid #EBE8E6;white-space:nowrap}th{color:#647080;font-size:10px;text-transform:uppercase;letter-spacing:.7px}td.wrap{white-space:normal;min-width:200px}footer{padding:20px 40px;color:#6C7580;font-size:11px;display:flex;justify-content:space-between;gap:16px}dialog{width:min(620px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid #DCD4CD;border-radius:17px;background:#FEFDFC;color:#183253;box-shadow:0 25px 90px #0F1F3345}dialog::backdrop{background:#0C19297a;backdrop-filter:blur(5px)}.dialog-head{padding:25px 26px 10px;background:var(--tint)}.dialog-head h2{margin-top:10px}.fields{padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.fields label{display:grid;gap:7px;font-size:12px;min-width:0}.fields input,.fields select,.fields textarea{width:100%;min-height:44px;border:1px solid #CDC4BD;border-radius:7px;background:white;color:#132742;padding:10px}.fields label.wide{grid-column:1/-1}.form-actions{position:sticky;bottom:0;background:#FEFDFCf5;display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;border-top:1px solid #E6E1DD}#error{color:#a22323;font-size:13px;padding:0 26px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#122640;color:white;border-radius:10px;padding:14px 20px;display:none;z-index:20;max-width:90vw}#toast.mostrar{display:block}.notice{padding:15px 18px;background:var(--tint);border-radius:9px;font-size:12px;margin:18px 0;line-height:1.6}.report-block{margin-bottom:20px}.docs{max-width:960px;margin:40px auto;padding:35px;background:white;line-height:1.7}.docs h2{margin-top:32px}.docs table td{white-space:normal}.docs ul{padding-left:22px}body[data-section=water]{--accent:#146ba0;--tint:#e7f2fb}body[data-section=feed]{--accent:#87600d;--tint:#fbf1d7}body[data-section=health]{--accent:#a34151;--tint:#faedf1}body[data-section=costs]{--accent:#714697;--tint:#f2eafa}body[data-section=operations]{--accent:#a7521b;--tint:#fff0e5}body[data-section=reports]{--accent:#485b9f;--tint:#edf0fb}
@media(max-width:1050px){aside{width:190px;padding:22px 12px}.shell{margin-left:190px}main{padding:25px}header,.banner,footer{padding-left:25px;padding-right:25px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.brand span{font-size:19px}.heading{align-items:flex-start}}@media(max-width:650px){aside{position:static;width:auto;padding:18px}.brand{font-size:23px}.brand small,.farm,.aside-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:18px;gap:5px}nav button{white-space:nowrap;flex-shrink:0;padding:9px 12px;font-size:12px}nav i{width:15px}.shell{margin:0}header{height:auto;padding:12px 18px;gap:8px}#date{display:none}header button{padding:8px;font-size:11px}.banner{padding:10px 18px;font-size:11px}main{padding:24px 18px}h1{font-size:27px}.heading{display:block}.heading .actions{margin-top:18px}.stats{gap:9px}.stat{padding:16px}.stat .value{font-size:23px}.card{padding:17px}.fields{grid-template-columns:1fr;padding:18px}.fields label.wide{grid-column:auto}.form-actions{padding:16px 18px}footer{padding:18px;display:block}footer a{display:block;margin-top:10px}.docs{margin:0;padding:22px}}@media(prefers-reduced-transparency:reduce){header,dialog,.form-actions{background:#fff;backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}@media print{aside,header,.banner,footer,.actions,dialog,#toast{display:none!important}.shell{margin:0}main{padding:0}.card,.stat{break-inside:avoid;box-shadow:none}.table-wrap{overflow:visible}body{background:white;color:black}}
[hidden]{display:none!important}.fields .wide{grid-column:1/-1}.map-card{margin-bottom:24px}.map-instruction{font-size:12px}.map-scroll{overflow:auto;border:1px solid #E3DCD7;border-radius:12px;background:#F8F5F3}.pond-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;min-width:650px;padding:24px;background-image:radial-gradient(#CBC2BA 1px,transparent 1px);background-size:16px 16px}.map-cell{min-height:135px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;position:relative}.map-cell.vacant{border:1px dashed #DFD8D3;border-radius:12px;color:#828B97;font-size:10px}.pond-node{border:2px solid #6FA3D8;background:#EAF2FB;color:#173F6E;padding:24px 10px 16px;box-shadow:0 4px 0 #E1D7CF}.pond-node strong{max-width:100%;overflow-wrap:anywhere;font-size:15px}.pond-node span{font-size:11px}.pond-node small{font-size:10px;color:#3E5877}.pond-node.round{border-radius:50%}.pond-node.oval{border-radius:45%}.pond-node.irregular{border-radius:34% 20% 36% 14%}.pond-node.unknown{border-style:dashed}.pond-node.selected{outline:3px solid #d29a26;outline-offset:4px}.node-position{position:absolute;top:8px;left:50%;transform:translateX(-50%);opacity:.65}.pond-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pond-choices .chosen{background:#FDEDE3;border-color:#C4411B}.pond-detail{scroll-margin-top:18px}.pond-detail h2{margin:8px 0 12px}.pond-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0;border-top:1px solid #E8E5E2;border-bottom:1px solid #E8E5E2;font-size:11px;color:#687381}.pond-metadata strong{display:block;margin-top:6px;color:#1C2A3E;font-size:14px}.pond-history{margin:15px 0;border:1px solid #E6E1DD;border-radius:9px;padding:0 14px;min-width:0}.pond-history summary{min-height:48px;padding:14px 0;cursor:pointer;font-size:13px;font-weight:650}.pond-history summary span{float:right;font-size:11px;border-radius:6px;background:#F1EEEB;padding:2px 8px}.pond-history p{font-size:12px}.pond-record-actions{padding:8px 0 25px}.pond-record-actions button{font-size:12px}.pond-detail .stat .value{font-size:24px}.pond-detail .stats{grid-template-columns:repeat(2,1fr)}@media(max-width:650px){.pond-metadata{grid-template-columns:repeat(2,1fr)}.pond-detail>.section-row{display:block}.pond-detail>.section-row>.actions{margin-top:14px}.map-card .section-row{display:block}.map-card .tag{margin-top:9px}.pond-detail .stat{padding:12px}.pond-detail .stat .value{font-size:20px}.pond-grid{padding:18px;gap:14px}.pond-history{padding:0 8px}.pond-detail .actions{gap:6px}.pond-record-actions button{flex-grow:1}}
.pond-open{background:transparent;color:var(--accent);padding:0;text-align:left;font-size:15px;min-height:44px}
.pond-node.round{aspect-ratio:1;min-height:0;align-self:center;width:100%;max-width:160px;justify-self:center}
.check-row{display:flex!important;align-items:center;gap:10px!important;min-height:44px}.check-row input{width:22px!important;min-height:22px!important;height:22px}.supply-row{border:1px solid #E3DDD8;border-radius:9px;padding:14px;margin:10px 0;display:grid;gap:10px}.equal-supply{display:grid;gap:12px;margin:16px 0}#supplyControls>p{font-size:12px}
.struck{text-decoration:line-through;color:#8A9199}
.report-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.report-filters label{display:grid;gap:7px;font-size:12px;flex:1;min-width:150px}.report-filters input,.report-filters select{width:100%;min-height:44px;padding:10px;border:1px solid #CDC4BD;border-radius:7px;background:white;color:#132742;font:inherit}.report-subtitle{margin-top:24px}#paymentError{color:#a22323}.payment-report .stat .value{font-size:24px}
@media screen{
body[data-section=home],dialog[data-theme=home]{--accent:#C4411B;--tint:#FDEDE3}
body[data-section=ponds],dialog[data-theme=ponds]{--accent:#1E5FB8;--tint:#E8F1FB}
body[data-section=water],dialog[data-theme=water]{--accent:#146ba0;--tint:#e7f2fb}
body[data-section=feed],dialog[data-theme=feed]{--accent:#87600d;--tint:#fbf1d7}
body[data-section=health],dialog[data-theme=health]{--accent:#a34151;--tint:#faedf1}
body[data-section=costs],dialog[data-theme=costs]{--accent:#714697;--tint:#f2eafa}
body[data-section=operations],dialog[data-theme=operations]{--accent:#a7521b;--tint:#fff0e5}
body[data-section=reports],dialog[data-theme=reports]{--accent:#485b9f;--tint:#edf0fb}
body[data-section=guide],dialog[data-theme=guide]{--accent:#63528a;--tint:#f0ecf8}
dialog[data-theme=purchases]{--accent:#086c70;--tint:#dff5f3}
dialog[data-theme=payments]{--accent:#24693e;--tint:#e6f4e9}
.heading{padding:20px;border-left:5px solid var(--accent);background:var(--tint);border-radius:12px}.dialog-head{border-top:5px solid var(--accent)}
nav button.active{background:var(--tint);color:var(--accent)}nav button i{border-bottom:3px solid #F07A45}nav [data-nav=ponds] i{border-color:#62c7df}nav [data-nav=water] i{border-color:#64b7ec}nav [data-nav=feed] i{border-color:#e9c160}nav [data-nav=health] i{border-color:#ee94a8}nav [data-nav=costs] i{border-color:#cba3ec}nav [data-nav=operations] i{border-color:#eea16b}nav [data-nav=reports] i{border-color:#a2b2f3}nav [data-nav=guide] i{border-color:#bca5e0}
}
@media(max-width:650px){.report-filters{display:grid;grid-template-columns:1fr;width:100%}.payment-report .section-row{align-items:start;flex-direction:column}.payment-report .stat .value{font-size:20px}.heading{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.report-filters,#newPayment{display:none!important}.heading,.notice,.dialog-head{background:white!important}.stats{grid-template-columns:repeat(2,1fr)}td,th{white-space:normal;overflow-wrap:anywhere}}
/* F2-C · entrada, clave, EJEMPLO, estado de envíos, usuarios */
[hidden]{display:none!important}
.entrada{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,#0F2A4D 0%,#1B4274 55%,#FDEDE3 55.1%);overflow:auto}
.entrada-caja{width:min(420px,100%);background:#FEFDFC;border:1px solid #DCD4CD;border-radius:17px;padding:28px 26px;box-shadow:0 25px 90px #0F1F3345}
.entrada-marca{display:flex;gap:12px;align-items:center;font-size:26px;color:#0F2A4D;letter-spacing:2px;margin-bottom:10px}.entrada-marca span{font-size:20px;font-weight:750}.entrada-marca small{display:block;font-size:9px;letter-spacing:1.3px;color:#657180;margin-top:4px}
.entrada-caja h1{font-size:26px;margin:14px 0 4px}.entrada-caja form{display:grid;gap:14px}.entrada-caja form>p{margin:0}
.entrada-caja label{display:grid;gap:7px;font-size:12px}.entrada-caja input{width:100%;min-height:44px;border:1px solid #CDC4BD;border-radius:7px;background:white;color:#132742;padding:10px}
.entrada-error{color:#a22323;font-size:13px;min-height:1em}.entrada-nota{font-size:12px}.entrada-otros{display:flex;gap:8px;justify-content:space-between}
body.en-entrada{overflow:hidden}
.ejemplo-banda{position:fixed;top:0;left:0;right:0;z-index:60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:30px;padding:6px 12px;background:#7a1f5c;color:#fff;font-size:11px;font-weight:750;letter-spacing:1.5px;text-align:center}
body.modo-ejemplo{padding-top:30px}body.modo-ejemplo aside{top:30px}body.modo-ejemplo .entrada{top:30px}
header>div{flex-wrap:wrap;justify-content:flex-end}
.estado-sync{min-height:34px;padding:6px 12px;font-size:12px}.estado-sync.espera{background:#fff3d5;border-color:#eddfb6;color:#6f5214}.estado-sync.alerta{background:#a22323;border-color:#a22323;color:#fff}
.cuenta{font-size:12px;color:#1B375C;font-weight:600}
.nav-sep{display:block;height:1px;background:#ffffff22;margin:10px 4px}
.panel-cuerpo{padding:18px 26px;max-height:60vh;overflow:auto}.panel-cuerpo h3{margin-top:14px}
.lista-cola{list-style:none;padding:0;margin:0;display:grid;gap:10px}.lista-cola li{display:grid;gap:4px;padding:12px;border:1px solid #E6E1DD;border-radius:9px;background:white;font-size:13px}.lista-cola .motivo{color:#a22323}.lista-cola button{justify-self:start;min-height:36px;padding:6px 12px}
.clave-una-vez{font-family:Consolas,monospace;font-size:26px;letter-spacing:3px;padding:14px;background:var(--tint);border-radius:9px;text-align:center;word-break:break-all;user-select:all}
.form-usuario{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.form-usuario label{display:grid;gap:7px;font-size:12px;min-width:0}.form-usuario input,.form-usuario select{width:100%;min-height:44px;border:1px solid #CDC4BD;border-radius:7px;background:white;padding:10px}
.form-usuario .check-row,.form-usuario .entrada-error,.form-usuario .actions{grid-column:1/-1}.form-usuario .check-row{display:flex;gap:8px;align-items:center}.form-usuario .check-row input{width:auto;min-height:0}
.con-boton{display:flex;gap:6px}.con-boton input{flex:1;min-width:0}.con-boton button{min-height:44px;padding:8px 12px}
.en-linea{display:flex;gap:6px;align-items:center;font-size:12px}.en-linea select{min-height:36px;border:1px solid #CDC4BD;border-radius:7px;padding:4px 8px;background:white}
.tabla-salud th{width:30%;text-transform:none;font-size:12px;letter-spacing:0}
.banner.roja{background:#a22323;color:#fff;border-color:#a22323}.banner button{margin-left:10px}
.tabs-ajustes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs-ajustes button.active{background:var(--tint);color:var(--accent);border-color:var(--accent)}
.direccion-tel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #E6E1DD;border-radius:9px;margin:10px 0;font-family:Consolas,monospace;font-size:18px;flex-wrap:wrap}
.ejemplo-mensaje{white-space:pre-wrap;background:var(--tint);padding:12px;border-radius:9px;font-size:12px;margin:0 0 16px}
.fields-ajustes{padding:22px 0}
@media(max-width:650px){.form-usuario{grid-template-columns:1fr}.ejemplo-banda{font-size:9.5px;letter-spacing:.4px;padding:8px 6px}.nav-sep{display:none}.estado-sync{min-height:32px;padding:6px 10px;font-size:11px}.cuenta{font-size:11px}.panel-cuerpo{padding:14px 18px}.entrada{background:#0F2A4D}}
@media print{.entrada,.ejemplo-banda{display:none!important}body.modo-ejemplo{padding-top:0}body.modo-ejemplo::before,body.modo-ejemplo::after{content:"EJEMPLO · DATOS INVENTADOS";position:fixed;left:0;right:0;text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;color:#000}body.modo-ejemplo::before{top:0}body.modo-ejemplo::after{bottom:0}}
/* Logo del criadero (2026-09-27) */.farm{display:flex;align-items:center;gap:11px}.farm-logo{width:48px;height:48px;flex:none;display:block;border-radius:50%;background:#fdfdfd;padding:2px;object-fit:contain}.farm span{min-width:0;font-weight:650;line-height:1.25}.farm span small{margin:4px 0 0;font-weight:400}.entrada-marca{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:18px}.entrada-marca .logo-cliente{display:block;width:100%;max-width:240px;height:auto;margin:0 auto}.entrada-marca small{text-align:center;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#657180}

/* Permite llegar a Salir y Cambiar clave en pantallas de poca altura. */
@media screen and (min-width:651px){aside{overflow-y:auto}aside>.brand,aside>.farm,aside>nav,aside>.aside-bottom{flex-shrink:0}}