:root{--home-navy:#303b4d;--home-navy-deep:#172235;--home-cream:#f4efe7;--home-warm:#ece3d6;--home-gold:#d9ad67;--home-white:#fff;--home-text:#334055;--home-muted:#6d7787;--home-line:rgba(48,59,77,.13);--home-shadow:0 26px 70px rgba(31,43,61,.14)}
.home-v2{overflow:hidden;background:#fff;color:var(--home-text)}
.home-v2 *{box-sizing:border-box}
.home-preview-notice{position:fixed;left:50%;bottom:20px;z-index:150;transform:translateX(-50%);background:#fff4d7;color:#5d461d;border:1px solid #e6c873;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:800;box-shadow:0 15px 40px rgba(23,34,53,.2);max-width:calc(100% - 30px);text-align:center}
.home-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);pointer-events:none}
.home-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#b98643;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.home-eyebrow:before{content:'';width:28px;height:2px;background:currentColor;border-radius:99px}
.home-heading{max-width:850px;margin:0 auto 58px;text-align:center}
.home-heading h2,.home-section-copy h2,.home-form-copy h2,.home-trust-heading h2{margin:0;color:var(--home-navy-deep);font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em}
.home-heading p{max-width:760px;margin:22px auto 0;font-size:17px;line-height:1.75;color:var(--home-muted)}
.home-section{position:relative;padding:112px 0}
.home-rich-copy,.home-section-copy>p,.home-form-copy>p{font-size:17px;line-height:1.75;color:var(--home-muted);margin:24px 0 0}
.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.home-actions-center{justify-content:center}
.home-button{min-height:50px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.home-button:hover{transform:translateY(-2px)}
.home-button-primary{background:var(--home-navy-deep);color:#fff;box-shadow:0 14px 35px rgba(23,34,53,.18)}
.home-button-outline{border:1px solid var(--home-line);background:#fff;color:var(--home-navy-deep)}
.home-button-ghost{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}
.home-button-light{background:#fff;color:var(--home-navy-deep)}
.home-button-dark-ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:transparent}
.home-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--home-navy-deep);font-size:13px;font-weight:800;padding:8px 0;border-bottom:1px solid currentColor}
.home-centered-action{text-align:center;margin-top:38px}
.home-microtext{margin-top:22px;font-size:12px;line-height:1.6;font-weight:700;color:rgba(255,255,255,.7)}
.home-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:82px}
.home-section-copy{max-width:610px}
.home-editorial-image{margin:0;position:relative;border-radius:34px;overflow:hidden;min-height:560px;background:var(--home-cream);box-shadow:var(--home-shadow)}
.home-editorial-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.home-highlight{margin:32px 0 0;padding:22px 0 22px 24px;border-left:3px solid var(--home-gold);font-size:19px;line-height:1.55;font-weight:700;color:var(--home-navy-deep)}

.home-hero-v2{position:relative;min-height:780px;padding:170px 0 100px;background:var(--home-navy-deep);color:#fff;isolation:isolate}
.home-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;pointer-events:none}
.home-orb-a{width:520px;height:520px;right:-160px;top:-180px;background:radial-gradient(circle,rgba(217,173,103,.5),transparent 68%)}
.home-orb-b{width:460px;height:460px;left:-220px;bottom:-250px;background:radial-gradient(circle,rgba(87,119,156,.55),transparent 70%)}
.home-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.93fr) minmax(500px,1.07fr);gap:64px;align-items:center}
.home-hero-copy{max-width:680px}
.home-hero-copy .home-eyebrow{color:#f0c37d}
.home-hero-copy h1{margin:0;color:#fff;font-size:clamp(52px,6vw,86px);line-height:.96;letter-spacing:-.065em}
.home-hero-copy>p{max-width:630px;margin:26px 0 0;color:rgba(255,255,255,.76);font-size:18px;line-height:1.7}
.home-hero-visual{height:590px;position:relative}
.home-hero-photo{position:absolute;inset:0 46px 0 70px;margin:0;border-radius:34px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.36);background:#d8d2c9}
.home-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,28,43,calc(var(--home-hero-overlay,.48)*.28)),rgba(18,28,43,var(--home-hero-overlay,.48)))}
.home-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--home-hero-focus,center center)}
.home-platform-card,.home-operation-card{position:absolute;margin:0;border-radius:20px;overflow:hidden;background:#fff;border:6px solid rgba(255,255,255,.95);box-shadow:0 24px 55px rgba(0,0,0,.3)}
.home-platform-card{width:56%;left:0;bottom:38px;transform:rotate(-3deg)}
.home-operation-card{width:40%;right:0;top:35px;transform:rotate(3deg)}
.home-platform-card img,.home-operation-card img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}
.home-visual-label{position:absolute;right:40px;bottom:8px;display:flex;align-items:center;gap:10px;background:var(--home-gold);color:var(--home-navy-deep);border-radius:999px;padding:12px 17px;font-size:11px;font-weight:900;box-shadow:0 16px 35px rgba(0,0,0,.24)}
.home-visual-label span{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.25)}

