/* Habitera — página Jardinería (prefijo jar-) */
.jar{--grad:linear-gradient(125deg,#003AC2,#4F2894 52%,#9F1567);--line:#E6E9F2;--tintbg:#F6F7FC;--mut:#5a6080;color:#14183A}
.jar h1,.jar h2,.jar h3{font-family:Comfortaa,sans-serif;margin:0}.jar img{max-width:100%;display:block}
.jar-sec{padding:84px 0}.jar-tint{background:var(--tintbg)}.jar-pt0{padding-top:0}
.jar-center{text-align:center}.jar-center .jar-lead{margin-left:auto;margin-right:auto}
.jar-k{color:#9F1567;font-weight:800;letter-spacing:.12em;font-size:13px;margin:0 0 10px;text-transform:uppercase}
.jar-h2{font-size:38px;line-height:1.15;margin-bottom:12px}
.jar-lead{color:#4a5070;font-size:17px;line-height:1.6;margin:0 0 30px;max-width:680px}
.jar-sw{transition:opacity .25s}.jar.swapping .jar-sw{opacity:0}
.jar-ico{width:48px;height:48px;border-radius:14px;background:#FFE0E7;color:#EE0339;display:grid;place-items:center;flex:none;transition:background .25s,color .25s,transform .25s}
.jar-ico-lg{width:58px;height:58px;border-radius:16px}
.jar-btns{display:flex;gap:12px;flex-wrap:wrap}.jar-btns-c{justify-content:center}
.jar-bw,.jar-bo,.jar-blue{display:inline-block;border-radius:40px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}
.jar-bw{background:#fff;color:#003AC2;padding:14px 24px}.jar-bo{border:2px solid rgba(255,255,255,.85);color:#fff;padding:12px 22px}
.jar-blue{background:#003AC2;color:#fff;padding:13px 22px}
.jar-bw:hover,.jar-blue:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,24,58,.18)}.jar-bo:hover{background:rgba(255,255,255,.12)}
/* portada */
.jar-hero{background:var(--grad);color:#fff;padding:52px 0 86px;position:relative;overflow:hidden}
.jar-hero:before{content:"";position:absolute;right:-180px;top:-180px;width:540px;height:540px;border-radius:50%;border:80px solid rgba(255,255,255,.06)}
.jar-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative}.jar-hero-grid>*{min-width:0}
.jar-crumb{font-size:13px;opacity:.85;margin-bottom:18px}.jar-crumb a{color:#fff;text-decoration:none}.jar-crumb a:hover{text-decoration:underline}
.jar-hero h1{font-size:50px;line-height:1.07;margin-bottom:18px;color:#fff}.jar-hero h1 span{color:#FFB3C6}
.jar-hero-lead{font-size:18px;line-height:1.6;opacity:.94;margin:0 0 24px;max-width:560px;min-height:3.2em}
.jar-q{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin:0 0 8px}
.jar-switch{display:flex;flex-wrap:wrap;margin-bottom:22px;gap:8px}
.jar-switch button{border:0;background:transparent;color:#fff;font:800 14px 'Nunito Sans',sans-serif;padding:10px 14px;border-radius:40px;cursor:pointer;white-space:nowrap;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);transition:background .3s,color .3s}.jar-switch button:hover{background:rgba(255,255,255,.28)}
.jar-chips{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.jar-chips span{background:rgba(255,255,255,.15);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:700}
.jar-pc{background:#fff;border-radius:28px;padding:18px;box-shadow:0 30px 60px rgba(0,0,0,.3);position:relative;color:#14183A}
.jar-fl{position:absolute;left:-30px;top:30px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 16px 36px rgba(20,24,58,.25);display:flex;gap:10px;align-items:center;font-size:13px;animation:jarBob 5s ease-in-out infinite}
.jar-fl b{display:block;font-size:14px}.jar-fl small{color:var(--mut);display:block}
.jar-fi{width:36px;height:36px;border-radius:10px;background:#FFE0E7;color:#EE0339;display:grid;place-items:center;flex:none}
@keyframes jarBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* quien hace que */
.jar-who{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch}.jar-who>*{min-width:0}
.jar-wc{border-radius:24px;padding:30px;border:1px solid var(--line);background:#fff;box-shadow:0 14px 30px rgba(20,24,58,.05)}
.jar-wh2{border-top:6px solid #003AC2}.jar-wr{border-top:6px solid #EE0339}
.jar-wh{display:flex;gap:14px;align-items:center;margin-bottom:16px}.jar-wh h3{font-size:20px}.jar-wh small{color:var(--mut);font-weight:700}
.jar-lg{width:58px;height:58px;border-radius:16px;background:var(--grad);display:grid;place-items:center;color:#fff;font:700 26px Comfortaa,sans-serif;flex:none}
.jar-wc ul{list-style:none;padding:0;margin:0}.jar-wc li{display:flex;gap:10px;align-items:center;padding:9px 0;font-weight:700;border-bottom:1px dashed var(--line)}.jar-wc li:last-child{border-bottom:0}
.jar-wc li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}
.jar-wh2 li span{background:#E1E8FB;color:#003AC2}.jar-wr li span{background:#FFE0E7;color:#EE0339}
.jar-mid{display:grid;place-items:center}.jar-mid span{width:64px;height:64px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgba(79,40,148,.3)}
/* equipo */
/* semanal */
/* antes y despues */
/* temporadas */
.jar-seas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jar-se{border-radius:22px;padding:24px;color:#fff;min-height:230px;display:flex;flex-direction:column;transition:transform .25s}.jar-se:hover{transform:translateY(-4px)}
.jar-sic{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:12px}
.jar-se h3{font-size:19px;margin-bottom:4px}.jar-se small{opacity:.85;font-weight:800}.jar-se p{opacity:.95;line-height:1.55;font-size:14.5px;margin:10px 0 0}
.jar-s1{background:linear-gradient(140deg,#EE0339,#F2742D)}.jar-s2{background:linear-gradient(140deg,#4F2894,#003AC2)}.jar-s3{background:linear-gradient(140deg,#003AC2,#1E9BD7)}.jar-s4{background:linear-gradient(140deg,#9F1567,#4F2894)}
/* mexico */
/* faq y cierre */
.jar-faq{max-width:820px;margin:16px auto 0}.jar-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.jar-faq summary{font-weight:800;font-size:17px;cursor:pointer}.jar-faq p{color:var(--mut);margin:10px 0 0;line-height:1.6}
.jar-final{background:var(--grad);color:#fff;border-radius:30px;padding:54px;text-align:center}.jar-final h2{color:#fff;font-size:40px}
.jar-final p{opacity:.92;margin:10px auto 26px;font-size:17px;max-width:600px}
.jar-disc{max-width:860px;margin:26px auto 0;text-align:center;color:var(--mut);font-size:12.5px;line-height:1.6}
.jar-rv{transform:translateY(28px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.jar-rv.in{transform:none}
.jar-yard{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:5/4;background:#2f5d34}.jar-yard img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:55% 50%;opacity:0;transition:opacity .6s}.jar-hi-a{opacity:1!important}.m-b .jar-hi-a,.m-c .jar-hi-a{opacity:0!important}.m-b .jar-hi-b,.m-c .jar-hi-c{opacity:1}
.jar-lawn{transition:fill 1s}.m-b .jar-lawn{fill:#6f8f45}
.jar-stripes{transition:opacity 1s}.m-b .jar-stripes,.m-c .jar-stripes{opacity:0}
.jar-leaves{opacity:0;transition:opacity 1s}.m-b .jar-leaves{opacity:1}
.jar-proj{opacity:0;transition:opacity 1s}.m-c .jar-proj{opacity:1}.m-c .jar-walk{opacity:0}.jar-walk{transition:opacity 1s}
.jar-glow{animation:jarGlow 2.4s ease-in-out infinite}@keyframes jarGlow{50%{opacity:.55}}
.jar-svs{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.jar-sv{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:box-shadow .25s}
.jar-sv.open{box-shadow:0 16px 34px rgba(20,24,58,.08)}
.jar-svh{width:100%;display:flex;gap:16px;align-items:center;padding:18px 22px;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:#14183A}
.jar-svt{flex:1}.jar-svt b{display:block;font-family:Comfortaa,sans-serif;font-size:19px}.jar-svt small{color:var(--mut);font-weight:700}
.jar-pl{width:34px;height:34px;border-radius:50%;background:var(--tintbg);display:grid;place-items:center;transition:transform .3s,background .3s,color .3s}
.jar-sv.open .jar-pl{transform:rotate(45deg);background:#EE0339;color:#fff}.jar-sv.open .jar-ico{background:#EE0339;color:#fff}
.jar-svb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.jar-sv.open .jar-svb{grid-template-rows:1fr}.jar-svb>div{overflow:hidden}
.jar-svb>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px}.jar-sv.open .jar-svb>div{padding:0 22px 22px}
.jar-it{background:var(--tintbg);border-radius:14px;padding:14px 16px}.jar-it b{display:block;margin-bottom:4px}.jar-it p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.5}
.jar-ru-w{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.jar-ru-w>*{min-width:0}
.jar-ruler{background:linear-gradient(#CFE9F7,#eef7fc);border-radius:26px;padding:30px 26px 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;box-shadow:0 18px 40px rgba(20,24,58,.08)}
.jar-col{text-align:center}.jar-col b{display:block;margin-top:12px;font-size:14px}.jar-col small{font-weight:900;font-size:14px}
.jar-bad{color:#EE0339}.jar-good{color:#1a9d55}
.jar-blades{height:240px;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-bottom:14px solid #6b4a32;border-radius:0 0 6px 6px}
.jar-blades i{width:9px;background:linear-gradient(#7fc56d,#3e8a3a);border-radius:9px 9px 0 0;height:0;transition:height 1.2s cubic-bezier(.2,.7,.2,1)}
.jar-blades i:nth-child(odd){transform:rotate(-4deg)}.jar-blades i:nth-child(3n){transform:rotate(5deg)}
.jar-ruler.in .jar-short i{height:28%}.jar-ruler.in .jar-tall i{height:76%}
.jar-ruler.in .jar-short i:nth-child(2n){height:24%}.jar-ruler.in .jar-tall i:nth-child(2n){height:72%}
.jar-scale{height:240px;margin-bottom:14px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;font-weight:900;color:var(--mut);border-left:3px solid #9aa3b5;padding-left:6px}
.jar-s1{background:linear-gradient(140deg,#9F1567,#F2742D)}.jar-s2{background:linear-gradient(140deg,#003AC2,#1E9BD7)}.jar-s3{background:linear-gradient(140deg,#4F2894,#9F1567)}.jar-s4{background:linear-gradient(140deg,#EE0339,#F2742D)}
@media(max-width:960px){.jar-ru-w{grid-template-columns:1fr}}
@media(max-width:600px){.jar-svb>div{grid-template-columns:1fr}.jar-blades{height:180px}.jar-scale{height:180px}.jar-svh{padding:16px}}
@media(max-width:1060px){.jar-seas{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.jar-hero-grid,.jar-who{grid-template-columns:1fr}.jar-hero h1{font-size:38px}.jar-fl{left:10px}.jar-mid{transform:rotate(90deg)}.jar-pc{margin-top:12px}}
@media(max-width:600px){.jar-h2{font-size:30px}.jar-sec{padding:64px 0}.jar-switch button{padding:9px 12px;font-size:13px}.jar-seas{grid-template-columns:1fr}.jar-final{padding:38px 22px}.jar-final h2{font-size:30px}.jar-wc{padding:24px}}
@media(prefers-reduced-motion:reduce){.jar *{animation:none!important;transition:none!important}.jar-rv{transform:none}}
.jar-switch button.on{background:#fff;color:#003AC2;border-color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.2)}