/* La entrada comparte la paleta y las letras de la landing de Gaucho Agro. */
body{overflow:auto;background:#fbf7ec}
.app{min-height:100svh;height:auto;background:#fbf7ec}
.app[data-escena="carga"]{height:100svh;background:#1a3d1a}
.app[data-escena="huevo"]{height:100svh;background:#fbf7ec}
.app:not([data-escena="carga"]) .marca{top:42px;left:48px;transform:none;display:flex;gap:12px;justify-items:start}
.app:not([data-escena="carga"]) .marca img{height:46px;width:46px;object-fit:contain;background:#1a3d1a;border-radius:12px;padding:5px}
.app:not([data-escena="carga"]) .marca .nombre{font-size:25px;color:#1a3d1a}
.app:not([data-escena="carga"]) .marca .barra{display:none}
.puertas-escena{position:relative;inset:auto;padding:125px 48px 36px;min-height:calc(100svh - 161px);display:block!important}
.entrance-heading{max-width:1200px;margin:0 auto 32px;color:#1a3d1a}
.entrance-heading .eyebrow{font:700 12px var(--texto);letter-spacing:.18em;text-transform:uppercase;color:#6c725c;margin:0 0 12px}
.entrance-heading h1{font:600 clamp(34px,4.5vw,62px)/1.08 var(--display);letter-spacing:-.04em;margin:0;max-width:850px}
.entrance-heading h1 em{font-weight:500;color:#4d712f}
.entrance-heading p{margin:16px 0 0;color:#5e5d57;font-size:17px}
.puertas{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;max-width:1200px;margin:auto;padding:0;height:auto!important;overflow:visible}
.puerta{position:relative;display:block;min-width:0;width:100%;height:390px;aspect-ratio:auto;margin:0;border-radius:20px;border:1px solid #d5ddcb;background-size:300% auto;background-position-y:0;box-shadow:0 8px 28px #1a3d1a0b;text-align:left;transition:transform .25s,box-shadow .25s,opacity .4s}
.p-aves{background-position-x:0;background-position-y:-90px}.p-vacas{background-position-x:49%;background-position-y:-110px}.p-yo{background-position-x:100%;background-position-y:-65px}
.puertas:hover .puerta:not(:hover){filter:none}
.puerta:hover{filter:none;transform:translateY(-5px)!important;box-shadow:0 16px 38px #1a3d1a1b}
.puerta::before{display:none}
.door-copy{position:absolute;bottom:0;left:0;right:0;background:#fffdf6;padding:24px;min-height:112px;color:#1a3d1a;border-top:1px solid #e7dcc3}
.door-copy small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#70765f;margin-bottom:7px}
.door-copy strong{display:block;font:600 28px/1.15 var(--display);letter-spacing:-.03em}
.door-copy .door-action{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;font-weight:600}
.door-action i{font-style:normal;font-size:21px}
.p-aves .door-copy{background:#1a3d1a;color:#fff9ed}.p-aves .door-copy small{color:#c0dd97}
.p-aves .door-action{color:#f2b632}
.huevito{left:auto;right:18px;top:20px;width:44px;transform:none;background:#fff7dc;box-shadow:0 4px 16px #1a3d1a1b}
.huevito::after{display:none}
.sello{left:18px;top:20px;transform:none;background:#fff9ed;color:#1a3d1a;border:1px solid #e7dcc3;font-size:10px}
.motas{display:none}
.pista{position:static;margin:24px auto 0;max-width:1200px;padding:0;color:#626753;text-align:left;font-size:13px;font-weight:400}
.pista .solo-angosto{display:none!important}.pista .solo-ancho{display:inline!important}
.entrance-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1200px;margin:30px auto 0;padding-top:18px;border-top:1px solid #d5ddcb;color:#68715e;font-size:13px}
.entrance-footer a{color:#1a3d1a;text-underline-offset:4px}
.proto{display:none}
.aviso{position:fixed;bottom:30px;border:1px solid #d5ddcb;box-shadow:0 18px 60px #1a3d1a30}
.arriba-barra{padding:24px 40px}.suelo{background:#dce8c9;border-top:0;height:22%}.pista-huevo{top:19%}
@media(max-width:720px){
 .app:not([data-escena="carga"]) .marca{left:20px;top:24px}.app:not([data-escena="carga"]) .marca .nombre{font-size:23px}
 .puertas-escena{padding:116px 20px 28px;min-height:0}.entrance-heading{margin-bottom:24px}.entrance-heading h1{font-size:38px}.entrance-heading p{font-size:16px}
 .puertas{grid-template-columns:1fr;gap:18px}.puerta{height:350px;background-size:300% auto}.door-copy{min-height:95px;padding:20px}.door-copy strong{font-size:26px}.door-copy .door-action{margin-top:10px}
 .entrance-footer{margin-top:24px}.arriba-barra{padding:18px 16px}
}
@media(prefers-reduced-motion:reduce){.puerta,.marca,.escena{transition:none!important}.huevito svg{animation:none!important}}
.appearance{position:absolute;right:48px;top:48px;z-index:8;border:1px solid #d5ddcb;background:transparent;color:#1a3d1a;border-radius:99px;padding:9px 16px;font-size:14px}
.app[data-escena="carga"] .appearance,.app[data-escena="huevo"] .appearance{display:none}
body.dark,.dark .app{background:#101b13}.dark .app[data-escena="carga"]{background:#1a3d1a}
.dark .entrance-heading,.dark .app:not([data-escena="carga"]) .marca .nombre{color:#f1efe8}
.dark .entrance-heading h1 em{color:#c0dd97}.dark .entrance-heading p,.dark .entrance-heading .eyebrow,.dark .pista,.dark .entrance-footer{color:#c2c9b8}
.dark .door-copy{background:#213025;color:#f1efe8;border-color:#3b4c3d}.dark .door-copy small{color:#c0dd97}.dark .puerta,.dark .entrance-footer{border-color:#3b4c3d}
.dark .appearance{color:#f1efe8;border-color:#3b4c3d}.dark .entrance-footer a{color:#f2b632}
.dark .pista-huevo{color:#f1efe8}.dark .arriba-barra .chico{color:#f1efe8;border-color:#8aab6b}
@media(max-width:720px){.appearance{top:82px;right:20px;padding:6px 12px;font-size:12px}.puertas-escena{padding-top:136px}}

.entrada-huevo{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.p-vacas{filter:saturate(.55)}

/* ── 2-oct: el logo se arma por piezas y las puertas son dibujos propios ── */
.marca .gaucho{display:block;height:150px;width:auto;overflow:visible}
.marca .gaucho *{transform-box:view-box}
.marca .f{animation:tejer .5s cubic-bezier(.2,.8,.2,1) both}
.marca .f.izq{--dx:-46px;--dy:-38px}.marca .f.der{--dx:-60px;--dy:46px}
.marca .f1{animation-delay:.05s}.marca .f4{animation-delay:.15s}.marca .f2{animation-delay:.25s}.marca .f5{animation-delay:.35s}.marca .f3{animation-delay:.45s}.marca .f6{animation-delay:.55s}
@keyframes tejer{from{opacity:0;transform:translate(var(--dx),var(--dy))}to{opacity:1;transform:none}}
.marca .g-cabeza{animation:asomar .45s .6s ease-out both}
@keyframes asomar{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.marca .g-sombrero{transform-origin:432px 186px;animation:calzar .62s .95s cubic-bezier(.3,.7,.3,1) both}
@keyframes calzar{0%{opacity:0;transform:translateY(-210px) rotate(-7deg)}55%{opacity:1;transform:translateY(16px) rotate(1.5deg)}78%{transform:translateY(-7px) rotate(0)}100%{opacity:1;transform:none}}
.marca .tallo{stroke-dasharray:100;animation:crecer .45s 1.45s ease-out both}
@keyframes crecer{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.marca .hoja{animation:brotar .3s 1.75s ease-out both}
@keyframes brotar{from{opacity:0}to{opacity:1}}
.marca .g-espiga{transform-origin:485px 400px;animation:viento 3.4s 2.1s ease-in-out infinite}
@keyframes viento{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}65%{transform:rotate(3.5deg)}}
.marca .nombre i{display:inline-block;font-style:normal;animation:letra .45s calc(1.05s + var(--i)*45ms) cubic-bezier(.2,.8,.2,1) both}
@keyframes letra{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
.barra{width:120px;height:2px;background:rgba(251,247,236,.22)}
.app:not([data-escena="carga"]) .marca .gaucho{height:46px;width:46px;background:#1a3d1a;border-radius:12px;padding:5px;box-sizing:border-box}

.puerta{display:flex;flex-direction:column;padding:0;overflow:hidden;background:#e9efdc}
.door-scene{position:relative;display:block;flex:1;min-height:0;overflow:hidden}
.door-art{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.puerta:hover .door-art{transform:scale(1.045)}
.door-copy{position:static;flex:none}
.door-phone{position:absolute;right:6%;bottom:-64px;width:clamp(82px,29%,112px);border:5px solid #17211a;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 30px #1a3d1a40;transform:rotate(5deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.door-phone img{display:block;width:100%;height:auto}
.puerta:hover .door-phone{transform:rotate(2deg) translateY(-14px)}
.door-avatar{position:absolute;right:5%;top:14px;width:clamp(50px,20%,74px);height:auto;aspect-ratio:1;border-radius:50%;border:4px solid #fffdf6;box-shadow:0 8px 20px #1a3d1a33;object-fit:cover}
.p-aves .huevito{left:18px;right:auto}
.p-vacas{filter:none}.p-vacas .door-art{filter:saturate(.7)}
.onda path{animation:onda 2.4s ease-out infinite}.onda path:nth-child(2){animation-delay:.25s}.onda path:nth-child(3){animation-delay:.5s}
@keyframes onda{0%,100%{opacity:.15}40%{opacity:1}}
.red path{animation:red 1.6s linear infinite}
@keyframes red{to{stroke-dashoffset:-20}}
.dark .puerta{background:#1c2a20}.dark .door-art{filter:brightness(.88)}.dark .p-vacas .door-art{filter:saturate(.7) brightness(.88)}
@media(max-width:720px){.door-phone{width:100px;right:18px}}
@media(prefers-reduced-motion:reduce){.marca .gaucho *,.marca .nombre i,.onda path,.red path{animation:none!important}}
@media(min-width:721px) and (max-width:1040px){.door-copy{padding:18px}.door-copy strong{font-size:21px}.door-copy .door-action{font-size:13px}}

body>footer{color:#2c2c2a}body>footer a{color:#315b19}.dark>footer{background:#101b13!important;color:#f1efe8}.dark>footer a{color:#c0dd97}a:focus-visible{outline:3px solid #9b7414;outline-offset:4px}.dark a:focus-visible{outline-color:#f2b632}

/* Paleta de Bovinos indicada por Martín; solo esta tarjeta. */
.p-vacas{--v-cuero:#6B3A10;--v-silla:#8B4513;--v-barro:#D2691E;--v-tierra:#A0522D;--v-claro:#CD853F;--v-fondo:#F5EBE0;--v-trigo:#F5DEB3;--v-lino:#FAEBD7;--v-suave:#EDDED0;--v-verde:#EAF3DE;background:var(--v-fondo);border-color:var(--v-suave)}
.p-vacas .door-art,.dark .p-vacas .door-art{filter:none}.p-vacas .door-copy{background:var(--v-lino);color:var(--v-cuero);border-color:var(--v-suave)}.p-vacas .door-copy strong,.p-vacas .door-action{color:var(--v-cuero)}.p-vacas .door-copy small{color:var(--v-silla)}.p-vacas .sello{background:var(--v-trigo);color:var(--v-cuero)}.p-vacas:hover{border-color:var(--v-silla)}.p-vacas:hover .door-action{color:var(--v-tierra)}.p-vacas:focus-visible{outline-color:var(--v-barro)}
.dark .p-vacas .door-copy{background:#332116;color:var(--v-lino);border-color:var(--v-claro)}.dark .p-vacas .door-copy strong,.dark .p-vacas .door-action{color:var(--v-lino)}.dark .p-vacas .door-copy small{color:var(--v-trigo)}.dark .p-vacas:hover .door-action{color:var(--v-trigo)}

/* Campo reutilizado del sitio anterior, detrás de las tres puertas. */
.entry-landscape{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#fbf7ec}.entry-pampa{position:absolute;inset:0;background:url('../pampa-landscape.webp') center 65%/cover no-repeat;opacity:.25;mask-image:linear-gradient(transparent 3%,#000 75%);transform:scale(1.035)}
.entry-landscape canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#entry-grass{top:auto;bottom:0;height:170px;opacity:.46}
.app[data-escena="puertas"],.dark .app[data-escena="puertas"]{background:transparent;z-index:1}.app:not([data-escena="puertas"]){z-index:1}.puertas-escena{isolation:isolate}.entrance-heading{background:#fbf7ec;border-radius:18px;padding:20px 24px;margin-left:-24px;margin-right:-24px}.pista{display:table;background:#fbf7ec;border-radius:10px;padding:8px 12px;margin-left:0}.entrance-footer{background:#fbf7ec;padding:18px 16px;border-radius:14px}.dark .entry-landscape{background:#101b13}.dark .entry-pampa{opacity:.38}.dark .entrance-heading,.dark .pista,.dark .entrance-footer{background:#101b13}.dark #entry-grass{opacity:.65}
.marca .gaucho{filter:drop-shadow(0 5px 8px #17301722);transition:filter .35s}.app:not([data-escena="carga"]) .marca .gaucho{animation:marca-presencia .8s ease-out both}.marca .gaucho .g-espiga{animation-duration:5.5s}
@keyframes marca-presencia{from{opacity:.3;transform:translateY(7px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:720px){.entrance-heading{padding:14px 12px;margin-left:-12px;margin-right:-12px}#entry-grass{height:110px;opacity:.3}.entry-pampa{opacity:.22}.entrance-footer{gap:14px}}
@media(prefers-reduced-motion:reduce){.app:not([data-escena="carga"]) .marca .gaucho{animation:none}.marca .gaucho *{animation:none!important}.entry-pampa{transform:none}}

/* Movimiento local: las posiciones y patas permanecen ancladas. */
.hen-head{transform-box:view-box;transform-origin:14px -10px;animation:hen-look 4.8s ease-in-out infinite}
.hen-wing{transform-box:view-box;transform-origin:0px 0px;animation:hen-wing 6s ease-in-out infinite}
.hen-anchor:nth-of-type(2) .hen-head{animation-delay:-1.5s}.hen-anchor:nth-of-type(3) .hen-head{animation-delay:-3s}
.cow-head{transform-box:view-box;transform-origin:253px 133px;animation:cow-look 6.5s ease-in-out infinite}
.cow-tail{transform-box:view-box;transform-origin:118px 116px;animation:cow-tail 5.5s ease-in-out infinite}
@keyframes hen-look{0%,35%,70%,100%{transform:rotate(0deg)}43%,52%{transform:rotate(5deg)}80%,88%{transform:rotate(-3deg)}}
@keyframes hen-wing{0%,80%,100%{transform:rotate(0deg)}88%{transform:rotate(-3deg)}}
@keyframes cow-look{0%,30%,75%,100%{transform:rotate(0deg)}45%,58%{transform:rotate(2deg)}}
@keyframes cow-tail{0%,65%,100%{transform:rotate(0deg)}78%{transform:rotate(5deg)}88%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.hen-head,.hen-wing,.cow-head,.cow-tail{animation:none!important}}

/* La misma marca se aleja hacia el centro superior, sin barrido lateral. */
.app .marca,.app:not([data-escena="carga"]) .marca{left:50%;display:grid;justify-items:center;gap:10px;transform-origin:center center;transition:top 1.15s cubic-bezier(.22,.7,.2,1),transform 1.15s cubic-bezier(.22,.7,.2,1),opacity .4s ease}
.app[data-escena="carga"] .marca{top:50%;transform:translate(-50%,-50%) scale(1)}
.app:not([data-escena="carga"]) .marca{top:70px;transform:translate(-50%,-50%) scale(.55)}
.app .marca .gaucho,.app:not([data-escena="carga"]) .marca .gaucho{height:150px;width:auto;padding:0;border-radius:0;background:none;box-shadow:none;animation:none}
.app .marca .nombre,.app:not([data-escena="carga"]) .marca .nombre{font-size:34px;transition:color .8s ease}
.app:not([data-escena="carga"]) .marca .barra{display:block;opacity:0}
.puertas-escena{padding-top:162px}
.app[data-escena="puertas"] .entrance-heading{animation:entrada-contenido .65s .65s ease both}
.app[data-escena="puertas"] .p-aves{transition-delay:.8s,.8s,0s}.app[data-escena="puertas"] .p-vacas{transition-delay:.95s,.95s,0s}.app[data-escena="puertas"] .p-yo{transition-delay:1.1s,1.1s,0s}
@keyframes entrada-contenido{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:720px){.app:not([data-escena="carga"]) .marca{left:50%;top:68px}.puertas-escena{padding-top:158px}.appearance{top:24px;right:16px}}
@media(prefers-reduced-motion:reduce){.app .marca{transition:none!important}.app[data-escena="puertas"] .entrance-heading{animation:none}.app[data-escena="puertas"] .puerta{transition-delay:0s}}

.app .marca .gaucho,.app:not([data-escena="carga"]) .marca .gaucho{width:150px;height:150px;box-sizing:border-box;padding:12px;background:#1a3d1a;border-radius:24px}

/* Paisajes HD emparejados: fotografía visible en ambos modos. */
.entry-pampa{background:url('../pampa-day-hd.webp') center center/cover no-repeat;opacity:1;mask-image:none;transform:none;transition:none}
.entry-pampa::before{content:"";position:absolute;inset:0;background:url('../pampa-night-hd.webp') center center/cover no-repeat;opacity:0;transition:opacity .9s ease}
.entry-pampa::after{content:"";position:absolute;inset:0;background:linear-gradient(#fbf7ec35,#fbf7ec08 40%,#16351b18);transition:background .9s ease}
.dark .entry-pampa{opacity:1}.dark .entry-pampa::before{opacity:1}.dark .entry-pampa::after{background:linear-gradient(#07142228,#07142205 45%,#07142220)}
.entry-landscape #entry-field{opacity:1}.entry-landscape #entry-grass{height:170px;opacity:.9}.dark .entry-landscape #entry-grass{opacity:.9}
.entrance-heading{box-shadow:0 10px 35px #1a3d1a0b}.marca .gaucho{box-shadow:0 4px 20px #101b1340!important}
.bovinos-photo{position:absolute;inset:0;display:block;overflow:hidden;background:#C9DBCA}
.bovinos-farm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block}
.bovinos-animal{position:absolute;width:82%;height:78%;object-fit:contain;left:7%;bottom:0;display:block;transform-origin:50% 100%;animation:angus-breathe 5s ease-in-out infinite;filter:drop-shadow(0 3px 2px #18201635)}
.bovinos-reader{position:absolute;right:5%;bottom:22%;width:20px;height:25px;background:#FAEBD7;border:2px solid #6B3A10;border-radius:4px;box-shadow:0 2px 4px #0002}.bovinos-reader::after{content:"";position:absolute;left:8px;top:25px;width:4px;height:50px;background:#6B3A10}.reader-led{position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:#588A32}
.bovinos-signal{position:absolute;right:14%;bottom:25%;width:15px;height:23px;border-left:2px solid #D2691E;border-radius:50%;animation:onda 2.4s ease-in-out infinite}.bovinos-signal::after{content:"";position:absolute;left:-7px;top:-5px;width:18px;height:31px;border-left:2px solid #D2691E;border-radius:50%}
@keyframes angus-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.009)}}
@media(max-width:720px){.entry-pampa{opacity:1}.entry-landscape #entry-grass{height:110px;opacity:.8}}
@media(prefers-reduced-motion:reduce){.bovinos-animal,.bovinos-signal{animation:none}.entry-pampa::before{transition:none}}

.app:not([data-escena="carga"]) .marca .nombre{background:#fbf7ec;border-radius:10px;padding:2px 10px}.dark .app:not([data-escena="carga"]) .marca .nombre{background:#101b13}

.aves-photo{position:absolute;inset:0;display:block;overflow:hidden;background:#dce9df}.aves-farm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.aves-animals{position:absolute;left:3%;bottom:0;width:65%;height:80%;object-fit:contain;transform-origin:50% 100%;animation:aves-breathe 4.3s ease-in-out infinite;filter:drop-shadow(0 2px 2px #18201625)}
@keyframes aves-breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.012)}}
@media(prefers-reduced-motion:reduce){.aves-animals{animation:none}}

.p-aves .door-phone{width:32%;max-width:112px;min-width:0;right:3%;bottom:-35px}.aves-animals{left:2%;width:62%;height:66%}

/* Centrar el panel del título con las tarjetas solo en escritorio. */
@media(min-width:721px){.entrance-heading{box-sizing:border-box;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}}

/* Distribución de escritorio: todos los bloques comparten eje y ancho. */
@media(min-width:721px){
 .puertas-escena{box-sizing:border-box;padding:146px 40px 32px;min-height:100svh}
 .entrance-heading{max-width:1120px;margin:0 auto 24px;padding:20px 24px}
 .entrance-heading h1{font-size:clamp(36px,3.4vw,52px);max-width:none}
 .entrance-heading p{margin-top:12px}
 .puertas{max-width:1120px;gap:20px}
 .puerta{height:360px}
 .door-copy{padding:20px;min-height:112px}
 .door-copy strong{font-size:clamp(23px,2.1vw,28px)}
 .pista{box-sizing:border-box;display:block;width:fit-content;max-width:1120px;margin:18px auto 0;padding:8px 16px;text-align:center}
 .entrance-footer{box-sizing:border-box;max-width:1120px;margin:18px auto 0;padding:14px 16px}
 .appearance{right:max(40px,calc((100% - 1120px)/2));top:48px}
}