/* El Chilalo DEV visual layer. Existing forms, data and permissions remain authoritative. */
html:root,html:root[data-theme],html:root:not([data-theme="light"]){
 --bg:#091524;--surface:rgba(19,35,53,.78);--surface2:rgba(150,174,194,.10);--fg:#f7f4eb;--muted:#b6c3cf;
 --line:rgba(210,226,239,.18);--accent:#ddbc79;--accent-fg:#172235;--tan:#e4c68e;--ok:#91d5ad;--warn:#f1cc83;--bad:#ffada6;color-scheme:dark;
}
body{min-height:100vh;min-height:100dvh;background:#091524;isolation:isolate;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('/assets/chilalo-criadero.jpg') center 45%/cover no-repeat;opacity:.38;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,rgba(4,14,29,.96),rgba(5,18,32,.67) 54%,rgba(5,18,32,.4)),linear-gradient(0deg,#081524 0%,rgba(8,21,36,.12) 85%)}
.wrap{max-width:1660px;min-height:100dvh;padding:28px clamp(18px,3vw,48px) 64px;margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"nav header" "nav notice" "nav main";gap:0 32px}
header.top{grid-area:header;padding:8px 0 25px;border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:28px;min-width:0}
header.top .brand{gap:16px;min-width:0}header.top h1{font-size:clamp(1.65rem,2.5vw,2.2rem);letter-spacing:-.04em;line-height:1.2}
header.top .seal{width:62px;height:62px;background:#fffdf8;border:3px solid rgba(235,209,159,.22);box-shadow:0 4px 24px #0004}
header.top .sub{margin-top:7px;font-size:.82rem;letter-spacing:.025em}header.top #status{font-size:.75rem;padding:9px 13px;border:1px solid var(--line);background:rgba(167,193,210,.08);border-radius:999px;white-space:nowrap;backdrop-filter:blur(16px)}
header.top #status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:middle;background:var(--tan);border-radius:50%;box-shadow:0 0 10px #e4c68e55}
#notice{grid-area:notice;min-width:0}#view{grid-area:main;min-width:0}
.wrap:has(#tabs[hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "notice" "main";max-width:1100px}
nav.tabs{grid-area:nav;position:sticky;top:28px;align-self:start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:7px;margin:0;padding:26px 16px 20px;border:1px solid rgba(230,239,247,.19);border-radius:26px;background:linear-gradient(155deg,rgba(161,185,204,.17),rgba(72,101,127,.10));box-shadow:inset 0 1px 0 #ffffff16,0 20px 60px #0002;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);max-height:calc(100dvh - 56px);overflow-y:auto;counter-reset:section}
nav.tabs::before{content:"LIBRO DEL CRIADERO";font-size:.65rem;font-weight:700;letter-spacing:.17em;color:var(--tan);padding:2px 12px 18px}
nav.tabs::after{content:"Hacienda El Chilalo\A Caballos peruanos de paso";white-space:pre-line;font-size:.72rem;line-height:1.7;color:#b6c3cfb0;padding:22px 12px 2px;margin-top:14px;border-top:1px solid var(--line)}
nav.tabs button{counter-increment:section;display:flex;align-items:center;gap:12px;text-align:left;border-color:transparent;border-radius:12px;font-size:.91rem;font-weight:600;padding:12px 11px;line-height:1.3;min-height:46px;color:#d8e1e9;flex:none}
nav.tabs button::before{content:counter(section,decimal-leading-zero);font:500 .67rem var(--f-mono);color:#acbdd0;min-width:19px}
nav.tabs button:hover{background:#ffffff0d;border-color:#ffffff12}
nav.tabs button[aria-selected="true"]{background:linear-gradient(115deg,#e6c78c,#cfa75e);color:#142235;border-color:#f1d6a3;box-shadow:0 5px 22px #0002,inset 0 1px 0 #ffffff40}
nav.tabs button[aria-selected="true"]::before{color:#5a4424}nav.tabs button:disabled{opacity:.42;cursor:not-allowed}
.dev-badge{color:#e8ca90;border-color:#ddbc7940;background:#ddbc7912;font-size:.57rem;padding:3px 7px;letter-spacing:.08em;margin-left:6px}
.criadero-hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;min-height:320px;overflow:hidden;border-radius:26px;border:1px solid #e6eefa2b;background:linear-gradient(130deg,rgba(41,65,88,.76),rgba(17,36,54,.56));margin:0 0 24px;box-shadow:inset 0 1px 0 #ffffff16,0 16px 48px #0002;backdrop-filter:blur(20px)}
.criadero-hero-copy{position:relative;z-index:1;align-self:center;padding:36px 30px 36px 34px}.editorial-kicker{font-size:.65rem;letter-spacing:.22em;font-weight:700;color:var(--tan)}
.criadero-hero h2{font:500 clamp(2rem,3.1vw,3.4rem)/1.13 var(--f-display);letter-spacing:-.045em;margin:18px 0 16px;text-wrap:balance}.criadero-hero p{font-size:.9rem;color:#c0cbd5;line-height:1.6;max-width:29ch;margin:0}
.hero-detail{font-size:.7rem;color:#d5dfd8;line-height:1.5;margin-top:24px;display:flex;align-items:center;gap:9px}.hero-detail span{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:var(--tan)}
.criadero-hero-photo{position:relative;min-height:320px;overflow:hidden}.criadero-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:23% 48%;position:absolute;inset:0}.criadero-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#142a3e 0%,rgba(13,34,45,.12) 32%),linear-gradient(0deg,#0818279c,transparent 55%);pointer-events:none}.photo-caption{position:absolute;z-index:1;bottom:22px;right:22px;font-size:.6rem;letter-spacing:.18em;font-weight:600;color:#fff8e2;padding:7px 10px;border:1px solid #ffffff38;background:#07152440;backdrop-filter:blur(12px);border-radius:999px}
.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:26px}.stat{position:relative;overflow:hidden;min-height:132px;padding:21px 19px;border-radius:18px;background:linear-gradient(145deg,rgba(168,190,209,.17),rgba(104,133,158,.10));border-color:#d8e6f42a;box-shadow:inset 0 1px 0 #ffffff16;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.stat::after{content:"";position:absolute;width:60px;height:60px;right:-18px;top:-22px;border:1px solid #e4c68e21;border-radius:50%;pointer-events:none}.stat b{font:500 clamp(1.8rem,2.5vw,2.8rem)/1.1 var(--f-display);color:#f1d9a6;letter-spacing:-.04em;margin-bottom:12px}.stat span{font-size:.75rem;line-height:1.5;display:block;color:#c4d0da}
.panel,.slot,.card,.tablewrap{background:linear-gradient(145deg,rgba(32,51,71,.83),rgba(19,36,55,.79));border:1px solid #cbdceb26;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.panel{padding:22px}.slot{padding:23px}.card{padding:21px;gap:10px}.card:hover{border-color:#e4c68e85;background:rgba(40,61,81,.9)}.card .name{font-size:1.25rem}
.grid2{grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:19px}.grid2>.panel{min-height:170px}
h2{font-size:1.45rem;letter-spacing:-.025em}h3{font-size:.66rem;letter-spacing:.13em;color:#ddc89f;margin-bottom:13px}.bar{gap:15px;margin-bottom:21px}.panel p{line-height:1.7}.muted{color:var(--muted)}
button.btn{border-radius:9px;padding:10px 16px;min-height:42px;font-size:.86rem;box-shadow:inset 0 1px 0 #ffffff30}button.ghost{background:#b7c8da09;border-color:#d8e6f433;box-shadow:none;color:#e5e9ed}button.ghost:hover{background:#d8e6f414;border-color:#e5c68b66}button.danger{color:var(--bad);border-color:#ffada64d;box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}
input,select,textarea{background:rgba(6,20,35,.68);border-color:#cbdceb30;border-radius:9px;padding:10px 12px;min-height:42px;accent-color:var(--tan)}input::placeholder,textarea::placeholder{color:#9dadbc}label.f{font-size:.77rem;color:#c5cfd8;gap:7px}.form{gap:16px}input[type=checkbox]{min-height:unset}
option{background:#12243a;color:#f7f4eb}.search{max-width:350px}.bigs .big,.chips .big{border-radius:10px;background:#b1c7dc0a;border-color:#d8e6f428}.big.on{background:var(--accent);color:var(--accent-fg)}.big.on small{color:var(--accent-fg)}.big{background:#10263a99;border-color:#cbdceb30;border-radius:11px}.chip{background:#c6daee13;color:#dae3ec}.alert{background:#b5cde310;border:1px solid #cbdceb0c;border-radius:11px;padding:12px}.empty{border:1px dashed #d5e3ef2e;border-radius:17px;background:#91b1cd08;padding:28px;line-height:1.7}
th{background:#071a2b90;color:#cbbd9c;font-size:.65rem;padding:13px 16px;border-bottom-color:#cbdceb25}td{padding:13px 16px;border-bottom-color:#cbdceb16;font-size:.87rem}.tablewrap{overflow:auto;max-width:100%}.tablewrap table{min-width:540px}tr.click:hover td{background:#e4c68e0b}
.notice{background:#b1833024;border:1px solid #e4c68e36;color:#f0ddba;border-radius:11px}.app-confirm{background:#a4813920;border-left-color:var(--tan);border-radius:8px}.app-user-row{background:#ffffff05;border-color:#cbdceb24;border-radius:12px;padding:17px}.temporary-credential{background:#b18c3a19;border-color:#e4c68e60;border-radius:12px}
.overlay{background:#020b18b8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.drawer{background:#0d1e30;border-left:1px solid #d6e4ef26;padding:28px 25px 50px;box-shadow:-24px 0 80px #0004}.drawer header{padding-bottom:12px;border-bottom:1px solid #d6e4ef20}.drawer .panel{background:#ffffff05}.drop{border-color:#cbdceb33;border-radius:12px;background:#08182938}.drop:hover{background:#d8e6f408}.toast{background:#e6cc97;color:#13243a;box-shadow:0 8px 35px #0004;border-radius:12px}
#loginOv{background:rgba(4,15,29,.66);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);overflow-y:auto;padding:28px 18px}#loginOv .login-card{max-width:430px;padding:32px 30px;background:linear-gradient(145deg,rgba(46,67,86,.85),rgba(13,32,51,.91));border-color:#d8e6f438;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff20,0 30px 90px #0005;flex:none}#loginOv .login-card>img{border-radius:50%;background:#fffdf8;padding:4px}#loginOv .login-card h2{font-size:1.65rem}#loginOv .dev-badge{margin-left:0}
@media(min-width:1500px){.wrap{grid-template-columns:248px minmax(0,1fr);gap:0 42px}.criadero-hero{min-height:370px}.criadero-hero-photo{min-height:370px}.criadero-hero-copy{padding:46px}}
@media(max-width:1150px){.wrap{grid-template-columns:210px minmax(0,1fr);gap:0 23px;padding-inline:22px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.criadero-hero{grid-template-columns:1.15fr 1fr}.criadero-hero h2{font-size:2.45rem}.criadero-hero-copy{padding:30px 24px}.criadero-hero-photo{min-height:300px}nav.tabs{padding-inline:12px}nav.tabs button{font-size:.84rem;gap:8px;padding-inline:9px}}
@media(max-width:850px){.wrap{display:flex;flex-direction:column;gap:0;padding:20px 18px 50px}header.top{order:0;margin-bottom:18px;padding:0 0 20px}nav.tabs{order:1;position:relative;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px;max-height:none;gap:5px;margin-bottom:24px;overflow:visible;border-radius:20px}nav.tabs::before{grid-column:1/-1;padding:4px 8px 9px}nav.tabs::after{display:none}nav.tabs button{padding:10px 8px;gap:8px;font-size:.77rem;min-height:44px;border-radius:9px}nav.tabs button::before{font-size:.6rem;min-width:15px}#notice{order:2}#view{order:3}.criadero-hero{min-height:290px}.criadero-hero h2{font-size:2.4rem}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{padding:17px 13px;min-height:120px}.stat b{font-size:2.2rem}.stat span{font-size:.67rem}.grid2{gap:15px}}
@media(max-width:600px){.wrap{padding:18px 15px 46px}header.top{gap:12px;align-items:flex-start}.brand{width:100%}header.top h1{font-size:1.7rem}header.top .seal{width:54px;height:54px}header.top .brand{gap:12px}header.top .sub{font-size:.72rem;line-height:1.7;margin-top:5px}header.top #status{padding:6px 10px;font-size:.67rem;margin-top:0}nav.tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:4px;margin-bottom:20px}nav.tabs button{font-size:.74rem;gap:6px;min-height:47px;padding:9px 7px}nav.tabs button::before{font-size:.57rem;min-width:14px}nav.tabs::before{font-size:.58rem;letter-spacing:.14em}.criadero-hero{grid-template-columns:1fr;min-height:0;border-radius:20px;margin-bottom:18px}.criadero-hero-copy{padding:28px 25px 22px}.criadero-hero h2{font-size:2.5rem;margin:14px 0}.criadero-hero p{max-width:none;font-size:.81rem}.hero-detail{font-size:.65rem;margin-top:17px}.criadero-hero-photo{min-height:195px;max-height:220px}.criadero-hero-photo img{object-position:25% 40%}.criadero-hero-photo::after{background:linear-gradient(180deg,#142a3e 0%,transparent 35%),linear-gradient(0deg,#0818277c,transparent 60%)}.photo-caption{bottom:16px;right:16px;font-size:.54rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:19px}.stat{min-height:115px;padding:19px 17px}.stat:last-child{grid-column:1/-1;min-height:95px;display:flex;align-items:center;gap:18px}.stat:last-child b{margin:0}.stat b{font-size:2.35rem;margin-bottom:10px}.stat span{font-size:.75rem}.panel{padding:19px}.grid2>.panel{min-height:145px}h2{font-size:1.3rem}.bar{gap:12px;margin-bottom:18px}.search{max-width:none;flex:1;min-width:190px}.drawer{padding:23px 17px 44px}.form{gap:13px}.empty{padding:23px 18px}.slot{padding:19px}.slots{grid-template-columns:minmax(0,1fr)}#loginOv .login-card{padding:28px 23px}}
@media(max-width:360px){nav.tabs button{font-size:.69rem;padding-inline:5px;gap:4px}nav.tabs button::before{display:none}header.top h1{font-size:1.48rem}.criadero-hero h2{font-size:2.1rem}.criadero-hero-copy{padding-inline:21px}.dev-badge{margin-left:0}.form{grid-template-columns:minmax(0,1fr)}.grid2{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Landscape composition, revision 2: open space, restrained type and transparent glass. */
html:root,html:root[data-theme],html:root:not([data-theme="light"]){--f-display:"Segoe UI",Arial,sans-serif;--f-body:"Segoe UI",Arial,sans-serif;--muted:#e0e8df;--fg:#fffef7;--surface:rgba(224,238,228,.16);--surface2:rgba(222,239,230,.12);--accent:#ead8b4;--accent-fg:#19312f;--line:#ffffff30}
body{background:#0b2025;font-size:14px}body::before{opacity:1;background-position:center 40%}body::after{background:linear-gradient(100deg,rgba(3,23,27,.76),rgba(3,23,27,.25) 55%,rgba(3,23,27,.16)),linear-gradient(0deg,rgba(3,22,25,.74),transparent 53%,rgba(3,22,25,.22))}
.wrap{max-width:1800px;padding:26px 30px 36px 120px;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "notice" "main";gap:0;grid-template-rows:auto auto 1fr}
header.top{border:0;padding:0;margin-bottom:40px}header.top h1{font:500 21px/1.2 var(--f-body);letter-spacing:-.6px}header.top .seal{width:52px;height:52px;box-shadow:none;border:1px solid #fff8}header.top .sub{font-size:11px;margin-top:5px;color:#f1f2e8d9}header.top #status{font-size:10px;padding:0;border:0;background:none;backdrop-filter:none;font-weight:400;color:#f1f3e9cf}header.top #status::before{width:5px;height:5px;box-shadow:none}.dev-badge{font-size:8px;color:#fff4dc}
nav.tabs{z-index:8;position:fixed;left:16px;top:16px;bottom:16px;width:68px;margin:0;padding:16px 7px;display:flex;flex-direction:column;align-items:center;gap:5px;overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - 32px);border-radius:27px;background:linear-gradient(180deg,#d7eee22a,#cee1d512);box-shadow:none;backdrop-filter:blur(18px) saturate(115%);scrollbar-width:none}nav.tabs::-webkit-scrollbar{display:none}nav.tabs::before{content:"";width:34px;min-height:34px;padding:0;margin:2px 0 12px;background:url('/logo.png') center/contain no-repeat;border-radius:50%}nav.tabs::after{display:none}
nav.tabs button{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:50px;min-height:44px;padding:10px;border:0;border-radius:13px;background:transparent;color:#f6faf1b5;transition:background .18s,color .18s,transform .18s;gap:0}.nav-icon{display:block;width:21px;height:21px;flex:none}.nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav.tabs button::before{display:none}nav.tabs button:hover{color:#fff;background:#ffffff19;transform:translateY(-1px)}nav.tabs button[aria-selected="true"]{color:white;background:#ffffff1c;border:0;box-shadow:none}nav.tabs button[aria-selected="true"]::before{content:"";display:block;position:absolute;left:-7px;top:13px;width:3px;min-width:0;height:19px;border-radius:3px;background:white;box-shadow:0 0 9px #fff7}
#view:has(.criadero-hero){display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:1fr auto;gap:30px 45px;min-height:calc(100dvh - 145px)}
.criadero-hero{grid-column:1;grid-row:1;display:block;min-height:350px;margin:0;padding:20px 0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.criadero-hero-copy{padding:0;max-width:490px}.editorial-kicker{display:inline-block;font-size:10px;font-weight:500;letter-spacing:.04em;color:#fffffa;padding:7px 13px;background:#ffffff21;border:1px solid #ffffff13;border-radius:30px;backdrop-filter:blur(14px)}.criadero-hero h2{font:400 clamp(35px,3.6vw,58px)/1.12 var(--f-display);letter-spacing:-1.8px;margin:23px 0 22px;text-wrap:balance;color:white;text-shadow:0 2px 22px #001a2140}.criadero-hero p{font-size:12px;line-height:1.7;max-width:300px;color:#fffdf1}.hero-detail{margin-top:11px;font-size:11px;line-height:1.7;color:#f3f5e7d9}.hero-detail span{display:none}.criadero-hero-photo{position:static;min-height:0;overflow:visible}.criadero-hero-photo img,.criadero-hero-photo::after{display:none}.photo-caption{position:absolute;bottom:26px;left:0;right:auto;padding:0;background:none;border:0;backdrop-filter:none;font-size:8px;letter-spacing:.18em;color:#ffffffb3}
.stats{grid-column:1;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:24px 0 10px;border-top:1px solid #ffffff45}.stat{padding:0;min-height:75px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.stat::after{display:none}.stat b{font:400 37px/1.1 var(--f-display);color:#fff;letter-spacing:-1.4px;margin-bottom:13px}.stat span{display:block;max-width:105px;color:#f1f5e5;font-size:10px;line-height:1.65}
#view:has(.criadero-hero)>.grid2{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:17px;align-self:start;padding-top:20px}
.panel,.slot,.card,.tablewrap{background:linear-gradient(155deg,rgba(234,244,224,.22),rgba(225,239,221,.14));border-color:#ffffff30;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff13;backdrop-filter:blur(23px) saturate(115%);-webkit-backdrop-filter:blur(23px) saturate(115%)}.panel{padding:23px}#view:has(.criadero-hero)>.grid2>.panel{min-height:130px}#view:has(.criadero-hero)>.grid2>.panel:first-child{min-height:210px}.panel p{font-size:12px;line-height:1.75}.panel h3{font-size:12px;text-transform:none;letter-spacing:0;color:#fff;font-weight:600;margin-bottom:17px}h2{font:500 24px/1.3 var(--f-display);letter-spacing:-.5px}.card .name{font:500 20px/1.3 var(--f-display)}button.btn{font-size:12px;font-weight:500;box-shadow:none;border-radius:12px}button.ghost{background:#ffffff12;border-color:#ffffff3a;color:white}button.ghost:hover{background:#ffffff27}input,select,textarea{background:#09292eaa;border-color:#ffffff40;color:white}label.f{color:#f3f4e6}.alert{background:#09292e33}.empty{background:#08282d4d;border-color:#ffffff50;color:#f1f5e8}table{background:#09292e77}th{background:#09292e88;color:#f5edd7}td{border-color:#ffffff23}.app-user-row{background:#08282d70}.app-confirm,.temporary-credential{background:#253a2acc}.drawer{background:#112c30f5}.drawer .panel{background:#ffffff0b}.wrap:has(#tabs[hidden]){padding-left:30px}
@media(min-width:1500px){.wrap{grid-template-columns:minmax(0,1fr);padding:32px 45px 40px 135px;gap:0}#view:has(.criadero-hero){grid-template-columns:minmax(0,1fr) 320px;gap:40px 65px}.criadero-hero{padding-top:30px;min-height:350px}.criadero-hero h2{font-size:62px}.criadero-hero-copy{padding:0}}
@media(max-width:1050px){.wrap{padding-right:22px;padding-left:110px;gap:0}#view:has(.criadero-hero){grid-template-columns:minmax(0,1fr) 250px;gap:24px}.criadero-hero h2{font-size:39px}.stats{gap:12px}.stat b{font-size:30px}.stat span{font-size:9px}}
@media(max-width:760px){.wrap{display:block;padding:20px 20px 105px}header.top{margin-bottom:30px;gap:12px}header.top h1{font-size:19px}header.top .seal{width:45px;height:45px}header.top .sub{font-size:10px}header.top #status{font-size:9px}nav.tabs{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:none;flex-direction:row;justify-content:flex-start;gap:3px;padding:7px 8px;border-radius:23px;overflow-x:auto;overflow-y:hidden;background:#37534acf;backdrop-filter:blur(20px)}nav.tabs::before{display:none}nav.tabs button{width:65px;min-height:54px;flex-direction:column;gap:5px;padding:6px 3px;border-radius:13px}.nav-icon{width:18px;height:18px}.nav-label{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:nowrap;font-size:8px;line-height:1.2}nav.tabs button[aria-selected="true"]::before{display:none}#view:has(.criadero-hero){display:block;min-height:0}.criadero-hero{min-height:340px;padding-top:10px}.criadero-hero-copy{max-width:330px;padding:0}.criadero-hero h2{font-size:42px;line-height:1.13;letter-spacing:-1.3px;margin-top:24px}.criadero-hero p{font-size:12px;max-width:250px}.hero-detail{max-width:230px}.photo-caption{bottom:28px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:23px 0 28px}.stat{min-height:75px;padding:0}.stat:last-child{display:block;grid-column:auto;min-height:75px}.stat:last-child b{margin-bottom:13px}.stat b{font-size:29px}.stat span{font-size:8px;line-height:1.5}#view:has(.criadero-hero)>.grid2{display:grid;grid-template-columns:1fr;gap:14px;padding-top:0}#view:has(.criadero-hero)>.grid2>.panel,#view:has(.criadero-hero)>.grid2>.panel:first-child{min-height:0;padding:22px}.wrap:has(#tabs[hidden]){padding:20px 20px 40px}}
@media(max-width:400px){.wrap{padding-inline:16px}.brand{width:100%}header.top h1{font-size:18px}.criadero-hero h2{font-size:37px}.criadero-hero{min-height:350px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.stat b{font-size:32px;margin-bottom:6px}.stat span{font-size:9px}}
#view:has(.criadero-hero)>.grid2>.panel{background:linear-gradient(155deg,rgba(223,239,211,.21),rgba(12,42,33,.31))}
#view:not(:has(.criadero-hero)) .panel,#view:not(:has(.criadero-hero)) .slot,#view:not(:has(.criadero-hero)) .card{background:linear-gradient(155deg,rgba(25,59,57,.72),rgba(9,36,39,.65))}
/* Keep destinations explicit and the summary indicators within the first screen. */
.header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.contact-actions{display:flex;gap:8px}.contact-actions .btn{min-height:34px;padding:7px 12px;font-size:11px;background:#ffffff15;border-color:#ffffff35}
.holding-footer{grid-column:1;grid-row:3;align-self:start;margin-top:15px;position:relative;overflow:hidden;border:1px solid #e7cf8d75;border-radius:20px;padding:32px 22px;text-align:center;background:linear-gradient(#0623229c,#06232285),url('/assets/holding-valle.jpg') center 52%/cover;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#fffef5}
.holding-footer img{display:block;width:145px;height:auto;max-width:100%;filter:drop-shadow(0 1px 4px #001b25a0)}.holding-footer p{font-size:11px;line-height:1.8;margin:0}.holding-footer a{color:inherit;text-underline-offset:3px}.holding-footer button{background:none;border:0;padding:3px 0;color:inherit;font:600 11px var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 14px;font-size:10px;line-height:1.7}.footer-links>*+*{position:relative}.footer-links>*+*::before{content:'·';position:absolute;left:-9px;color:#ecd6ad}.support-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.help-link{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border:1px solid #ffffff35;background:#ffffff0a;border-radius:12px;text-decoration:none;color:#fffdf1;font-size:12px;overflow-wrap:anywhere}.help-link:hover{background:#ffffff18;border-color:#ead8b477}.help-link span{font-size:10px;color:var(--muted)}.help-link strong{font-weight:500}.contact-list{display:grid;gap:10px;margin-top:20px}.help-guide{margin:0}.help-guide>div{padding:12px 0;border-bottom:1px solid #ffffff20}.help-guide>div:last-child{border:0}.help-guide dt{font-size:12px;font-weight:600}.help-guide dd{font-size:12px;line-height:1.7;margin:5px 0 0;color:#e0e8df}.help-drawer .panel{padding:22px}.help-drawer .support-links+.muted{font-size:10px}
@media(min-width:761px){#view:has(.criadero-hero)>.grid2{grid-row:1/4}}
@media(max-width:760px){.header-tools{align-items:flex-start;gap:9px}.holding-footer{margin:12px 0 23px;padding:27px 18px;min-height:215px}.holding-footer img{width:130px}.holding-footer p{font-size:10px}.footer-help{display:block}.footer-links{gap:7px 12px;font-size:10px}.footer-links>*+*::before{display:none}}
@media(min-width:761px){
 .wrap{padding-left:238px}
 nav.tabs{width:188px;padding:16px 10px;align-items:stretch}
 nav.tabs::before{align-self:center;margin-bottom:12px}
 nav.tabs button{width:100%;justify-content:flex-start;padding:10px 12px;gap:12px;min-height:44px}
 .nav-label{position:static;width:auto;height:auto;margin:0;padding:0;clip:auto;overflow:visible;white-space:normal;text-align:left;font-size:11px;line-height:1.35;font-weight:500}
 .nav-icon{width:19px;height:19px}
 #view:has(.criadero-hero){grid-template-rows:320px 105px auto;min-height:0;align-content:start;row-gap:12px}
 .criadero-hero{min-height:0;padding-top:15px}
 .photo-caption{bottom:15px}
 .stats{align-self:start;padding-top:19px;margin-top:0}
 .stat{min-height:70px}
 .criadero-hero h2{font-size:clamp(34px,3.2vw,53px);margin-top:18px}
}
@media(min-width:1500px){.wrap{padding-left:250px}#view:has(.criadero-hero){grid-template-rows:350px 105px auto}}
@media(min-width:761px) and (max-width:1050px){.wrap{padding-left:210px}nav.tabs{width:166px}nav.tabs button{padding-inline:9px;gap:9px}.nav-label{font-size:10px}#view:has(.criadero-hero){grid-template-columns:minmax(0,1fr) 235px;gap:12px 20px}.criadero-hero h2{font-size:34px}}