
:root{--green:#14a36d;--green-2:#0e8a5b;--light:#f5fff8;--muted:#6b7a75}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:#122;background:#fff}
.container{width:min(1200px,92vw);margin:0 auto}
a{color:#0e8a5b;text-decoration:none}a:hover{text-decoration:underline}
header.site{position:sticky;top:0;z-index:999;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:36px;height:36px;border-radius:50%}
.brand span{font-weight:800;color:#0c5}
nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
nav li{position:relative}
nav>ul>li>a{display:inline-block;padding:10px 8px;border-radius:10px}
nav>ul>li:hover>a{background:#f3fbf6}
.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);min-width:240px;padding:8px}
nav li:hover .dropdown{display:block}
.dropdown a{display:block;padding:10px 12px;border-radius:10px}
.dropdown a:hover{background:#f5fff8}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--green-2);color:#fff;background:linear-gradient(90deg,var(--green),var(--green-2));box-shadow:0 6px 16px rgba(20,163,109,.25)}
.btn-outline{background:#fff;color:#0e8a5b}
.section{padding:52px 0}
.hero{position:relative}
.carousel{position:relative;height:70vh;min-height:460px;border-radius:20px;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}
.slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.25) 40%, rgba(0,0,0,.45))}
.hero-content{position:absolute;left:6%;bottom:8%;color:#fff;max-width:760px}
.kicker{font-weight:700;letter-spacing:.2em;opacity:.9}
.hero h1{font-size:clamp(28px,4vw,46px);margin:.3em 0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{perspective:1000px;height:280px}
.card-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.75,.25,1)}
.card:hover .card-inner{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;border-radius:18px;overflow:hidden;backface-visibility:hidden;box-shadow:0 10px 26px rgba(0,0,0,.08);border:1px solid #eef3ef}
.card-front{background:#fff}
.card-front img{width:100%;height:62%;object-fit:cover}
.card-front .meta{padding:12px 14px}
.card-back{background:linear-gradient(165deg,var(--green),var(--green-2));color:#fff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}
.grid-2 img{width:100%;border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.08)}
.form{display:grid;gap:12px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe9e3;background:#fbfffd}
footer.site{background:#06261e;color:#e7fff3;padding:30px 0;margin-top:30px}
footer a{color:#9fffd9}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px}
.copy{margin-top:16px;color:#a8c6bb;font-size:14px}
.fab{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:14px}
.fab a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 16px 30px rgba(0,0,0,.18);animation:bob 2.5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.fab .whatsapp{background:#25D366}.fab .call{background:#ff3b30}.fab svg{width:28px;height:28px;fill:#fff}
@media (max-width: 900px){.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media (max-width: 560px){nav>ul{display:none}}
.success{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);z-index:99999}
.success .box{background:#fff;border-radius:16px;padding:22px 24px;max-width:360px;text-align:center;box-shadow:0 16px 38px rgba(0,0,0,.22)}
