:root{--ink:#3c422e;--cream:#fff4ec;--peach:#f6e6d9;--green:#9eef80;--yellow:#fbd535;--cta:#d1e030;--body:'Lora',Georgia,serif;--display:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 var(--body)}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:100;background:var(--cream);padding:10px}.loose-container{width:min(1370px,calc(100% - 60px));margin:auto}.site-header{height:92px;background:var(--cream);border-bottom:1px solid var(--ink);position:relative;z-index:10}.nav-wrap{height:100%;width:min(1370px,calc(100% - 60px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:flex;flex-direction:column;font-family:var(--display);font-size:33px;font-weight:700;line-height:.62;letter-spacing:-.04em}.wordmark small{font:600 10px/1 var(--body);letter-spacing:.15em;text-transform:uppercase;margin:8px 0 0 2px}.site-header nav{display:flex;gap:27px;margin-left:auto;font-size:14px}.site-header nav a{border-bottom:1px solid transparent;padding:8px 0}.site-header nav a:hover,.site-header nav .active{border-color:var(--ink)}.contact-pill{border:1px solid var(--ink);border-radius:999px;padding:10px 17px;font-size:13px;font-weight:700;white-space:nowrap}.contact-pill:hover{background:var(--cta)}.mobile-menu{display:none;background:none;border:0;color:var(--ink);font:700 14px var(--body)}.hero{min-height:calc(100vh - 92px);min-height:720px;position:relative;overflow:hidden;color:var(--cream);background:var(--ink)}.hero>img{position:absolute;inset:0;height:100%;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,50,28,.77),rgba(42,50,28,.28) 60%,rgba(42,50,28,.12))}.hero-content{position:relative;z-index:1;width:min(1370px,calc(100% - 60px));margin:auto;padding:112px 0 60px}.kicker,.micro{font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.1}.hero h1{margin:24px 0 42px;font:600 clamp(72px,10vw,150px)/.75 var(--display);letter-spacing:-.065em}.hero h1 em,h2 em{font-weight:500}.hero-bottom{display:flex;align-items:end;gap:45px}.hero-bottom p{max-width:375px;margin:0;font-size:17px}.outline-button,.ink-button,.cream-button{display:inline-flex;align-items:center;gap:16px;border:1px solid currentColor;border-radius:10px;padding:17px 23px;font-size:14px;font-weight:700;transition:.2s}.outline-button:hover{background:var(--cream);color:var(--ink)}.hero-side{position:absolute;z-index:1;right:25px;bottom:67px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.08em}.intro-band{padding:126px 0 118px}.intro-grid{display:grid;grid-template-columns:.55fr 1.4fr .8fr;align-items:start;gap:45px}.intro-grid h2,.feature-copy h2,.story-split h2,.contact-layout h2{font:600 clamp(54px,6.7vw,101px)/.82 var(--display);letter-spacing:-.055em;margin:0}.intro-grid>div{padding-top:24px}.intro-grid>div p{font-size:17px}.text-link{display:inline-block;margin-top:13px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;padding-bottom:3px}.text-link:hover{color:#6d8238}.mustard-band{background:var(--yellow);padding:72px 0}.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.feature-copy{padding:25px 0 25px 5vw}.feature-copy h2{font-size:clamp(60px,7vw,107px);margin:18px 0 28px}.feature-copy>p:not(.micro){font-size:17px;max-width:430px}.ink-button{margin-top:10px}.ink-button:hover{background:var(--ink);color:var(--yellow)}.product-feature figure,.story-split figure{margin:0}.product-feature img{height:585px;border-radius:20px}.product-feature figcaption,.story-split figcaption{font-size:12px;margin-top:9px}.product-notes{padding:105px 0 123px}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:20px}.section-top p:last-child{max-width:390px;margin:0;font-size:14px}.product-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:30px;margin:37px 0}.product-row article:nth-child(2){padding-top:70px}.product-row article:nth-child(3){padding-top:25px}.product-row img{height:365px;border-radius:20px}.product-row h3{font:600 39px/.9 var(--display);letter-spacing:-.04em;margin:16px 0 6px}.product-row p{font-size:13px;margin:0}.green-band{overflow:hidden;background:var(--green);padding:85px 0 68px}.word-cluster{height:330px;position:relative;font-family:var(--display);font-size:clamp(54px,9vw,139px);line-height:.72;letter-spacing:-.065em}.word-cluster span{position:absolute}.word-cluster span:nth-child(1){top:15px;left:1%}.word-cluster span:nth-child(2){top:86px;left:33%;font-style:italic}.word-cluster span:nth-child(3){top:23px;right:0;font-size:.63em}.word-cluster span:nth-child(4){bottom:38px;left:10%;font-size:.7em}.word-cluster span:nth-child(5){bottom:5px;right:8%;font-size:.91em}.green-note{max-width:420px;margin-left:auto;font-size:15px}.story-section{padding:122px 0}.story-split{display:grid;grid-template-columns:1.08fr .92fr;gap:9vw;align-items:center}.story-split img{height:610px;border-radius:20px}.story-split h2{margin:18px 0 28px}.story-split p:not(.micro){font-size:17px;max-width:460px}.contact-band{background:var(--peach);padding:100px 0}.contact-layout{display:grid;grid-template-columns:.7fr 1.5fr .8fr;gap:35px;align-items:end}.contact-layout h2{font-size:clamp(62px,7vw,110px)}.contact-layout>div p{font-size:16px}.cream-button{margin-top:10px;background:var(--cream)}.cream-button:hover{background:var(--cta)}footer{background:var(--ink);color:var(--cream);padding:65px 0 24px}footer .wordmark{font-size:37px}footer .micro{color:var(--green)}.footer-grid{display:grid;grid-template-columns:1.6fr .65fr 1fr;gap:30px;padding-bottom:52px}.footer-grid p{font-size:13px}.footer-grid>div:nth-child(n+2){display:flex;flex-direction:column;gap:9px;font-size:14px}.footer-grid a:hover{color:var(--green)}.copyright{border-top:1px solid rgba(255,244,236,.4);padding-top:18px;font-size:11px}@media(max-width:760px){.loose-container,.nav-wrap,.hero-content{width:min(100% - 34px,1370px)}.site-header{height:77px}.site-header nav{display:none;position:absolute;left:0;right:0;top:77px;background:var(--cream);padding:24px 17px;border-bottom:1px solid var(--ink);flex-direction:column;gap:14px}.site-header nav.open{display:flex}.mobile-menu{display:block;margin-left:auto}.contact-pill{padding:9px 13px}.hero{min-height:650px}.hero-content{padding-top:82px}.hero h1{font-size:clamp(67px,20vw,105px);margin:21px 0 30px}.hero-bottom{display:block}.hero-bottom p{font-size:15px;margin-bottom:24px}.hero-side{display:none}.intro-band,.story-section{padding:76px 0}.intro-grid,.product-feature,.story-split,.contact-layout{grid-template-columns:1fr;gap:30px}.intro-grid h2,.feature-copy h2,.story-split h2,.contact-layout h2{font-size:clamp(58px,17vw,85px)}.feature-copy{padding:0}.mustard-band{padding:56px 0}.product-feature img{height:420px}.product-notes{padding:72px 0}.section-top{display:block}.section-top p:last-child{margin-top:13px}.product-row{grid-template-columns:1fr;gap:35px}.product-row article:nth-child(2),.product-row article:nth-child(3){padding-top:0}.product-row img{height:380px}.green-band{padding:62px 0}.word-cluster{height:260px;font-size:clamp(53px,17vw,85px)}.word-cluster span:nth-child(1){left:0}.word-cluster span:nth-child(2){left:23%;top:71px}.word-cluster span:nth-child(3){top:15px}.word-cluster span:nth-child(4){bottom:46px;left:0}.word-cluster span:nth-child(5){right:0}.story-split img{height:440px}.contact-band{padding:70px 0}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:nth-child(n+2){gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Inicio conserva su contenido; solo el marco superior adopta la estructura del diseño Figma. */
.figma-home-header{position:absolute;inset:0 0 auto;z-index:10;height:96px;background:transparent;border:0;color:rgba(255,255,255,.9)}
.figma-home-header .nav-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:26px}
.figma-home-header #main-nav{margin:0;justify-self:start;display:flex;gap:42px}
.figma-home-header #main-nav a{padding:8px 0;border:0;color:inherit}
.figma-home-header #main-nav a:hover,.figma-home-header #main-nav .active{color:#fff;border:0}
.figma-home-header .wordmark{justify-self:center;filter:brightness(0) invert(1)}
.header-tools{justify-self:end;display:flex;align-items:center;gap:10px}
.figma-home-header .contact-pill{display:inline-flex;align-items:center;gap:7px;border-color:rgba(255,255,255,.48);color:#fff;background:rgba(9,18,10,.14)}
.figma-home-header .contact-pill:hover{background:#d27412;border-color:#d27412}
.figma-home-header .mobile-menu{color:#fff;border:1px solid rgba(255,255,255,.48);border-radius:999px;padding:8px 10px;background:rgba(9,18,10,.14)}
.figma-home-hero{min-height:100svh}
.figma-home-hero .hero-content{padding-top:185px}
.figma-home-hero .hero-bottom{display:block;max-width:470px}
.figma-home-hero .hero-bottom p{margin-bottom:24px;line-height:1.65}
.figma-home-hero .outline-button{gap:9px;padding:12px 15px;border-radius:7px}

@media(max-width:760px){
  .figma-home-header{height:78px}
  .figma-home-header .nav-wrap{grid-template-columns:1fr auto;width:min(100% - 34px,1370px)}
  .figma-home-header .wordmark{justify-self:start;filter:brightness(0) invert(1)}
  .figma-home-header #main-nav{top:70px;left:auto;right:17px;width:160px;border:0;border-radius:13px;background:rgba(18,26,15,.95);box-shadow:0 10px 30px rgba(0,0,0,.22)}
  .figma-home-header #main-nav.open{display:flex}
  .figma-home-header #main-nav a{padding:10px}
  .figma-home-header .mobile-menu{display:inline-flex;align-items:center;gap:6px;font-size:12px}
  .figma-home-hero{min-height:660px}
  .figma-home-hero .hero-content{padding-top:130px}
  .header-tools .button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .figma-home-header .contact-pill,.figma-home-header .mobile-menu{min-width:38px;justify-content:center}
}

@media(max-width:760px){
  .figma-home-header #main-nav{display:none}
  .figma-home-header #main-nav.open{display:flex}
  .figma-home-hero{min-height:100svh;height:100svh}
}

.hero-reliability{position:absolute;z-index:2;left:4.2%;bottom:45px;display:flex;align-items:center;gap:11px;padding:12px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(17,28,14,.28);color:#fff;backdrop-filter:blur(10px);font-size:12px}
.reliability-score{font-weight:700}.reliability-stars{color:#efb334;letter-spacing:1px}.hero-reliability span:last-child{color:rgba(255,255,255,.82)}
@media(max-width:760px){.hero-reliability{left:17px;bottom:27px;gap:8px;padding:10px 13px;font-size:10px}.reliability-stars{font-size:11px}}

/* Portafolio centrado y formulario comercial dentro de Inicio. */
.product-row--centered{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:37px auto 0}
.product-row--centered article:nth-child(2),.product-row--centered article:nth-child(3){padding-top:0}
.product-row--centered .limon-photo{object-position:center}
.home-contact-form{grid-column:span 2;padding:32px;background:var(--cream);box-shadow:0 16px 36px rgba(60,66,46,.13)}
.home-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.home-contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}
.home-contact-form input,.home-contact-form select,.home-contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(60,66,46,.42);outline:0;background:transparent;padding:8px 0;color:var(--ink);font:14px var(--body)}
.home-contact-form textarea{resize:vertical}
.home-contact-form .cream-button{background:var(--ink);color:var(--cream);cursor:pointer}
.home-contact-form .cream-button:hover{background:var(--cta);color:var(--ink)}
.home-contact-form .form-note{margin:12px 0 0;font-size:11px}
@media(max-width:760px){.product-row--centered{grid-template-columns:1fr;margin-top:37px}.home-contact-form{grid-column:auto;padding:25px 20px}.home-form-grid{grid-template-columns:1fr;gap:16px}}
.future-product-image{position:relative;overflow:hidden;border-radius:20px}
.future-product-image img{margin:0}
.future-product-image::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(20,35,17,.08),rgba(20,35,17,.72))}
.future-product-image span{position:absolute;z-index:1;top:50%;left:50%;color:var(--cream);font-size:clamp(20px,2.1vw,30px);font-weight:600;letter-spacing:-.04em;text-shadow:0 2px 16px rgba(0,0,0,.45);transform:translate(-50%,-50%)}

/* Escala intermedia: portátiles compactos y pantallas de escritorio angostas. */
@media (min-width:761px) and (max-width:1200px){
  .loose-container,.nav-wrap,.hero-content{width:min(100% - 48px,1370px)}
  .figma-home-hero .hero-content{padding-top:clamp(120px,16vh,155px);padding-bottom:118px}
  .hero h1{font-size:clamp(64px,8vw,98px);line-height:.82;margin:18px 0 30px}
  .hero-bottom p{max-width:360px;font-size:15px}
  .hero-reliability{bottom:26px}
  .intro-band{padding:92px 0 84px}
  .intro-grid{grid-template-columns:.48fr 1.3fr .8fr;gap:28px}
  .intro-grid h2,.feature-copy h2,.story-split h2,.contact-layout h2{font-size:clamp(50px,6.3vw,76px);line-height:.88}
  .intro-grid>div p,.feature-copy>p:not(.micro),.story-split p:not(.micro){font-size:15px}
  .product-feature,.story-split{gap:5vw}
  .product-feature img{height:480px}
  .story-split img{height:500px}
  .contact-band{padding:82px 0}
  .footer-grid{gap:24px}
}
@media (min-width:761px) and (max-width:980px){
  .figma-home-header #main-nav{gap:25px}
  .intro-grid{grid-template-columns:.42fr 1fr}
  .intro-grid>div{grid-column:2;padding-top:0}
  .product-feature,.story-split{gap:32px}
  .feature-copy h2{font-size:clamp(48px,6.4vw,64px)}
  .product-feature img{height:425px}
  .story-split img{height:450px}
  .footer-grid{grid-template-columns:1.25fr .75fr 1fr}
  .product-row--centered{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}
}
@media (min-width:761px) and (max-height:820px){
  .figma-home-hero .hero-content{padding-top:112px;padding-bottom:105px}
  .hero h1{font-size:clamp(62px,7.5vw,88px);margin-bottom:24px}
  .hero-bottom p{margin-bottom:17px}
}

/* El contenido del pie nunca desborda en dispositivos estrechos. */
footer .footer-grid,footer .footer-grid>div{min-width:0}
footer .footer-grid a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){
  footer{overflow:hidden;padding-top:48px}
  footer .wordmark{width:150px;height:58px;flex-basis:150px}
  .footer-grid{padding-bottom:34px}
  .copyright{overflow-wrap:anywhere}
}