@import url("styles.css");

/* Landing completa. Se conserva la dirección visual aprobada en styles.css. */
:root{--navy:#0a2633;--paper:#f7f8f3;--muted:#52695f;--mint:#c4f2d3}
html{scroll-padding-top:24px}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}figure{margin:0}ul,ol{padding:0;margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #398de7;outline-offset:5px}
.section-pad{padding-block:96px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.15em;color:#37644e}h2{line-height:1.12}h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}.section-copy{font-size:17px;color:var(--muted);line-height:1.8;max-width:550px}.section-intro{display:flex;justify-content:space-between;gap:60px;align-items:center;margin-bottom:38px}.section-intro>.section-copy{max-width:385px}.section-intro h2{margin-bottom:0}.section-intro .button{flex-shrink:0}.centered{text-align:center;max-width:690px;margin:0 auto 45px}.centered .section-copy{margin-inline:auto}.availability-note{font-size:13px;line-height:1.7;color:#5e6f61;margin:24px 0 0}.button{line-height:1.4;padding-block:14px}.button-small{padding-block:11px}.button-dark{background:#0d3d31;color:#fff}.button-dark:hover{background:#185d47}.text-link{display:inline-flex;align-items:center;gap:13px}.text-link span{margin:0}.dark-link{color:var(--ink);background:none;border:0;text-align:left;align-items:center;padding:12px 0}.dark-link:hover{text-decoration:underline;text-underline-offset:5px}.dark-surface{overflow:clip}

/* Navegación móvil con enlaces disponibles también sin JavaScript. */
.header{height:auto;min-height:100px;position:relative;z-index:5;gap:22px}.brand img{width:150px}.header .desktop-nav{flex-wrap:wrap;gap:23px;font-size:14px}.desktop-nav a{padding-block:14px}.header-actions{gap:20px;font-size:13px}.login{white-space:nowrap;padding-block:14px}.login span{margin-left:5px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid #a4c4bc;border-radius:5px;background:#072c3099;color:#fff;padding:12px 10px}.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.header .mobile-menu{position:absolute;display:block;top:calc(100% + 8px);right:0;left:0;background:#102f37;padding:14px 22px;border:1px solid #4e6f71;border-radius:8px;box-shadow:0 25px 50px #0005}.mobile-menu a{display:block;padding:14px 0;font-size:16px;border-bottom:1px solid #ffffff24}.mobile-menu a:last-child{border:0;color:var(--mint)}
.hero-eyebrow{color:#e3f0e9}.hero-copy{color:#edf4ef;max-width:645px}.hero-actions{flex-wrap:wrap}.stage-label{font-size:11px}.stage-caption{font-size:12px}.tabs button{font-size:14px;min-height:44px}.expand{font-size:13px;min-height:44px}.capabilities{font-size:14px}

/* Ganadería. */
.animal-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:85px;align-items:center}.animal-copy h2{max-width:450px}.animal-copy .section-copy{max-width:405px}.feature-lines{list-style:none;margin:28px 0 20px}.feature-lines li{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding-block:17px;font-size:15px;line-height:1.6}.feature-lines li:last-child{border-bottom:1px solid var(--line)}.feature-lines span{font-size:12px;color:#677e70}.visual-label{font-size:11px;color:#45664f}.detail-caption{font-size:16px}.detail-caption span{color:#45664f;font-size:12px}.livestock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.livestock-cards article{border-top:1px solid #aec3b3;padding-top:22px}.card-number{display:block;font-size:12px;color:#5b7c67;margin-bottom:20px}.livestock-cards p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:0}

/* Finanzas: captura completa y funciones agrupadas por utilidad. */
.finance-section{background:#eaf0f4;border-block:1px solid #dae4e9}.finance-section .eyebrow{color:#3b5f90}.finance-section h2 span{color:#526d8e}.finance-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);align-items:center;gap:54px}.financial-frame{background:#fff;padding:8px;border:1px solid #c8d6e1;border-radius:9px;box-shadow:0 20px 50px #18304812;overflow:hidden}.frame-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:#4f6782;padding:10px 9px 16px}.financial-frame img{width:100%;border:1px solid #e2e7ed;border-radius:4px}.finance-visual figcaption{font-size:12px;line-height:1.6;color:#52677d;margin:16px 0 6px}.finance-features{list-style:none}.finance-features li{border-bottom:1px solid #cfdae3;padding:20px 0}.finance-features li:first-child{padding-top:0}.finance-features li:last-child{border:0;padding-bottom:0}.finance-features h3{font-size:18px;color:#1b3c57}.finance-features p{font-size:15px;line-height:1.7;color:#4b6276;margin:0}.finance-note{color:#4f6579;font-size:13px;line-height:1.7;margin:38px 0 0;padding-top:22px;border-top:1px solid #cddbe5}

/* La operación conecta inventario y registro financiero. */
.connection-section{background:#102e30;color:#fff}.connection-layout{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:80px}.connection-section .eyebrow{color:#acd6c4}.connection-section h2 span{color:#c4eed5}.connection-section .section-copy{color:#d1e2dc;font-size:17px}.connection-copy>.section-copy{max-width:none}.connection-note{color:#adc7be!important;font-size:13px!important;line-height:1.75!important;max-width:410px}.example-label{font-size:10px;letter-spacing:.1em;color:#bbd6cc;margin-bottom:20px;text-align:center}.operation{display:flex;gap:22px;align-items:center;padding:25px;border:1px solid #7fba9d;border-radius:8px;background:#21493c}.operation h3{font-size:19px;margin-bottom:8px}.operation p{font-size:14px;line-height:1.7;color:#d5e7dc;margin:0}.operation-symbol{font-size:30px;color:#bcf0d0}.diagram-branches{position:relative;height:44px;margin:0 25%;border-bottom:1px solid #688f81}.diagram-branches::before{content:'';position:absolute;height:44px;width:1px;background:#688f81;top:0;left:50%}.diagram-branches span{position:absolute;width:1px;height:18px;bottom:-18px;background:#688f81}.diagram-branches span:last-child{right:0}.diagram-results{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.diagram-results>div{padding:24px 21px;border:1px solid #607e76;border-radius:7px;background:#193b35}.diagram-results>div:last-child{background:#193a4c;border-color:#5a7f98}.module-label{color:#b6d7c5;font-size:10px;letter-spacing:.1em;display:block;margin-bottom:15px}.diagram-results>div:last-child .module-label{color:#b8d5ed}.diagram-results h3{font-size:17px}.diagram-results p{color:#d3e3db;font-size:14px;line-height:1.7;margin:0}

/* Uso cotidiano, sin simular una captura móvil inexistente. */
.daily-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.daily-photo{position:relative;height:420px;overflow:hidden;border-radius:8px;background:#0a2633}.daily-photo img{width:100%;height:100%;object-fit:cover;object-position:45% center}.daily-photo::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#08251eeb)}.daily-photo p{position:absolute;inset:auto 30px 14px;z-index:1;color:white;font-size:25px;letter-spacing:-.025em;line-height:1.3;max-width:340px}.daily-list{list-style:none;margin-top:27px}.daily-list li{display:flex;align-items:center;gap:14px;padding-block:11px;font-size:15px}.daily-list span{color:#16634a}

/* Planes: precios aprobados, sin promociones ni funciones no confirmadas. */
.pricing-section{background:#edf1e9;border-block:1px solid #dce4d7}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.plan{background:#fcfdf9;padding:35px 29px 30px;border:1px solid #cbd9c7;border-radius:9px;display:flex;flex-direction:column}.plan h3{font-size:26px;margin-bottom:8px}.plan-description{font-size:14px;line-height:1.6;color:#526454;margin:0;min-height:45px}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:26px 0}.price-value{font-size:64px;line-height:1;letter-spacing:-.055em;font-weight:500}.plan-price>span:last-child{font-size:13px;color:#546957}.plan-limits{display:flex;flex-direction:column;gap:10px;border-block:1px solid #d9e1d2;padding:20px 0;font-size:16px}.plan-features{list-style:none;padding:24px 0;margin-bottom:auto}.plan-features li{position:relative;padding:7px 0 7px 20px;font-size:14px;line-height:1.6}.plan-features li::before{position:absolute;left:0;content:'—';color:#799077}.button-plan{color:#16452e;border:1px solid #9db79a}.button-plan:hover{background:#eaf2e3}.plan-complete{background:#133e33;color:white;border-color:#133e33;box-shadow:0 16px 35px #244b311a}.plan-complete .plan-description,.plan-complete .plan-price>span:last-child{color:#c1d9c9}.plan-complete .plan-limits{border-color:#507365}.plan-complete .plan-features li::before{color:#b8e0c2}.enterprise{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;background:#e1e9dc;border-radius:7px;margin-top:23px}.enterprise h3{font-size:18px;margin-bottom:6px}.enterprise p{font-size:14px;line-height:1.65;margin:0;color:#4c634f}.enterprise a{white-space:nowrap}.pricing-notes{margin-top:23px;max-width:1040px}.pricing-notes p{font-size:13px;line-height:1.75;color:#526850;margin:7px 0}

/* Solicitud, desarrollo futuro y preguntas frecuentes. */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:46px}.steps li{padding-top:24px;border-top:1px solid #adc4b1}.step-number{font-size:41px;font-weight:400;letter-spacing:-.05em;color:#2f7553;display:block;margin-bottom:28px}.steps h3{font-size:20px}.steps p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.roadmap{display:flex;gap:36px;align-items:center;padding:32px;background:#e9eff3;border:1px solid #d3dee7;border-radius:7px}.roadmap-label{font-size:10px;letter-spacing:.1em;white-space:nowrap;color:#3b5c7d;padding:10px 12px;border:1px solid #a4b9cc;border-radius:4px}.roadmap h2{font-size:24px;letter-spacing:-.025em;margin:0 0 10px}.roadmap p{margin:0;font-size:15px;line-height:1.75;color:#50687b;max-width:790px}.roadmap-mark{font-size:36px;margin-left:auto;color:#55758e}.faq-section{display:grid;grid-template-columns:.85fr 1.4fr;gap:75px}.faq-intro h2{font-size:41px}.faq-list details{border-bottom:1px solid #cfdbcf}.faq-list details:first-child{border-top:1px solid #cfdbcf}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:16px;font-weight:500;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:#16634a}.faq-plus{position:relative;flex-shrink:0;width:16px;height:16px}.faq-plus::before,.faq-plus::after{content:'';position:absolute;background:#3c7051;width:12px;height:1.5px;top:7px;left:2px}.faq-plus::after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus::after{transform:rotate(0)}.faq-list details>p{font-size:15px;color:var(--muted);line-height:1.85;margin:0;padding:0 27px 25px 0}
.closing-section{background:radial-gradient(ellipse at 10% 90%,#185142,transparent 65%),#0b2b34;padding-block:90px;color:white;text-align:center}.closing-section .eyebrow{color:#b5d7c6}.closing-section h2{font-size:clamp(38px,4.3vw,62px)}.closing-section h2 span{color:#c4f0d4}.closing-content>p{max-width:530px;margin:0 auto;font-size:17px;color:#d2e5dd;line-height:1.8}.closing-section small{display:block;font-size:12px;color:#b7ccc3;margin-top:24px}.footer{padding-top:46px}.footer-main{display:flex;align-items:center;gap:32px;padding-bottom:35px}.footer-main img{width:145px}.footer-main>p{flex:1;font-size:14px;line-height:1.7;color:#526658}.footer nav{display:flex;flex-wrap:wrap;gap:25px;font-size:13px}.footer nav a{padding-block:14px}.footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:24px;font-size:12px;color:#526658;line-height:1.7}.footer-bottom a{padding:8px 0}.image-dialog{max-height:95dvh}.not-found main{max-width:700px;padding:70px 25px;margin:auto}.not-found img{width:180px;margin-bottom:50px}.not-found h1{font-size:48px;text-shadow:none}.not-found p{margin-bottom:30px}

@media(prefers-reduced-motion:no-preference){.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal-await{opacity:0;transform:translateY(22px)}}
@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.header .desktop-nav{gap:18px;font-size:13px}.header-actions{gap:14px}.brand img{width:130px}.header-actions .login{display:none}.animal-layout,.daily-section{gap:40px}.finance-layout{gap:35px;grid-template-columns:1.5fr 1fr}.connection-layout{gap:40px}.faq-section{gap:40px}.footer-main{flex-wrap:wrap}}
@media(max-width:950px){
  .section-pad{padding-block:72px}.header{min-height:84px}.header-actions .login{display:inline-flex}.js .header .desktop-nav{display:none}.js .menu-toggle{display:block}html:not(.js) .header{flex-wrap:wrap;padding-block:20px}html:not(.js) .header .desktop-nav{display:flex;order:3;flex-basis:100%}.hero{padding-top:48px}.landscape{height:670px}.animal-layout{gap:32px}.animal-visual{min-height:385px;padding-left:20px}.section-intro{gap:30px}.section-intro>.section-copy{max-width:310px}.finance-layout{grid-template-columns:1fr}.finance-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.finance-features li,.finance-features li:first-child{padding:20px 0 0;border-top:1px solid #c8d6e1;border-bottom:0}.connection-layout{grid-template-columns:1fr;gap:35px}.connection-copy .section-copy,.connection-note{max-width:100%}.connection-diagram{max-width:650px}.daily-section{gap:35px}.daily-photo{height:420px}.plan{padding:27px 20px}.plan h3{font-size:23px}.plan-description{min-height:66px}.plan-price{gap:9px}.price-value{font-size:55px}.plan-price>span:last-child{font-size:12px}.steps{gap:30px}.roadmap{gap:25px}.roadmap-mark{display:none}.faq-section{grid-template-columns:1fr;gap:25px}.faq-intro h2{font-size:40px}.caption-right{display:none}.window-symbol{width:65px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 36px)}.section-pad{padding-block:60px}.header{min-height:78px;gap:12px}.brand img{width:112px}.header-actions{gap:10px}.header-actions .login{display:none}.button{padding:13px 20px;min-height:50px;font-size:14px;gap:20px}.button-small{min-height:40px;padding:11px 12px;font-size:12px}.menu-toggle{width:40px;height:40px;padding:10px 8px}.menu-toggle span{width:22px}.hero{padding-top:45px}.eyebrow{font-size:11px;letter-spacing:.1em}.hero-eyebrow{font-size:10px}h1{font-size:clamp(34px,8.5vw,58px)}h2{font-size:36px}.hero-copy{max-width:380px}.hero-actions{gap:18px}.landscape{height:630px}.landscape::after{background:linear-gradient(180deg,#04192ac4 0%,#04192ab3 40%,#051c2299 61%,#071c1e15 84%,#071c1e40 95%,#0a2633 100%)}.stage-label{font-size:10px;letter-spacing:.04em;max-width:215px}.stage-note{display:none}.tabs button{font-size:12px;padding:10px 7px;min-height:44px}.expand{min-width:35px;min-height:44px;font-size:0;padding:9px 5px;text-align:center}.stage-caption{font-size:11px;padding-top:13px}.capabilities{font-size:12px;gap:18px 10px}.animal-layout,.daily-section{grid-template-columns:1fr;gap:30px}.animal-copy h2{font-size:41px}.animal-copy .section-copy{max-width:100%}.section-copy{font-size:16px}.animal-visual{min-height:335px}.detail-caption{font-size:15px}.detail-caption span{font-size:11px}.livestock-cards{grid-template-columns:1fr;gap:27px;margin-top:40px}.livestock-cards article{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.card-number{margin:4px 0 0}.livestock-cards h3{margin:0}.livestock-cards p{grid-column:2;margin-top:10px}.section-intro{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.section-intro>.section-copy{max-width:100%;margin:0}.finance-layout{gap:25px}.finance-features{grid-template-columns:1fr;gap:0}.finance-features li{padding:23px 0!important}.finance-note{margin-top:10px}.frame-label{font-size:9px;padding:8px 5px 12px}.finance-visual figcaption{font-size:11px}.connection-layout{gap:32px}.operation{padding:22px 18px;gap:16px}.diagram-results{gap:12px}.diagram-results>div{padding:20px 14px}.diagram-results h3{font-size:16px}.diagram-results p{font-size:13px}.module-label{font-size:9px;letter-spacing:.04em}.example-label{text-align:left;font-size:10px}.daily-photo{height:310px;order:2}.daily-photo p{font-size:24px;left:24px;right:24px}.plans-grid{grid-template-columns:1fr;gap:20px}.centered{text-align:left;margin-bottom:30px}.centered .section-copy{margin-inline:0}.plan{padding:30px 26px}.plan h3{font-size:26px}.plan-description{min-height:0;font-size:15px}.plan-price{margin:23px 0}.price-value{font-size:62px}.plan-price>span:last-child{font-size:14px}.plan-features li{font-size:15px}.plan-limits{font-size:16px}.enterprise{align-items:flex-start;flex-direction:column;gap:14px;padding:25px}.enterprise a{white-space:normal}.pricing-notes p{font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps li{position:relative;padding-left:62px}.step-number{position:absolute;top:24px;left:0;font-size:32px;margin:0}.steps h3{font-size:20px}.roadmap{flex-direction:column;align-items:flex-start;padding:27px;gap:20px}.roadmap h2{font-size:24px}.roadmap p{font-size:14px}.faq-intro h2{font-size:36px}.faq-list summary{font-size:16px;padding:21px 0;gap:16px}.faq-list details>p{padding-right:5px;font-size:15px}.closing-section{padding-block:65px}.closing-section h2{font-size:37px}.closing-content>p{font-size:16px}.footer{padding-top:34px}.footer-main{gap:18px;padding-bottom:22px}.footer-main img{width:125px}.footer-main>p{flex-basis:100%;margin:0}.footer nav{gap:20px}.footer-bottom{align-items:flex-start;font-size:11px;gap:20px}.footer-bottom a{white-space:nowrap;padding:0}
}
@media(max-width:360px){.brand img{width:95px}.header-actions{gap:7px}.button-small{padding-inline:8px;font-size:11px}.tabs button{font-size:11px;padding-inline:5px}.hero-actions{gap:9px}.hero-actions .button{padding-inline:16px;gap:12px}.hero-actions .text-link{font-size:13px;gap:7px}.diagram-results{grid-template-columns:1fr}.diagram-branches{margin-inline:50%;height:28px;border:0}.diagram-branches::before{height:45px}.diagram-branches span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal-await{opacity:1;transform:none}}