/* Paleta de Instagram aplicada con tonos neutros y fotografía humana. */
:root{--ink:#34333b;--purple:#49305f;--purple-deep:#30243d;--violet:#71548d;--lavender:#e8e0ee;--ice:#edf4f4;--paper:#fcfaf7;--white:#fff;--line:#e5e1df;--body-font:'Segoe UI',Arial,Helvetica,sans-serif;--display-font:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body-font);line-height:1.7}img{max-width:100%;display:block}a{color:inherit}figure,p,h1,h2,h3{margin:0}a:focus-visible,summary:focus-visible{outline:3px solid #9573ac;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;padding:10px 16px;background:white}.skip-link:focus{top:12px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.site-header{position:relative;z-index:10;background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--purple);font-family:var(--display-font);font-size:1.7rem;line-height:1}.brand img{width:29px;height:34px}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav a{text-decoration:none;font-size:.92rem;font-weight:600}.desktop-nav a:last-child{border:1px solid #b9a8c6;padding:8px 20px;border-radius:4px}.desktop-nav a:hover{color:var(--violet)}.mobile-nav{display:none}
.hero{padding-block:64px 72px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:700;color:var(--violet);margin-bottom:22px}h1,h2{color:var(--purple-deep)}.hero h1{font-family:var(--display-font);font-weight:400;font-size:clamp(2.8rem,4.1vw,4.55rem);line-height:1.12;letter-spacing:-.04em;margin-bottom:27px}.hero h1 em{color:var(--violet);font-weight:400}.hero-lead{font-size:1.04rem;max-width:510px;margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:15px 23px;border-radius:4px;text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.4;transition:background-color .2s ease}.button-primary{background:var(--purple);color:white}.button-primary:hover{background:#604477}.hero-photo{align-self:stretch;position:relative;min-height:520px}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:48% center;border-radius:7px}.hero-photo figcaption{position:absolute;right:-15px;bottom:24px;max-width:calc(100% - 22px);background:#fff;padding:20px 27px;border-left:3px solid #9d83b5;color:var(--purple);font-size:.94rem;box-shadow:0 8px 25px #30243d0d}.hero-photo figcaption strong{font-weight:600}
.section{padding-block:92px;scroll-margin-top:24px}.proposal{background:white;border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;column-gap:90px;align-items:end;margin-bottom:46px}.section-intro .eyebrow{grid-column:1/-1}h2{font-family:var(--body-font);font-weight:500;font-size:clamp(2rem,2.9vw,3rem);line-height:1.2;letter-spacing:-.035em}h2 em{font-style:normal;color:var(--violet)}.section-intro>p:last-child{max-width:480px;font-size:1.02rem}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.benefit{border-top:1px solid #c8b8d2;padding:26px 10px 0 0}.benefit-number{color:var(--violet);font-size:.8rem;font-weight:700;letter-spacing:.1em}.benefit h3{font-size:1.25rem;font-weight:600;margin:13px 0 10px;color:var(--purple-deep)}.benefit p{font-size:.96rem}
.platforms{background:#f1edf5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-heading>p{max-width:350px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.platform-card{background:#fff;border:1px solid #e0d8e6;border-radius:6px}.platform-content{padding:37px 40px 40px}.status{display:inline-block;padding:4px 10px;border-radius:3px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.status-live{color:#3d5d54;background:#e7f0ec}.status-soon{color:#685771;background:#f0eaf3}.platform-content h3{font-weight:500;font-size:2rem;letter-spacing:-.035em;margin:18px 0 14px;color:var(--purple-deep)}.platform-content p{max-width:430px}.platform-detail{margin-top:17px;font-size:.89rem;color:#65536e}.text-link{display:inline-flex;gap:15px;align-items:center;margin-top:26px;color:var(--purple);text-underline-offset:5px;font-weight:600}.platform-note{margin-top:25px;font-size:.9rem;color:#76697e}
.about-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:85px}.about-photo{position:relative}.about-photo img{width:100%;height:460px;object-fit:cover;border-radius:5px}.about-photo figcaption{padding-top:13px;font-size:.82rem;color:#6d6572}.about-copy h2{margin-bottom:27px}.about-copy p:not(.eyebrow){font-size:1.04rem;margin-top:18px}.contact{background:var(--purple);color:#fff;padding-block:76px;scroll-margin-top:24px}.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.contact .eyebrow{color:#ded0ea}.contact h2{color:#fff;font-family:var(--display-font);font-weight:400;font-size:clamp(2.3rem,3.2vw,3.5rem);margin-bottom:20px}.contact p:last-child{color:#ece4f1;max-width:560px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.button-light{color:var(--purple);background:#fff}.button-light:hover{background:var(--ice)}.contact-social{color:#fff;text-underline-offset:5px}.site-footer{background:var(--purple-deep);color:#e9dff0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px;font-size:.83rem}.footer-brand{color:#fff;font-size:1.4rem}.footer-brand img{filter:brightness(0) invert(1);width:25px;height:29px}
@media(max-width:900px){.wrap{width:min(1200px,calc(100% - 40px))}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;font-weight:600;padding:10px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{margin-left:8px}.mobile-nav nav{position:absolute;right:0;top:48px;display:flex;flex-direction:column;min-width:225px;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 24px #30243d15;border-radius:5px}.mobile-nav nav a{text-decoration:none;padding:9px 12px}.hero-grid{gap:32px}.hero h1{font-size:3rem}.hero-photo{min-height:520px}.hero-photo figcaption{right:0;padding:15px;font-size:.85rem}.section-intro{column-gap:40px}.benefit-grid{gap:24px}.about-grid{gap:40px}.section-heading{gap:35px}.platform-content{padding:30px}.contact-grid{gap:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:74px}.hero{padding-block:45px 42px}.hero-grid,.section-intro,.benefit-grid,.platform-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.hero h1{font-size:clamp(2.6rem,10.2vw,3.65rem)}.hero-lead{font-size:1rem}.hero-photo{min-height:0}.hero-photo>img{height:340px;object-position:center}.hero-photo figcaption{position:relative;max-width:none;bottom:auto;right:auto;margin:-25px 12px 0;padding:17px 20px;font-size:.9rem}.section{padding-block:60px}.section-intro{gap:0;margin-bottom:30px}.section-intro>p:last-child{margin-top:22px}h2{font-size:2.2rem}.benefit-grid{gap:26px}.benefit{padding-top:22px}.section-heading{display:block}.section-heading>p{margin-top:22px}.platform-content{padding:29px}.about-grid{gap:30px}.about-photo img{height:350px}.contact{padding-block:60px}.contact-grid{gap:28px}.footer-inner{flex-wrap:wrap}.footer-inner>p{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Mantener ambas personas en cuadro al reducir el ancho. */
/* Identidad de Conta, limitada a su presentación institucional. */
.conta-feature{--conta-navy:#152d40;--conta-teal:#087e79;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;margin-top:40px;padding:48px;border:1px solid #d9e8e8;border-radius:28px;background:linear-gradient(125deg,#edf6f5,#f7f9fb);scroll-margin-top:24px}.conta-product,.conta-copy{min-width:0}.conta-product{padding:12px;background:#fff;border:1px solid #d4dfe5;border-top:7px solid var(--conta-navy);border-radius:14px;box-shadow:0 14px 32px #152d4010}.conta-image-placeholder{min-height:275px;padding:28px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;border:1px dashed #92b9bd;border-radius:6px;background:#f2f7f8;color:#526977}.conta-preview-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#36716f}.conta-preview-title{font-size:1.3rem;font-weight:600;color:var(--conta-navy)}.conta-image-placeholder>p:last-child{max-width:245px;font-size:.88rem}.conta-product figcaption{padding:13px 5px 3px;font-size:.77rem;color:#526977}.conta-status{background:#dcefed;color:#116763}.conta-copy h3{margin:18px 0;font-size:2rem;line-height:1.2;font-weight:600;letter-spacing:-.03em;color:var(--conta-navy)}.conta-headline{font-family:var(--display-font);font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.2;color:var(--conta-navy);margin-bottom:20px}.conta-copy>p:not(.conta-headline){color:#425869}.conta-benefits{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px}.conta-benefits li{position:relative;padding-left:22px;font-size:.93rem;color:#304d5d}.conta-benefits li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--conta-teal)}
@media(max-width:900px){.conta-feature{padding:34px 28px;gap:28px}.conta-image-placeholder{padding:22px 14px}.conta-headline{font-size:2rem}}
@media(max-width:700px){.conta-feature{grid-template-columns:1fr;padding:30px 22px;gap:28px;margin-top:28px;border-radius:24px}.conta-copy{grid-row:1}.conta-copy h3{font-size:1.8rem}.conta-image-placeholder{min-height:210px}.conta-product{padding:10px}}
.product-image-link{display:block;text-decoration:none;border-radius:9px;overflow:hidden;background:#f4f7f3}.product-screenshot{display:block;width:100%;height:auto}.product-enlarge{display:block;padding:10px 14px;text-align:right;font-size:.8rem;font-weight:600;color:#315c46;border-top:1px solid #e1e6dc}.product-image-link:hover .product-enlarge{text-decoration:underline}
/* Fondo rural provisional. Cuando exista la foto original autorizada, asignar
   --agro-photo: url('assets/campo-original.webp') únicamente en .agro-feature. */
.platforms{background:linear-gradient(var(--paper),#f5f4ee 55%,var(--paper))}
.agro-feature{--agro-photo:none;--agro-green:#315c46;--agro-cream:#faf4e2;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:58px 48px 64px;border:1px solid #dce3ce;border-radius:70px 110px 85px 42px / 45px 62px 54px 74px;background:linear-gradient(115deg,#f8f7ebeF,#f8f5e4de),var(--agro-photo) center/cover;overflow:hidden}
.agro-feature:before,.agro-feature:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;width:85%;height:210px;bottom:-160px;background:#d7dfc2;transform:rotate(-8deg);left:-7%}.agro-feature:after{left:35%;bottom:-164px;background:#e7d9aa;transform:rotate(8deg)}
.agro-copy,.agro-product{min-width:0}.agro-copy h3{font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--agro-green);margin:18px 0}.agro-headline{font-family:var(--display-font);font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.2;color:#304335;margin-bottom:20px}.agro-copy>p:not(.agro-headline){color:#465347;max-width:470px}.button-agro{background:var(--agro-green);color:white;margin-top:28px}.button-agro:hover{background:#244633}
.agro-product{background:#fffdf8;border:1px solid #dedbcf;border-radius:16px;padding:17px;box-shadow:0 16px 38px #3c513414}.product-placeholder{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:28px 20px;border:1px dashed #aab59b;border-radius:9px;background:#f3f5ed;color:#53604d}.preview-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#59674f}.product-placeholder .preview-title{font-size:1.2rem;line-height:1.4;font-weight:600;color:#354832}.product-placeholder>p:last-child{font-size:.85rem;max-width:250px}.agro-product figcaption{font-size:.82rem;color:#56614f;margin:20px 4px 10px}.agro-steps{display:flex;flex-wrap:wrap;gap:10px 16px;counter-reset:agro-step;list-style:none;padding:0;margin:0 4px 6px}.agro-steps li{display:flex;align-items:center;gap:7px;font-size:.79rem;color:#354832}.agro-steps li:before{counter-increment:agro-step;content:counter(agro-step);display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e7eddc;color:#385538;font-weight:700}
.conta-preview{display:grid;grid-template-columns:.7fr 1.4fr auto;align-items:center;gap:36px;padding:30px 10px 12px;margin-top:25px}.conta-preview .eyebrow{margin-bottom:7px;font-size:.65rem}.conta-preview h3{font-size:1.5rem;font-weight:500;color:var(--purple-deep)}.conta-preview>p{font-size:.95rem;max-width:530px}.conta-preview .status{justify-self:start}
@media(max-width:900px){.agro-feature{gap:28px;padding:42px 30px}.agro-headline{font-size:2rem}.product-placeholder{padding:22px 14px}.conta-preview{gap:20px}}
@media(max-width:700px){.agro-feature{grid-template-columns:1fr;gap:30px;padding:36px 22px 44px;border-radius:32px 48px 36px 24px}.agro-copy h3{font-size:1.8rem}.agro-headline{font-size:2rem}.button-agro{max-width:100%;padding-inline:18px}.agro-product{padding:13px}.product-placeholder{min-height:200px}.conta-preview{grid-template-columns:1fr;gap:15px;padding:26px 4px 0}.agro-steps{gap:12px}}
.section{padding-block:68px}.section-intro{margin-bottom:0}.section-intro h2{font-size:clamp(1.9rem,2.5vw,2.65rem)}.about-photo img{height:340px}.hero{padding-block:48px 56px}
@media(max-width:650px){.section{padding-block:46px}.hero{padding-block:36px 40px}.about-photo img{height:290px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-photo{min-height:0}.hero-photo>img{height:auto;aspect-ratio:3/2;object-fit:cover}.hero h1{font-size:clamp(2.6rem,6vw,4rem)}}
