/*
Theme Name: PRODNAT Natural Foods
Theme URI: https://prodnat.com/
Author: PRODNAT
Description: Tema moderno y responsive para PRODNAT, empresa de alimentos naturales.
Version: 1.0
*/
:root{--green:#0b5d3b;--green2:#15804f;--light:#eef7ef;--cream:#f8f5ec;--dark:#123329;--text:#29413a;--white:#fff;--line:#dce8df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--dark)}.brand span{color:var(--green2)}.tag{display:block;font-size:8px;letter-spacing:1px;color:#638070;margin-top:-5px}.menu{display:flex;gap:26px;align-items:center;font-weight:600;font-size:14px}.menu a:hover{color:var(--green2)}.btn{display:inline-block;padding:13px 22px;border-radius:999px;background:var(--green);color:#fff;font-weight:700;border:2px solid var(--green);transition:.2s}.btn:hover{transform:translateY(-1px);background:#084b30}.btn.alt{background:#fff;color:var(--green)}.hero{background:linear-gradient(100deg,#f5f7ee 0%,#f5f7ee 48%,#dfeedd 100%);padding:86px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.eyebrow{color:var(--green2);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-family:Georgia,serif;color:var(--dark);font-size:clamp(42px,5vw,70px);line-height:1.02;margin:15px 0 22px;letter-spacing:-2px}.hero h1 span{color:var(--green2)}.hero p{font-size:19px;max-width:590px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:430px;border-radius:30px;background:linear-gradient(135deg,#b8d59d,#f4df9d);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(20,70,45,.15)}.hero-card:after{content:'PASTAS';position:absolute;top:28px;right:30px;font-weight:900;font-size:48px;color:rgba(255,255,255,.55)}.pasta-art{font-size:120px;line-height:1;filter:drop-shadow(0 18px 18px rgba(50,40,20,.18));padding-bottom:55px}.badges{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;font-size:13px;font-weight:700}.badge{display:flex;align-items:center;gap:8px}.dot{width:28px;height:28px;border-radius:50%;background:#d9ead5;display:grid;place-items:center;color:var(--green)}section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head h2{font-family:Georgia,serif;color:var(--dark);font-size:42px;line-height:1.1;margin:8px 0}.section-head p{max-width:600px;margin:0}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.07)}.product-img{height:190px;background:linear-gradient(135deg,#e9e5c8,#b9d8a7);display:grid;place-items:center;font-size:65px}.product-body{padding:20px}.product h3{margin:0 0 5px;color:var(--dark);font-size:21px}.product p{margin:0 0 14px;font-size:14px}.link{color:var(--green);font-weight:800;font-size:14px}.about{background:var(--light)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-photo{height:430px;border-radius:30px;background:linear-gradient(135deg,#88b06e,#e7c77f);display:grid;place-items:center;font-size:100px}.about h2,.process h2,.contact h2{font-family:Georgia,serif;color:var(--dark);font-size:42px;line-height:1.1}.checks{display:grid;gap:13px;margin-top:24px}.check{font-weight:700}.check:before{content:'✓';display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d7ebd8;color:var(--green);margin-right:10px}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px 20px;text-align:center;border:1px solid var(--line);border-radius:20px}.step-icon{font-size:30px;color:var(--green2)}.step h3{color:var(--dark);margin:12px 0 4px}.highlight{background:var(--dark);color:#fff;border-radius:30px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.highlight h2{font-family:Georgia,serif;font-size:42px;line-height:1.1;margin:8px 0 14px}.highlight .btn{background:#b8db85;border-color:#b8db85;color:#153629}.highlight-art{font-size:130px;text-align:center}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{background:#fff;padding:30px;border-radius:24px;border:1px solid var(--line)}.contact-box input,.contact-box textarea{width:100%;padding:14px;margin:7px 0;border:1px solid #cddbd1;border-radius:10px;font:inherit}.contact-box textarea{min-height:130px}.site-footer{background:#073a29;color:#dfeee7;padding:45px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-links{display:flex;gap:20px;font-size:14px}.copyright{font-size:13px;color:#a9c3b6;margin-top:25px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}@media(max-width:900px){.menu{display:none}.hero-grid,.about-grid,.contact-grid,.highlight{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:55px}.hero-card{min-height:330px}}@media(max-width:560px){.product-grid,.process-grid{grid-template-columns:1fr}.section-head{display:block}.section-head h2,.about h2,.process h2,.contact h2,.highlight h2{font-size:34px}.nav{height:68px}.brand{font-size:25px}.hero h1{font-size:44px}.hero-card{min-height:260px}.pasta-art{font-size:80px}.highlight{padding:32px 24px}.footer-grid{display:block}.footer-links{flex-wrap:wrap;margin-top:20px}}