.home-trust{padding:70px 0 88px;background:#fff}
.home-trust-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:42px}
.home-trust-heading h2{font-size:clamp(32px,4vw,52px)}
.home-trust-heading p{margin:0;color:var(--home-muted);font-size:15px;line-height:1.75}
.home-logo-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.home-logo-card{height:92px;border:1px solid var(--home-line);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff}
.home-logo-card img{max-width:100%;max-height:48px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.2s ease}
.home-logo-card:hover img{filter:none;opacity:1}

.home-supply-section{background:var(--home-cream)}
.home-split-platform{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)}
.home-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.home-feature-grid article{padding:20px;border:1px solid rgba(48,59,77,.11);border-radius:20px;background:rgba(255,255,255,.58)}
.home-feature-grid h3{font-size:15px;margin:12px 0 6px;color:var(--home-navy-deep)}
.home-feature-grid p{font-size:13px;line-height:1.6;margin:0;color:var(--home-muted)}
.home-feature-icon{display:block;width:24px;height:24px;border:6px solid rgba(217,173,103,.35);background:var(--home-gold);border-radius:8px}
.home-platform-image{min-height:620px;background:#fff;padding:22px}
.home-platform-image:before{content:'SUKA SUPPLY';position:absolute;top:22px;left:28px;z-index:2;color:var(--home-navy-deep);font-size:11px;font-weight:900;letter-spacing:.16em}
.home-platform-image img{inset:64px 22px 22px;width:calc(100% - 44px);height:calc(100% - 86px);object-fit:contain;background:#f6f4f0;border-radius:18px}

.home-snacks-section{background:#fff}
.home-snacks-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}
.home-snacks-visual{position:relative;min-height:620px}
.home-snacks-main{position:absolute;inset:0 80px 0 0;margin:0;border-radius:34px;overflow:hidden;background:var(--home-cream);box-shadow:var(--home-shadow)}
.home-snacks-main img{width:100%;height:100%;object-fit:cover}
.home-snacks-products{position:absolute;width:48%;right:0;bottom:34px;margin:0;border:8px solid #fff;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 25px 55px rgba(31,43,61,.2)}
.home-snacks-products img{width:100%;aspect-ratio:1.05;object-fit:cover;display:block}
.home-check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.home-check-list span{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:15px;background:var(--home-cream);color:var(--home-navy-deep);font-size:13px;font-weight:750}
.home-check-list span:before{content:'✓';width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--home-gold);font-size:11px}

.home-solutions-section{background:#faf8f4}
.home-solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}
.home-solution-card{border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--home-line);transition:transform .25s ease,box-shadow .25s ease}
.home-solution-card:hover{transform:translateY(-7px);box-shadow:var(--home-shadow)}
.home-solution-card a{display:block;height:100%;color:inherit}
.home-solution-card figure{margin:0;height:220px;background:var(--home-cream);overflow:hidden}
.home-solution-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-solution-card:hover figure img{transform:scale(1.04)}
.home-solution-card> a > div{padding:24px}
.home-solution-card h3{margin:0 0 10px;color:var(--home-navy-deep);font-size:20px;line-height:1.2}
.home-solution-card p{margin:0 0 18px;color:var(--home-muted);font-size:13px;line-height:1.65}
.home-solution-card span{font-size:12px;font-weight:850;color:#a66f2d}
.home-empty-note{padding:24px;border:1px dashed var(--home-line);border-radius:20px;text-align:center;color:var(--home-muted)}

.home-operation-section{background:var(--home-navy-deep);color:#fff}
.home-heading-light h2{color:#fff}.home-heading-light .home-eyebrow{color:#f0c37d}
.home-operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.home-operation-grid:before{content:'';position:absolute;left:16%;right:16%;top:245px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,173,103,.75),transparent)}
.home-operation-step{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.055)}
.home-operation-step figure{height:260px;margin:0;overflow:hidden;background:#243248}
.home-operation-step figure img{width:100%;height:100%;object-fit:cover}
.home-operation-step>div{padding:28px}
.home-operation-step>div>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--home-gold);color:var(--home-navy-deep);font-size:11px;font-weight:900;margin-bottom:18px}
.home-operation-step h3{margin:0 0 9px;color:#fff;font-size:24px}
.home-operation-step p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.7}
.home-operation-closing{text-align:center;max-width:760px;margin:42px auto 0;color:rgba(255,255,255,.74);font-size:16px;line-height:1.7}

