:root{--bg-arcilla:#d4cec2;--bg-luz:#efefe5;--bg-agua:#a7c7e7;--bg-bruma:#c0c68a;--bg-brisa:#e8e5da;--bg-aire:#c0c68a;--bg-tierra:#82665a;--text-light:#fff;--text-dark:#333}body{background-color:var(--bg-luz);margin:0;padding:0;font-family:Arial,sans-serif}:root{--radius-lg:22px;--radius-md:14px;--shadow-soft:0 10px 28px #3333331f}#root{color:var(--text-dark)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-family:Segoe UI,Inter,Avenir Next,Arial,sans-serif}p{margin:0;line-height:1.6}section,footer{padding:5rem clamp(1.2rem,3vw,4.5rem)}footer{width:100%;padding:2rem 1rem;position:fixed;bottom:0;left:0;right:0}.navbar{z-index:30;background-color:var(--bg-luz);border-bottom:1px solid #82665a2e;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem clamp(1rem,2vw,2rem);display:flex;position:sticky;top:0}.navbar-brand{cursor:pointer;align-items:center;gap:.6rem;display:flex}.navbar-logo{background:linear-gradient(145deg, var(--bg-bruma), var(--bg-arcilla));border-radius:.6rem;place-items:center;width:2.3rem;height:2.3rem;padding:.28rem;display:grid}.navbar-logo-image{object-fit:contain;width:100%;height:100%}.navbar-title{color:var(--text-dark);font-size:1.05rem;font-weight:700}.navbar-items{align-items:center;gap:clamp(.8rem,1.7vw,2rem);margin:0;padding:0;display:flex}.navbar-items li{list-style:none}.navbar-item{color:var(--text-dark);font-weight:500;text-decoration:none;transition:opacity .25s}.navbar-item:hover{opacity:.68}.navbar-item.active{opacity:1;font-weight:700}.navbar-button{background-color:var(--bg-bruma);color:var(--text-light);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:999px;padding:.8rem 1.25rem;font-weight:600;transition:transform .25s,filter .25s}.navbar-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.hero{background-color:var(--bg-brisa);grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1rem,3vw,3rem);display:grid}.hero-content{border-radius:var(--radius-lg);max-width:650px;box-shadow:var(--shadow-soft);background-color:#ffffff8c;border:1px solid #82665a33;padding:clamp(1rem,2vw,2rem)}.hero h1{color:var(--text-dark);margin-bottom:1rem;font-size:clamp(2rem,4.4vw,3.5rem)}.hero p{color:var(--text-dark);margin-bottom:1.5rem;font-size:clamp(1rem,1.35vw,1.25rem)}.hero-button{background-color:var(--bg-bruma);color:var(--text-light);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:999px;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .25s,filter .25s}.hero-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.hero-media{justify-content:center;align-items:center;display:flex}.hero-image{object-fit:contain;border-radius:var(--radius-lg);width:min(100%,650px);height:auto}.subhero{background-color:var(--bg-arcilla);text-align:center}.subhero h2{margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.7rem)}.subhero p{max-width:760px;margin:0 auto}.home-highlight-strip{background-color:var(--bg-luz);grid-template-columns:repeat(3,minmax(200px,1fr));gap:1rem;display:grid}.home-highlight-card{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background-color:#fff;border:1px solid #82665a2e;overflow:hidden}.home-highlight-image{object-fit:cover;width:100%;height:180px}.home-highlight-card h3,.home-highlight-card p{padding-left:1rem;padding-right:1rem}.home-highlight-card h3{margin-top:.9rem;margin-bottom:.4rem}.home-highlight-card p{margin-bottom:1rem}.filosofia-materials{background-color:var(--bg-brisa)}.filosofia-materials h2{text-align:center;margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.7rem)}.filosofia-description{text-align:center;max-width:780px;margin:0 auto 2rem}.cardsFilosofia{grid-template-columns:repeat(2,minmax(200px,1fr));gap:1.1rem;max-width:1000px;margin:0 auto;display:grid}.cardFilosofia{background:var(--bg-luz);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #82665a26;padding:1.4rem}.cardFilosofia h3{color:var(--text-dark);margin-bottom:.7rem}.section-logistica,.section-etiquetado{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1rem,2.4vw,2.8rem);display:grid}.section-logistica{background-color:var(--bg-arcilla)}.section-etiquetado{background-color:var(--bg-brisa)}.section-block-content h2{margin-bottom:.8rem;font-size:clamp(1.7rem,2.9vw,2.6rem)}.section-block-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background-color:#ffffff8c;border:1px solid #82665a33;padding:clamp(1rem,2vw,1.8rem)}.section-block-image{border-radius:var(--radius-lg);width:min(100%,620px);box-shadow:var(--shadow-soft);justify-self:center}.section-cta-final{text-align:center;background-color:var(--bg-tierra);color:var(--text-light);padding-bottom:10rem}.section-cta-final h2{margin-bottom:1rem;font-size:clamp(1.9rem,3.2vw,2.9rem)}.section-cta-final p{max-width:900px;margin:0 auto 1.8rem}.section-cta-final button{background:var(--bg-bruma);color:var(--text-light);cursor:pointer;border:none;border-radius:999px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .25s,filter .25s}.section-cta-final button:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.01)}.contact-form{background-color:var(--bg-brisa)}.contact-form h2{text-align:center;margin-bottom:1.2rem}.contact-form form{gap:.9rem;max-width:760px;margin:0 auto;display:grid}.contact-form input,.contact-form textarea{width:100%;font:inherit;background-color:#fff;border:1px solid #82665a42;border-radius:10px;padding:.9rem}.contact-form textarea{resize:vertical;min-height:140px}.contact-form button{background-color:var(--bg-bruma);color:var(--text-light);cursor:pointer;border:none;border-radius:999px;justify-self:start;padding:.75rem 1.4rem}.footer{color:var(--text-light);text-align:center;background-color:#5b463d;padding:1.5rem 1rem}.copyright{margin:0}.copyright a{color:var(--text-light);-webkit-text-decoration:none;text-decoration:none}.page-shell{min-height:60vh}.page-content-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#ffffff9e;border:1px solid #82665a40;flex-direction:column;gap:2rem;padding:clamp(1rem,2vw,2rem);display:flex}.page-shell h1{margin-bottom:.9rem;font-size:clamp(1.9rem,3.4vw,3rem)}.page-shell>p{text-align:center;max-width:820px;margin-bottom:1.5rem}.page-shell-img{align-items:center;width:min(100%,480px);margin:5rem auto 0;display:flex}.page-shell-img img{max-width:100%;height:auto}.page-brisa{background-color:var(--bg-brisa)}.page-arcilla{background-color:var(--bg-arcilla)}.page-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:1rem;display:grid}.page-card{background-color:var(--bg-luz);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid #82665a2e;grid-template-rows:auto auto 1fr;align-items:start;gap:1.5rem;padding:1.1rem;display:grid}.page-card img{object-fit:cover;border-radius:var(--radius-md);align-self:center;width:100%}.page-card h3{margin-bottom:.6rem}.page-media{grid-template-columns:1.1fr 1fr;align-items:center;gap:1.2rem;display:grid}.page-contacto{background-color:var(--bg-brisa)}.contacto-card{border-radius:var(--radius-lg);max-width:980px;box-shadow:var(--shadow-soft);background:#ffffff9e;border:1px solid #82665a40;margin:0 auto;overflow:hidden}.contacto-card .contact-form{background:0 0}.page-sobre-nosotros p{text-align:justify}.page-sobre-nosotros{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;display:flex}.page-about-head{margin-bottom:1.2rem}.page-about-kicker{color:var(--text-dark);background-color:#c0c68a42;border-radius:999px;margin-top:.55rem;padding:.4rem .8rem;font-size:.88rem;font-weight:600;display:inline-block}.page-about-body{grid-template-columns:1.4fr .8fr;align-items:center;gap:1.4rem;display:grid}.page-about-body p{line-height:1.75}.page-shell-img{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #82665a33;align-self:center;place-items:center;gap:.6rem;margin:0 auto;padding:1rem;display:grid}.about-logo-image{object-fit:contain;width:min(100%,280px);height:auto}.page-shell-img small{color:#333c}.not-found-page{background-color:var(--bg-brisa);text-align:center;place-items:center;gap:.7rem;min-height:62vh;display:grid}.not-found-code{color:var(--bg-tierra);font-size:clamp(4rem,11vw,7rem);font-weight:800;line-height:1}.not-found-button{background-color:var(--bg-bruma);color:var(--text-light);border-radius:999px;margin-top:.4rem;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .25s,filter .25s}.not-found-button:hover{filter:brightness(1.07);transform:translateY(-2px)}@media (width<=980px){.navbar{flex-wrap:wrap;justify-content:center}.hero,.section-logistica,.section-etiquetado,.cardsFilosofia,.page-grid,.home-highlight-strip,.page-media,.page-about-body{grid-template-columns:1fr}.hero-media,.section-block-image{margin-top:.8rem}}