/* Edición 24/09: campo editorial, superficies minerales y oferta en revisión. */
@font-face{font-family:Rraqia Display;src:url('assets/fraunces-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Rraqia Sans;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:Rraqia Sans;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}
:root{--forest:#12382f;--navy:#183740;--ink:#233c35;--paper:#f3f2eb;--muted:#53665e;--line:#d4dbd0;--mint:#d7e6c8;font-family:Rraqia Sans,Arial,sans-serif;background:var(--paper);color:var(--ink)}
body{background:var(--paper)}
h1,h2{font-family:Rraqia Display,Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.13}
h3,h4{letter-spacing:-.025em}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em}
.draft-banner{padding:10px 24px;text-align:center;background:#e9dfc7;color:#4b412e;font-size:11px;line-height:1.7;border-bottom:1px solid #b8a779}
.section-pad{padding-block:112px}
.button{border-radius:12px;font-weight:600;min-height:52px;box-shadow:none;transition:transform .25s,background .25s,box-shadow .25s}
.button-mint{background:#e1e9cc;color:#193e30}
.button-mint:hover{background:#edf2e1}
.button-dark{background:#173f35}
.button span{transition:transform .25s}
.button:hover span{transform:translate(3px,-3px)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ac7134;outline-offset:5px;box-shadow:0 0 0 2px var(--paper)}
.dark-surface{background:#18383f}
.header{min-height:94px;border-color:#ffffff30}
.header .desktop-nav{font-size:12px;gap:26px}
.header-actions{font-size:12px}
.header .button-small{font-size:12px;min-height:42px;border-color:#c8d8c894;background:#f2f3e80a}
.landscape{height:790px}
.landscape::after{background:linear-gradient(180deg,#12303bc9 0%,#12303ba6 38%,#10343247 68%,#18383f 100%)}
.hero{padding-top:62px}
.hero-eyebrow{width:fit-content;margin:auto;padding:10px 17px;border:1px solid #d6e5d33d;border-radius:30px;background:#183a3538;backdrop-filter:blur(8px);color:#edf0e1;font-size:10px;letter-spacing:.15em}
h1{font-size:clamp(47px,5.7vw,82px);line-height:1.12;margin:25px 0 24px;letter-spacing:-.04em}
h1 span{color:#e4ebd1}
.hero-copy{font-size:16px;line-height:1.85;max-width:610px}
.hero-actions{margin-top:30px}
.hero-actions .button{min-width:192px}
.product-stage{margin-top:125px;max-width:1150px}
.stage-heading{margin-inline:8px;margin-bottom:18px}
.stage-label{font-size:9px;letter-spacing:.16em}
.stage-note{font-size:11px}
.product-shell{padding:7px;border-radius:22px;border-color:#d1e0d4;background:#e4eae5;box-shadow:0 35px 70px #061a244f,0 0 0 8px #dae7d008}
.product-toolbar{border-radius:15px 15px 0 0;background:#e4eae5;padding-inline:15px;min-height:60px}
.tabs{border:1px solid #c4cfc5;border-radius:30px;padding:3px;background:#d9e2d9}
.tabs button{border-radius:24px;font-size:12px;padding:10px 24px}
.tabs button[aria-selected=true]{background:#fffef7;color:#224d3d;box-shadow:0 2px 6px #1a372414}
.product-panel{border-radius:11px;border-color:#cdd8cf}
.view-plan-note{margin:0;padding:13px 20px;background:#f0f2e9;color:#425c4d;font-size:11px;line-height:1.75;text-align:left;border-top:1px solid #d9dfd3;border-left:3px solid #839970}
.stage-caption{font-size:10px;line-height:1.8;color:#d1dcd6;padding-top:17px}
.capabilities{margin-top:40px;padding-block:30px;font-size:12px;color:#dfe7df}
.capabilities span::before{content:'↗';color:#d7dfb9}

/* Fotografía original a la derecha; texto separado del animal. */
.cattle-scene{min-height:650px;background:#183b30;border-block:1px solid #355648}
.cattle-background{left:auto;right:0;width:58%;height:100%;object-fit:cover;object-position:40% center;z-index:-2}
.cattle-scene::after{background:linear-gradient(90deg,#183b30 0%,#183b30 39%,#183b30bf 47%,#183b3000 64%)}
.cattle-copy{padding-block:85px}
.cattle-copy h2{font-size:clamp(43px,4.4vw,64px);max-width:475px;line-height:1.14;letter-spacing:-.04em}
.cattle-copy h2 span{color:#d7e2bc}
.cattle-copy>p{max-width:365px;font-size:15px;color:#dce5da;line-height:1.9}
.cattle-copy .eyebrow{color:#d8debd}
.button-glass{background:#f4f5e50b;border-color:#d3dfc685;backdrop-filter:blur(8px)}
.photo-credit{font-size:9px;line-height:1.7;max-width:90%;border-radius:5px;background:#1e392ecc;padding:7px 10px}
.livestock-detail{padding-top:100px;gap:70px}
.livestock-detail .animal-copy>h3{font-family:Rraqia Display,Georgia,serif;font-size:38px;line-height:1.2;font-weight:500}
.animal-visual{border-radius:24px;background:#e1e6db;border:1px solid #cbd6c7;box-shadow:0 24px 44px #26422d0b}
.detail-frame{border-radius:8px;box-shadow:0 20px 45px #243e3229}
.detail-caption{font-size:14px}.detail-caption span{font-size:11px}
.feature-lines li{font-size:14px}.availability-note{font-size:12px}
.livestock-cards{gap:24px}
.livestock-cards article{border:1px solid #d8ded0;padding:28px;border-radius:16px;background:#fcfcf67a;transition:transform .3s,box-shadow .3s}
.livestock-cards article:hover{box-shadow:0 15px 30px #2547350c}
.card-number{font-family:Rraqia Display,Georgia,serif;font-size:23px;color:#638068}
.livestock-cards h3{font-size:21px}.livestock-cards p{font-size:14px}

.finance-section{background:#233b45;color:#f4f3e9;border-color:#36515b}
.finance-section .eyebrow{color:#bed1d6}
.finance-section h2{font-size:clamp(40px,4.1vw,60px);max-width:720px}
.finance-section h2 span{color:#bdcfd0}
.finance-section .section-copy{color:#d0dbd9;font-size:15px}
.financial-frame{padding:10px;background:#d8e3e2;border:1px solid #acc4c7;border-radius:17px;box-shadow:0 30px 60px #11252e40}
.frame-label{color:#314e57;font-size:9px;padding:10px 8px 17px}
.finance-visual figcaption{color:#c8d7d7;font-size:11px;line-height:1.9}
.finance-visual figcaption strong{font-weight:400;color:#f0efdf}
.finance-visual .dark-link{color:#dfe8d2;font-size:12px}
.finance-features li{border-color:#48616a}
.finance-features h3{color:#f0f1e7;font-size:19px}
.finance-features p{color:#cddbd9;font-size:14px;line-height:1.9}
.finance-note{color:#c5d3d3;border-color:#49626b;font-size:12px}
.story-section{background:radial-gradient(ellipse at 15% 35%,#234c40 0,transparent 65%),#17372f}
.story-heading h2{font-size:clamp(46px,5vw,72px);letter-spacing:-.035em}
.story-heading>p{font-size:16px}.story-chapter h3{letter-spacing:-.035em}
.story-demo,.story-disclaimer{color:#c0d3c8}
.story-screen{top:40px}
.daily-copy h2,.value-section h2{font-size:clamp(40px,4.1vw,60px)}
.daily-photo{border-radius:22px;box-shadow:0 20px 55px #16342c16}
.future-apps{background:#e8ecdf;border-color:#cad4be;border-radius:12px}
.future-apps>span{font-size:9px}.future-apps p{font-size:12px}
.value-grid{gap:24px}.value-card{border-radius:20px;background:#e9ecdf;border-color:#d1d9c8}
.value-card h3{font-size:27px}.value-card>p{font-size:14px}
.value-symbol{color:#6b8465}.role-buttons button{font:inherit;font-size:11px;min-height:44px}
.role-panel p{font-size:13px;line-height:1.9}
.export-card{background:#e1e9e9;border-color:#ccd9d7}
.paper-file{background:#fffffaf2}

/* Comparativa clara y plan recomendado en verde bosque. */
.pricing-section{background:#e8ebdf;color:#203b30}
.pricing-glow{background:radial-gradient(ellipse at 85% 4%,#d2dfe8,transparent 50%);opacity:.6}
.pricing-section .eyebrow{color:#4c6957}
.pricing-section h2{font-size:clamp(44px,4.8vw,68px);letter-spacing:-.035em}
.pricing-section h2 span{color:#60795d}
.pricing-section .section-copy{color:#4b6255;font-size:15px}
.pricing-section .centered{max-width:800px}
.offer-review{display:flex;gap:12px;align-items:center;max-width:870px;margin:0 auto 36px;padding:14px 20px;background:#f5f0df;border:1px solid #c5b789;border-radius:12px;color:#5c4e30}
.offer-review>span{font-size:25px}.offer-review p{margin:0;font-size:12px;line-height:1.85}
.plan-carousel-tools{color:#506556;font-size:11px}
.plans-grid{gap:16px;padding:20px 4px 30px;scroll-padding:4px;scrollbar-color:#738b6b #e0e5d7}
.plan{padding:26px 23px;border-radius:18px;background:#fafbf3bf;border:1px solid #bbcbb680;color:#203e30;backdrop-filter:none;box-shadow:0 12px 35px #18322206}
.plan:hover{border-color:#8ba281;box-shadow:0 20px 35px #18322212;transform:translateY(-4px)}
.plan-recommended{background:linear-gradient(155deg,#264b3c,#193c33);border-color:#45634c;box-shadow:0 18px 45px #23433320;color:#f8f8ed}
.plan-recommended:hover{border-color:#8bab75}
.plan h3{font-family:Rraqia Display,Georgia,serif;font-weight:500;font-size:31px;letter-spacing:-.025em}
.plan-kicker{color:#5a725b;font-size:9px;letter-spacing:.11em}
.plan-badge{background:#dce9c5;color:#29422b;font-size:9px;font-weight:600}
.plan-description{color:#546c5b;font-size:12px;min-height:46px}
.plan-recommended .plan-description{color:#d3dfcf}
.price-value{font-family:Rraqia Display,Georgia,serif;font-size:64px;font-weight:500;letter-spacing:-.06em}
.plan-price{min-height:89px;margin:26px 0 22px}
.plan-price>span:last-child{font-size:10px;color:#5d735f}
.plan-recommended .plan-price>span:last-child{color:#c7d8c5}
.price-custom{font-family:Rraqia Display,Georgia,serif;font-size:36px;letter-spacing:-.025em}
.plan-limits{color:#35543e;border-color:#ccd7c4;font-size:12px;gap:12px;padding-block:22px}
.plan-recommended .plan-limits{color:#e2ebd9;border-color:#75916c66}
.plan-features{padding-block:20px 30px}
.plan-features li{font-size:11px;line-height:1.8;padding-block:6px}
.plan-features li::before{color:#567b48}
.plan-recommended .plan-features li::before{color:#c7dcaa}
.plan .button{font-size:11px;min-height:46px;border-radius:9px;gap:12px}
.plan .button-plan{background:transparent;border-color:#9bb28e;color:#234b34}
.plan .button-plan:hover{background:#e7edda}
.plan .button-mint{background:#dce9c5;color:#224029}
.plan-compare-link{color:#405f45;font-size:11px}
.plan-recommended .plan-compare-link{color:#d4e4c9}
.pricing-notes p{color:#50674f;font-size:12px;line-height:1.9}
.round-control{border-color:#8da380;background:#f9fbee;color:#3e5939}
.round-control:hover{background:#d7e1ca}
.comparison-heading h3{font-family:Rraqia Display,Georgia,serif;font-weight:500;font-size:36px}
.comparison-heading p,.comparison-legend{color:#4c634e}
.comparison-filters button{color:#456243;background:#f3f6e8;border-color:#c0ceb4;font-size:11px}
.comparison-filters button[aria-pressed=true]{background:#244a37;border-color:#244a37;color:#f2f5e8}
.comparison-scroll{border-color:#b3c4a6;background:#f8f9f0;border-radius:14px;scrollbar-color:#819875 #e3ead9}
.comparison-table th,.comparison-table td{border-color:#d5dfcb}
.comparison-table thead th{background:#d9e2d0;color:#27432c;font-size:14px}
.comparison-table thead small{color:#425e40}
.comparison-table tbody th[scope=row]{background:#f0f3e6;color:#344c32;font-size:12px}
.comparison-table tbody td{color:#42583c;background:#fbfcf4;font-size:11px}
.comparison-table .recommended-column{background:#becfb4}
.comparison-table tbody .recommended-column{background:#e2ecd8}
.comparison-table .comparison-group th{background:#dce5d1;color:#405d35;font-size:10px}
.feature-yes{color:#316743}.feature-no{color:#6e7e66}
.start-section h2{font-size:clamp(40px,4vw,58px)}
.steps li{border-radius:16px;background:#fcfcf5;border-color:#d2dbc9;box-shadow:none;padding:30px}
.steps .step-number{font-family:Rraqia Display,Georgia,serif;color:#718367}
.steps h3{font-size:20px}.steps p{font-size:14px}
.evolution-section{background:#2b3d3e;color:#f1f0e4}
.evolution-heading h2{font-size:clamp(44px,4.5vw,64px)}
.evolution-heading h2 span{color:#c0cfb5}
.evolution-heading .eyebrow{color:#ced8bd}
.evolution-heading>p{color:#cdd8cd;font-size:16px}
.evolution-cards article{background:#ffffff07;border-color:#71887b69;border-radius:16px}
.evolution-cards .roadmap-label{background:#455a49;color:#e0e8cc;border-color:#7e97766b;font-size:9px}
.evolution-cards h3{font-size:25px}.evolution-cards p,.evolution-note{color:#cdd9ce}
.faq-intro h2{font-size:46px}.faq-list summary{font-size:15px}.faq-list details>p{font-size:14px}
.closing-section{background:#183b32;padding-block:100px}
.closing-section h2{font-size:clamp(44px,4.7vw,67px)}
.closing-section h2 span{color:#d5dfbb}
.footer-main>p,.footer nav{font-size:12px}
.motion-preference{padding-bottom:30px}
.motion-preference button{font:inherit;font-size:12px;min-height:44px;padding:10px 16px;border:1px solid #8a9d80;border-radius:9px;background:#edf0e4;color:#294b36;cursor:pointer}
.motion-preference button:disabled{cursor:default}
.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.reduced-motion{scroll-behavior:auto!important}
.reduced-motion .reveal-await{opacity:1;transform:none}
.reduced-motion .story-screen{position:relative;top:auto}
.reduced-motion .story-chapter{min-height:0;padding-block:20px}
.reduced-motion .story-chapter h3{font-size:30px}
.reduced-motion .financial-frame,.reduced-motion .button:hover,.reduced-motion .plan:hover,.reduced-motion .steps li:hover,.reduced-motion .livestock-cards article:hover,.reduced-motion .pdf-file,.reduced-motion .excel-file{transform:none!important}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .financial-frame{transform:perspective(1600px) rotateY(2deg);transition:transform .5s}
  .financial-frame:hover{transform:perspective(1600px) rotateY(0)}
}
@media(max-width:1150px){
  .header .desktop-nav{gap:16px}.plan{padding:27px 24px}
  .cattle-copy h2{max-width:42%;font-size:49px}.cattle-copy>p{max-width:34%}
  .plans-grid{grid-auto-columns:300px}
}
@media(max-width:900px){
  .section-pad{padding-block:80px}
  .cattle-scene{display:flex;flex-direction:column;min-height:0;padding:0;isolation:isolate}
  .cattle-background{position:relative;order:2;width:100%;height:auto;aspect-ratio:3/2;left:auto;right:auto;z-index:0;object-position:center}
  .cattle-scene::after{display:none}
  .cattle-copy{order:1;padding-block:56px}
  .cattle-copy h2{max-width:650px;font-size:53px}.cattle-copy>p{max-width:470px}
  .photo-credit{z-index:1;font-size:8px}
  .livestock-detail{gap:35px;padding-top:65px}
  .story-screen{top:auto}
  .product-stage{margin-top:115px}
  .price-value{font-size:64px}
}
@media(max-width:700px){
  .draft-banner{padding:8px 18px;font-size:9px;letter-spacing:0}
  .section-pad{padding-block:65px}.header{min-height:76px}
  .header .button-small{font-size:11px;padding-inline:12px;min-height:40px}
  .hero{padding-top:40px}.hero-eyebrow{font-size:8px;padding:9px 11px;gap:8px}
  h1{font-size:clamp(36px,9.5vw,57px);margin:24px 0;letter-spacing:-.045em;line-height:1.16}
  .hero-copy{font-size:14px;line-height:1.85;max-width:370px}
  .hero-actions{gap:14px}.hero-actions .button{min-width:175px;font-size:13px}
  .hero-actions .text-link{font-size:12px}.landscape{height:685px}
  .product-stage{margin-top:92px}.stage-label{font-size:8px;letter-spacing:.08em}
  .product-shell{padding:4px;border-radius:13px;box-shadow:0 20px 40px #0b202a66}
  .product-toolbar{padding:3px;min-height:53px;border-radius:9px 9px 0 0;gap:2px}
  .tabs{padding:2px;flex:1;min-width:0}.tabs button{font-size:10px;padding:9px 7px;min-height:42px}
  .expand{min-width:30px;padding:7px 2px;margin:0}.view-plan-note{font-size:10px;padding:12px}
  .stage-caption{font-size:9px}.capabilities{font-size:10px;gap:17px 10px;margin-top:28px}
  .cattle-copy{padding-block:43px}.cattle-copy h2{font-size:42px;max-width:380px;letter-spacing:-.035em}
  .cattle-copy>p{font-size:14px;margin-bottom:24px;max-width:355px}
  .cattle-background{height:auto;object-position:center}
  .photo-credit{right:9px;bottom:9px;font-size:7px}
  .livestock-detail{padding-top:55px}.livestock-detail .animal-copy>h3{font-size:33px}
  .livestock-cards article{padding:25px 22px;grid-template-columns:30px 1fr}
  .livestock-cards h3{font-size:20px}.livestock-cards p{font-size:13px}
  .finance-section h2,.daily-copy h2,.value-section h2{font-size:39px}
  .finance-section .section-copy{font-size:14px}.financial-frame{padding:6px;border-radius:11px}
  .finance-features h3{font-size:18px}.finance-features p{font-size:13px}
  .finance-visual figcaption,.finance-note{font-size:10px}
  .story-heading h2{font-size:43px}.story-heading>p{font-size:14px}
  .story-chapter h3{font-size:30px}.story-chapter p{font-size:14px}
  .story-record h3{font-size:18px}.record-operation h3{font-size:24px}
  .value-card{padding:25px}.value-card h3{font-size:24px}
  .role-panels{min-height:228px}.role-buttons button{font-size:10px;padding:9px 10px}
  .pricing-section h2{font-size:43px}.pricing-section .section-copy{font-size:14px}
  .offer-review{padding:14px;align-items:flex-start;gap:9px}.offer-review p{font-size:10px}
  .plan-carousel-tools{font-size:10px}.plans-grid{grid-auto-columns:min(86vw,310px);gap:13px}
  .plan h3{font-size:33px}.plan-description{font-size:12px}.plan-limits{font-size:12px}
  .plan-features li{font-size:11px}.plan .button{font-size:12px}
  .pricing-notes p{font-size:10px}.comparison-heading h3{font-size:30px}
  .comparison-filters button{font-size:10px}.comparison-table tbody th[scope=row]{font-size:11px}
  .comparison-table tbody td{font-size:10px}.comparison-heading p{font-size:11px}
  .start-section h2{font-size:39px}.steps li{padding:27px}
  .evolution-heading h2{font-size:43px}.evolution-heading>p{font-size:14px}
  .evolution-cards article{padding:26px}.evolution-cards h3{font-size:23px}.evolution-cards p{font-size:13px}
  .evolution-note{font-size:10px}.faq-intro h2{font-size:39px}
  .faq-list summary{font-size:14px}.faq-list details>p{font-size:13px}
  .closing-section{padding-block:65px}.closing-section h2{font-size:40px}
}
@media(max-width:360px){
  .header .button-small{font-size:10px;padding-inline:8px}.tabs button{font-size:9px;padding-inline:5px}
  .hero-actions .button{min-width:160px}.hero-actions{gap:8px}
  .cattle-background{height:auto}.cattle-copy h2{font-size:39px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal-await{opacity:1;transform:none}.financial-frame,.button:hover,.plan:hover{transform:none}
}

/* Edición comercial 27/09: sustituye las superficies crema por azul petróleo. */
:root{--paper:#132d40;--ink:#f0f5f7;--muted:#b7cbd6;--line:#3b5668;--mint:#cee4d0}
body{background:#132d40;color:#f0f5f7}
.eyebrow{color:#bad6cb}
h2 span{color:#b7d3d8}
.section-copy{color:#c2d3dc}
.availability-note{color:#b7cbd6}
.dark-link{color:#d4e7da}
.button-dark{background:#cce3d0;color:#183b30}
.button-dark:hover{background:#e2efdf}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#e0c697;box-shadow:0 0 0 2px #132d40}
.livestock-section{background:linear-gradient(135deg,#132d40,#193a4c)}
.livestock-detail .animal-copy>h3{color:#f1f5f6}
.livestock-detail .animal-copy .eyebrow{color:#bad6cb}
.feature-lines li{border-color:#426173}.feature-lines span{color:#afc8d1}
.livestock-detail .animal-visual{background:#244558;border-color:#496779;box-shadow:0 25px 55px #071b2b44}
.visual-label,.detail-caption span{color:#c2d8df}
.detail-caption{color:#f0f5f7}.visual-number{color:#b2c7ce18}
.livestock-cards article{background:#2345597d;border-color:#486779}
.livestock-cards article:hover{background:#274d62;box-shadow:0 18px 40px #061b2e33}
.card-number{color:#c1d9c8}.livestock-cards p{color:#c3d4db}
.finance-section{background:#1c394b;border-color:#3a576a}
.daily-list span{color:#c8e3c9}
.future-apps{background:#1d3e51;border-color:#476578}
.future-apps>span{color:#c5dfd1}.future-apps p{color:#c3d4dd}
.value-card,.export-card{background:#1d3b50;border-color:#476476}
.value-card>p,.value-card small{color:#c3d4dd}
.value-symbol{color:#bed9c9}
.role-buttons button{background:#274a60;border-color:#567387;color:#edf5f7}
.role-buttons button[aria-pressed=true]{background:#d1e5d4;color:#183c32;border-color:#d1e5d4}
.role-panels{background:#142e41;border:1px solid #405b6c}
.role-panel p{color:#c4d8df}
.paper-file{background:#f3f7f7}.export-arrow{color:#bdcfdb}
.pricing-section{background:#10283a;color:#f0f5f7;border-color:#36556b}
.pricing-glow{background:radial-gradient(ellipse at 85% 0%,#28516777,transparent 65%);opacity:.7}
.pricing-section .eyebrow{color:#c5dfd1}
.pricing-section h2 span{color:#b9d2da}
.pricing-section .section-copy,.plan-carousel-tools{color:#c1d3dc}
.plan{background:#203d51cc;border-color:#496679;color:#f2f7f8;box-shadow:0 16px 40px #03162726}
.plan:hover{border-color:#abc8c5;box-shadow:0 20px 40px #03152655}
.plan-recommended{background:linear-gradient(145deg,#2e5149,#193d39);border-color:#b1d4b7;box-shadow:0 18px 50px #031a2366}
.plan-recommended:hover{border-color:#e1edd6}
.plan-kicker{color:#c1d3db}.plan-description{color:#c2d5df}
.plan-price>span:last-child{color:#c2d3de}
.plan-limits{color:#e0ebef;border-color:#516b7c}
.plan-features li::before{color:#c6dfce}
.plan .button-plan{background:#294b60;border-color:#7895a7;color:#f3f8fa}
.plan .button-plan:hover{background:#365d71}
.plan-compare-link{color:#cedfe7}
.plan-conditions-link,.plan-conditions-note{align-self:center;font-size:12px;color:#e0ecef;padding:16px 8px 0;text-underline-offset:5px}
.plan-conditions-link:hover{text-decoration:underline;color:#fff}
.plan-recommended .plan-conditions-link{color:#e3efdd}
.pricing-notes p{color:#b9ceda}
.round-control{background:#274558;border-color:#6d899b;color:#eff6f7}
.round-control:hover{background:#3a5b6f}
.comparison-heading p,.comparison-legend{color:#bfd1db}
.comparison-filters button{background:#203f53;border-color:#526f82;color:#e0eaf0}
.comparison-filters button[aria-pressed=true]{background:#cce2d0;border-color:#cce2d0;color:#183d30}
.comparison-scroll{background:#1a374b;border-color:#5e7c8b;scrollbar-color:#9bbbae #1b384a}
.comparison-table th,.comparison-table td{border-color:#3c596c}
.comparison-table thead th{background:#284c60;color:#f2f7f9}
.comparison-table thead small{color:#cfdee4}
.comparison-table tbody th[scope=row]{background:#1c394e;color:#e2ecf2}
.comparison-table tbody td{background:#183448;color:#d4e2e8}
.comparison-table .recommended-column{background:#345e55}
.comparison-table tbody .recommended-column{background:#22473f}
.comparison-table .comparison-group th{background:#284959;color:#c9e2d1}
.feature-yes{color:#c1e2bd}.feature-no{color:#b5c7d1}
.plans-grid{scrollbar-color:#a1bda9 #244252}
.steps li{background:#1e3c50;border-color:#496777}
.steps .step-number{color:#c0d8c7}
.faq-list details,.faq-list details:first-child{border-color:#466476}
.faq-list summary:hover{color:#c5e2c8}
.faq-plus::before,.faq-plus::after{background:#cee3d4}
.footer-main>p,.footer-bottom{color:#bfd1da}
.footer nav{color:#e2edf1}
.motion-preference button{background:#234558;color:#e2edf1;border-color:#6c8b9c}
.image-dialog{background:#17374b;color:#eef6f8;border-color:#7995a3}
.image-dialog p{color:#c4d7df}.close-dialog{background:#274b61;color:#eef6f8;border-color:#78909f}
.close-dialog:hover{background:#345e76}

/* El texto recorre los cuatro pasos; los controles son atajos opcionales. */
.story-chapter{border-left:1px solid #83a99a44;padding-left:28px;transition:border-color .45s}
.story-chapter.is-current{border-left-color:#d0e4c8}
.story-auto .story-screen{z-index:2}
@media(max-width:900px){
  .story-layout{display:block;margin-top:38px}
  .story-auto .story-screen{position:sticky;top:12px;background:#17372ff5;border:1px solid #688d8073;border-radius:18px;padding:14px;box-shadow:0 15px 30px #09272066;margin-bottom:22px}
  .story-screen .story-scene{height:205px;overflow:hidden}
  .story-screen .story-orbit{display:none}
  .story-screen .story-record{inset:12px auto auto 0;width:100%;max-width:none;padding:18px;border-radius:12px;transform:none!important;opacity:0;z-index:1;pointer-events:none;transition:opacity .45s,background .45s}
  .story-screen .record-operation{padding:16px 18px}
  .story-screen .record-operation h3{font-size:22px;margin:10px 0}
  .story-screen .record-top{font-size:8px}
  .story-screen .record-icon{height:24px;width:24px;font-size:16px}
  .story-screen .record-field{padding:7px 0;font-size:11px}
  .story-screen .record-status{padding-top:9px;font-size:10px}
  .story-screen .record-livestock h3,.story-screen .record-finance h3{font-size:22px;margin:14px 0}
  .story-screen .record-livestock p,.story-screen .record-finance p{font-size:11px}
  .story-screen .record-line{margin-top:14px}
  .story-screen[data-stage="0"] .record-operation,.story-screen[data-stage="1"] .record-livestock,.story-screen[data-stage="2"] .record-finance{opacity:1;z-index:3}
  .story-screen[data-stage="3"] .record-livestock,.story-screen[data-stage="3"] .record-finance{opacity:1;width:calc(50% - 5px);padding:14px 11px;min-height:148px;top:10px}
  .story-screen[data-stage="3"] .record-finance{left:auto;right:0}
  .story-screen[data-stage="3"] .record-livestock h3,.story-screen[data-stage="3"] .record-finance h3{font-size:17px;line-height:1.3}
  .story-screen[data-stage="3"] .record-label{font-size:7px;letter-spacing:.04em}
  .story-screen[data-stage="3"] .story-record p{display:block;font-size:10px}
  .story-screen[data-stage="3"] .story-record p span{display:block;margin-top:7px}
  .story-screen .story-connector{display:none}
  .story-screen .story-united{top:181px;font-size:10px}
  .story-demo{font-size:9px;line-height:1.6;margin:3px 0 12px}
  .story-progress{margin-bottom:10px}
  .story-controls{gap:5px}
  .story-controls button{padding:8px 6px;min-height:54px;border-radius:8px}
  .story-controls button>span:first-child{font-size:11px;margin-bottom:4px}
  .story-controls button>span:last-child{font-size:8px}
  .story-chapters{padding-top:8px}
  .story-auto .story-chapter{min-height:85svh;padding:95px 0 95px 20px;scroll-margin-top:365px;justify-content:center}
  .story-chapter h3{font-size:30px}.story-chapter p{font-size:15px;line-height:1.8}
  .story-chapter small{font-size:12px}.story-chapter .chapter-index{margin-bottom:18px}
  .story-disclaimer{margin-top:20px}
  .reduced-motion .story-screen{position:relative;top:auto}
  .reduced-motion .story-chapter{min-height:0;padding:25px 0 25px 18px}
}
@media(max-width:900px) and (max-height:650px){
  .story-auto .story-screen{position:relative;top:auto}
  .story-auto .story-chapter{min-height:65svh;scroll-margin-top:24px;padding-block:45px}
}
@media(prefers-reduced-motion:reduce){
  .story-auto .story-screen{position:relative;top:auto}
  .story-auto .story-chapter{min-height:0;padding-block:25px}
}