.home-clients-section{background:#fff}
.home-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.home-case-card{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;border:1px solid var(--home-line);border-radius:28px;padding:28px;background:#fff}
.home-case-logo{height:120px;border-radius:20px;background:var(--home-cream);display:flex;align-items:center;justify-content:center;padding:20px}
.home-case-logo img{max-width:100%;max-height:70px;object-fit:contain}
.home-case-card span{color:#a66f2d;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.home-case-card h3{margin:8px 0 10px;color:var(--home-navy-deep);font-size:20px;line-height:1.3}
.home-case-card p,.home-case-card blockquote{margin:0;color:var(--home-muted);font-size:13px;line-height:1.65}
.home-case-card blockquote{margin-top:14px;font-style:italic}

.home-story-section{background:var(--home-cream)}
.home-story-section .home-editorial-image:after{content:'2018 → SUKA SUPPLY';position:absolute;left:24px;bottom:24px;padding:12px 16px;border-radius:999px;background:rgba(23,34,53,.9);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.home-sustainability-section{background:#fff}
.home-sustainability-section .home-editorial-image{min-height:520px}

.home-form-section{background:linear-gradient(135deg,#eee5d8,#f8f5ef)}
.home-form-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.home-form-copy{position:sticky;top:120px}
.home-evaluation-form{background:#fff;border:1px solid rgba(48,59,77,.1);border-radius:30px;padding:34px;box-shadow:var(--home-shadow)}
.home-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-evaluation-form label{display:block;margin-bottom:16px}
.home-evaluation-form label>span{display:block;margin-bottom:8px;color:var(--home-navy-deep);font-size:12px;font-weight:800}
.home-evaluation-form input,.home-evaluation-form select,.home-evaluation-form textarea{width:100%;border:1px solid rgba(48,59,77,.16);border-radius:13px;background:#fbfaf8;padding:13px 14px;color:var(--home-text);font:inherit;font-size:14px;outline:none}
.home-evaluation-form input:focus,.home-evaluation-form select:focus,.home-evaluation-form textarea:focus{border-color:var(--home-gold);box-shadow:0 0 0 4px rgba(217,173,103,.14)}
.home-consent{display:flex!important;gap:10px;align-items:flex-start}
.home-consent input{width:18px!important;height:18px;margin-top:2px}.home-consent span{font-weight:600!important;color:var(--home-muted)!important;line-height:1.5}
.home-honeypot{position:absolute!important;left:-9999px!important}

@media(max-width:1120px){
 .home-hero-layout{grid-template-columns:1fr 1fr;gap:40px}.home-hero-visual{height:530px}.home-logo-grid{grid-template-columns:repeat(4,1fr)}.home-solution-grid{grid-template-columns:repeat(2,1fr)}.home-split,.home-snacks-layout{gap:50px}.home-form-layout{gap:50px}.home-case-card{grid-template-columns:120px 1fr}.home-case-logo{height:100px}
}
@media(max-width:900px){
 .home-section{padding:90px 0}.home-hero-v2{padding:145px 0 80px}.home-hero-layout,.home-split,.home-snacks-layout,.home-form-layout,.home-trust-heading{grid-template-columns:1fr}.home-hero-copy{text-align:center;margin:auto}.home-hero-copy .home-eyebrow{justify-content:center}.home-hero-copy h1{font-size:clamp(48px,10vw,72px)}.home-hero-copy>p{margin-left:auto;margin-right:auto}.home-hero-copy .home-actions{justify-content:center}.home-hero-visual{max-width:720px;width:100%;margin:15px auto 0;height:590px}.home-split-platform .home-section-copy{order:1}.home-split-platform .home-platform-image{order:2}.home-section-copy{max-width:none}.home-editorial-image{min-height:500px}.home-snacks-layout .home-section-copy{order:1}.home-snacks-visual{order:2;min-height:560px}.home-operation-grid{grid-template-columns:1fr}.home-operation-grid:before{display:none}.home-operation-step{display:grid;grid-template-columns:.8fr 1.2fr}.home-operation-step figure{height:100%;min-height:250px}.home-case-grid{grid-template-columns:1fr}.home-form-copy{position:static}.home-trust-heading{text-align:center}.home-trust-heading p{max-width:650px;margin:auto}.home-form-layout{gap:38px}
}
@media(max-width:650px){
 .home-hero-photo img{object-position:var(--home-hero-focus-mobile,center center)}
 .home-preview-notice{bottom:10px;border-radius:16px}.home-section{padding:76px 0}.home-heading{margin-bottom:38px}.home-heading h2,.home-section-copy h2,.home-form-copy h2,.home-trust-heading h2{font-size:38px}.home-hero-v2{padding-top:120px}.home-hero-copy h1{font-size:46px}.home-hero-copy>p{font-size:16px}.home-actions{display:grid}.home-button{width:100%}.home-hero-visual{height:480px}.home-hero-photo{inset:0 12px 0 12px;border-radius:26px}.home-platform-card{width:63%;left:0;bottom:30px}.home-operation-card{width:43%;right:0;top:30px}.home-visual-label{right:16px;bottom:2px;font-size:9px}.home-logo-grid{grid-template-columns:repeat(2,1fr)}.home-logo-card{height:82px}.home-feature-grid,.home-check-list,.home-solution-grid,.home-form-grid{grid-template-columns:1fr}.home-editorial-image{min-height:410px;border-radius:26px}.home-platform-image{min-height:480px}.home-snacks-visual{min-height:480px}.home-snacks-main{right:30px}.home-snacks-products{width:55%;bottom:20px;border-width:5px}.home-operation-step{grid-template-columns:1fr}.home-operation-step figure{height:210px;min-height:0}.home-case-card{grid-template-columns:1fr;padding:22px}.home-case-logo{height:90px}.home-evaluation-form{padding:22px;border-radius:24px}.home-form-copy{text-align:center}.home-form-copy .home-actions{justify-content:center}.home-rich-copy,.home-section-copy>p,.home-form-copy>p{font-size:15px}.home-microtext{text-align:center}.home-highlight{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.home-v2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Home v3: contenido estructurado y fallos de imagen seguros */
.home-split.no-image{grid-template-columns:1fr}
.home-split.no-image .home-section-copy{max-width:820px;margin-inline:auto}
.home-logo-card{height:auto;min-height:108px;flex-direction:column;gap:10px;text-align:center}
.home-logo-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;color:inherit;text-decoration:none}
.home-logo-card span{display:block;color:var(--home-navy-deep);font-size:11px;font-weight:800;line-height:1.25}
.home-feature-media{height:86px;margin:-6px -6px 14px;border-radius:14px;overflow:hidden;background:#eee8df}
.home-feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.home-feature-grid article:has(.home-feature-media){padding:14px}
.home-case-logo{flex-direction:column;gap:9px;text-align:center}
.home-case-logo strong{font-size:12px;line-height:1.25;color:var(--home-navy-deep)}
.home-solution-card figure[hidden],.home-operation-step figure[hidden],.home-feature-media[hidden]{display:none!important}
.home-solution-card figure[hidden]+div{padding-top:28px}
@media(max-width:650px){.home-logo-card{min-height:96px}.home-logo-card span{font-size:10px}}


/* Home v3.1: foco automático de logos de clientes */
.home-logo-grid{position:relative;isolation:isolate;padding:14px 8px 20px;margin:-14px -8px -20px}
.home-logo-card{position:relative;z-index:1;opacity:.76;transform:translateZ(0) scale(.97);transform-origin:center;will-change:transform,opacity;transition:transform .58s cubic-bezier(.2,.8,.2,1),opacity .42s ease,box-shadow .58s ease,border-color .42s ease,background-color .42s ease}
.home-logo-card:before{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(217,173,103,.2),rgba(255,255,255,0) 60%);opacity:0;transition:opacity .42s ease}
.home-logo-card img{transition:filter .5s ease,opacity .5s ease,transform .58s cubic-bezier(.2,.8,.2,1)}
.home-logo-card span{transition:color .42s ease,transform .58s cubic-bezier(.2,.8,.2,1)}
.home-logo-grid.has-logo-motion .home-logo-card:not(.is-active){opacity:.58}
.home-logo-card.is-active,.home-logo-card:hover,.home-logo-card:focus-within{z-index:12;opacity:1;transform:translateY(-10px) scale(1.12);border-color:rgba(217,173,103,.62);background:#fffdf9;box-shadow:0 22px 52px rgba(23,34,53,.18),0 0 0 5px rgba(217,173,103,.09)}
.home-logo-card.is-active:before,.home-logo-card:hover:before,.home-logo-card:focus-within:before{opacity:1}
.home-logo-card.is-active img,.home-logo-card:hover img,.home-logo-card:focus-within img{filter:none;opacity:1;transform:scale(1.04)}
.home-logo-card.is-active span,.home-logo-card:hover span,.home-logo-card:focus-within span{color:#9b672b;transform:translateY(1px)}
@media(max-width:650px){
 .home-logo-grid{padding:10px 5px 16px;margin:-10px -5px -16px;gap:10px}
 .home-logo-card.is-active,.home-logo-card:hover,.home-logo-card:focus-within{transform:translateY(-6px) scale(1.075);box-shadow:0 15px 34px rgba(23,34,53,.16),0 0 0 4px rgba(217,173,103,.08)}
}
@media(prefers-reduced-motion:reduce){
 .home-logo-grid.has-logo-motion .home-logo-card{opacity:1;transform:none}
 .home-logo-card.is-active,.home-logo-card:hover,.home-logo-card:focus-within{transform:none}
}

/* Home v3.3: la captura llena el marco vertical sin deformarse */
.home-platform-image{
  min-height:620px;
  padding:22px;
  align-self:stretch;
}
.home-platform-image img{
  position:absolute;
  inset:64px 22px 22px;
  display:block;
  width:calc(100% - 44px);
  height:calc(100% - 86px);
  max-height:none;
  object-fit:cover;
  object-position:center center;
  background:#f6f4f0;
  border-radius:18px;
}
@media(max-width:900px){
  .home-platform-image{
    min-height:620px;
    width:100%;
    max-width:none;
    margin-inline:0;
  }
}
@media(max-width:650px){
  .home-platform-image{
    min-height:480px;
    padding:14px;
    border-radius:24px;
  }
  .home-platform-image:before{
    top:20px;
    left:20px;
  }
  .home-platform-image img{
    inset:58px 14px 14px;
    width:calc(100% - 28px);
    height:calc(100% - 72px);
    border-radius:14px;
  }
}