:root{--green:#4c7136;--green2:#3e672e;--text:#181818;--line:#d9ded6;}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;}
body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 24%,#fff 0%,#fafbfa 55%,#f3f5f2 100%);display:flex;flex-direction:column;}
.landing{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:34px 6vw 36px;display:flex;flex-direction:column;justify-content:center;}
.brand{text-align:center;display:flex;align-items:center;flex-direction:column;}
.logo{width:9vw;min-width:86px;max-width:118px;height:auto;display:block;margin:0 0 9px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.13));}
h1{margin:0;white-space:nowrap;font-size:clamp(30px,3vw,44px);line-height:1;font-weight:800;letter-spacing:-.7px;}
h1 span{color:var(--green)}
.brand p{margin:6px 0 0;font-size:clamp(13px,1.1vw,16px);}
.short-rule{width:54px;height:1px;background:#777;margin-top:16px;}
.features{position:relative;display:flex;justify-content:space-between;gap:3vw;margin-top:28px;}
.features:before{content:"";position:absolute;left:5.5%;right:5.5%;top:17px;height:1px;background:var(--line);}
.feature{position:relative;z-index:1;flex:1 1 0;text-align:center;min-width:0;}
.feature-icon{width:38px;height:38px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:#f8faf7;padding:4px;}
.feature-icon svg{width:34px;height:34px;fill:none;stroke:var(--green2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.feature h2{margin:0 0 6px;font-size:clamp(13px,1.08vw,16px);font-weight:700;line-height:1.15;}
.feature p{margin:0;font-size:clamp(11px,.94vw,14px);line-height:1.5;color:#252525;}
.contact-strip{min-height:108px;background:linear-gradient(90deg,#4a7034 0%,#436b31 54%,#3d672d 100%);display:flex;align-items:center;justify-content:center;padding:18px 4vw;}
.contact-row{width:min(1060px,90vw);display:flex;align-items:center;justify-content:center;gap:34px;}
.contact{display:flex;align-items:center;gap:14px;min-width:0;}
.contact svg{width:32px;height:32px;flex:0 0 auto;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.contact img{display:block;width:auto;object-fit:contain;}
.phone img{height:23px;}.address img{height:23px;max-width:520px;}
.vertical-rule{height:38px;width:1px;background:rgba(255,255,255,.40);flex:0 0 auto;}

@media(max-width:760px){
 .landing{padding:28px 20px 32px;justify-content:flex-start;}
 .logo{width:86px;}
 h1{font-size:28px;}
 .features{flex-wrap:wrap;gap:28px 18px;margin-top:34px;}
 .features:before{display:none;}
 .feature{flex:1 1 calc(50% - 18px);}
 .feature p br{display:none;}
 .contact-strip{padding:20px 16px;}
 .contact-row{width:100%;flex-direction:column;gap:13px;}
 .vertical-rule{width:min(420px,78%);height:1px;}
 .contact{width:100%;justify-content:center;}
 .phone img{height:22px;}.address img{height:19px;max-width:calc(100vw - 78px);}
}
@media(max-width:430px){.features{display:block}.feature{margin-bottom:26px}.feature:last-child{margin-bottom:0}h1{font-size:26px}.logo{width:82px}}

/* Captura fiel al mockup elegido: 768 x 330 */
@page{size:768px 330px;margin:0}
@media print{
 html,body{width:768px;height:330px;min-height:330px;overflow:hidden;}
 body{display:flex;flex-direction:column;background:radial-gradient(circle at 50% 22%,#fff 0,#fafbfa 55%,#f3f5f2 100%);}
 .landing{box-sizing:border-box;flex:none;width:768px;height:272px;padding:17px 36px 12px;display:block;}
 .logo{width:72px;min-width:0;max-width:none;margin:0 auto 7px;}
 h1{font-size:24px;letter-spacing:-.45px;}
 .brand p{font-size:10px;margin-top:4px;}
 .short-rule{width:54px;margin-top:15px;}
 .features{display:flex;margin-top:17px;gap:18px;}
 .features:before{left:7%;right:7%;top:14px;}
 .feature{flex:1 1 0;}
 .feature-icon{width:30px;height:30px;margin-bottom:6px;padding:3px;}
 .feature-icon svg{width:27px;height:27px;stroke-width:1.7;}
 .feature h2{font-size:10px;margin-bottom:5px;}
 .feature p{font-size:9px;line-height:1.55;}
 .contact-strip{box-sizing:border-box;flex:none;width:768px;height:58px;min-height:58px;padding:0;}
 .contact-row{width:570px;gap:25px;}
 .contact{gap:9px;}
 .contact svg{width:24px;height:24px;stroke-width:1.8;}
 .phone img{height:14px;}.address img{height:14px;max-width:330px;}
 .vertical-rule{height:25px;}
}