:root{
    --jl-navy:#0b2148;
    --jl-navy-2:#102d5c;
    --jl-orange:#ff8618;
    --jl-orange-2:#ff9a2e;
    --jl-white:#fff;
    --jl-bg:#f7f9fc;
    --jl-text:#12233f;
    --jl-muted:#6e7c91;
    --jl-border:#e4e9f0;
    --jl-green:#26a66a;
    --jl-blue:#3e8df5;
    --jl-radius:18px;
    --jl-shadow:0 14px 35px rgba(9,31,67,.09);
}
.jl-site{
    font-family:'Manrope',Arial,sans-serif;
    color:var(--jl-text);
    background:var(--jl-white);
    overflow:hidden;
}
.jl-site *{box-sizing:border-box}
.jl-header{
    height:82px;
    display:flex;
    align-items:center;
    gap:32px;
    padding:0 clamp(24px,6vw,88px);
    position:absolute;
    inset:0 0 auto;
    z-index:20;
    color:#fff;
}
.jl-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:260px}
.jl-brand-mark{font-size:40px;line-height:1;font-weight:800;color:var(--jl-orange)}
.jl-brand strong{display:block;font-size:25px;font-weight:500;letter-spacing:-1px}
.jl-brand small{display:block;font-size:8px;letter-spacing:1.4px;opacity:.78;margin-top:2px}
.jl-nav{display:flex;align-items:center;justify-content:center;gap:38px;flex:1}
.jl-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;opacity:.92}
.jl-nav a:hover{color:var(--jl-orange)}
.jl-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:12px;
    min-height:46px;padding:0 23px;border-radius:9px;text-decoration:none;
    font-weight:800;font-size:14px;transition:.2s ease;
}
.jl-btn-orange{background:var(--jl-orange);color:#111;box-shadow:0 8px 18px rgba(255,134,24,.22)}
.jl-btn-orange:hover{transform:translateY(-2px);background:var(--jl-orange-2)}
.jl-btn-outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.03)}
.jl-btn-outline:hover{background:#fff;color:var(--jl-navy)}
.jl-hero{
    min-height:650px;
    position:relative;
    background:linear-gradient(112deg,#091d40 0%,#0c2854 54%,#071a38 100%);
    color:#fff;
    display:grid;
    grid-template-columns:minmax(480px,1fr) minmax(420px,1fr);
    isolation:isolate;
}
.jl-hero-copy{padding:150px 5vw 55px max(5vw,70px);position:relative;z-index:5;max-width:780px}
.jl-eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:800;color:var(--jl-orange);display:inline-block}
.jl-hero h1{font-size:clamp(50px,5.1vw,78px);line-height:.97;letter-spacing:-3.5px;margin:18px 0 24px;font-weight:800}
.jl-hero h1 span{color:var(--jl-orange)}
.jl-hero h2{font-size:28px;line-height:1.05;margin:0 0 16px;color:#fff;letter-spacing:-1px}
.jl-hero-copy>p{max-width:580px;font-size:16px;line-height:1.65;color:#dce5f2;margin:0 0 28px}
.jl-actions{display:flex;gap:13px;flex-wrap:wrap}
.jl-benefits-mini{display:flex;gap:28px;margin-top:40px}
.jl-benefits-mini div{display:grid;grid-template-columns:30px auto;column-gap:8px;min-width:145px}
.jl-benefits-mini b{grid-row:1/3;color:var(--jl-orange);font-size:25px}
.jl-benefits-mini strong{font-size:12px}
.jl-benefits-mini small{font-size:10px;color:#aebdd2}
.jl-hero-visual{position:relative;min-height:650px;overflow:hidden}
.jl-visual-photo{
    position:absolute;inset:0;
    background:
        linear-gradient(90deg,rgba(7,25,54,.48),rgba(7,25,54,.12)),
        linear-gradient(135deg,#294667 0%,#5b7182 40%,#172b45 100%);
}
.jl-photo-grid{
    position:absolute;inset:0;opacity:.45;
    background:
        linear-gradient(90deg,transparent 48%,rgba(255,255,255,.15) 49%,transparent 50%),
        linear-gradient(0deg,transparent 72%,rgba(255,255,255,.12) 73%,transparent 74%);
    background-size:180px 150px;
    transform:skewY(-4deg) scale(1.15);
}
.jl-photo-card{
    position:absolute;right:8%;bottom:75px;width:260px;padding:24px 28px;
    background:rgba(8,28,58,.78);backdrop-filter:blur(8px);
    border-left:3px solid var(--jl-orange);
}
.jl-photo-card-title{display:block;font-size:25px;font-weight:500}
.jl-photo-card small{display:block;margin-top:8px;line-height:1.5;font-size:11px;color:#d8e3f2}
.jl-photo-card i{display:block;width:48px;height:4px;background:var(--jl-orange);margin-top:15px}
.jl-handwritten{position:absolute;right:9%;top:170px;font-family:cursive;font-size:24px;line-height:1.05;color:#fff;transform:rotate(-5deg);text-align:center}
.jl-handwritten em{display:block;width:90px;height:5px;background:var(--jl-orange);border-radius:100%;transform:rotate(-4deg);margin:10px auto}
.jl-shape-orange{position:absolute;z-index:4;left:-90px;top:-10px;width:300px;height:105px;background:var(--jl-orange);transform:rotate(-32deg);clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}
.jl-shape-white{position:absolute;z-index:6;right:-180px;bottom:-100px;width:390px;height:310px;background:#fff;transform:rotate(-36deg);clip-path:polygon(0 20%,30% 20%,100% 0,70% 45%,100% 90%,70% 90%,30% 65%,0 65%);opacity:.95}
.jl-solutions{padding:70px max(5vw,60px) 55px;background:#fff}
.jl-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.jl-section-head h2{font-size:35px;line-height:1.1;margin:8px 0 0;letter-spacing:-1.4px}
.jl-section-head>a{color:#1766d2;font-size:13px;font-weight:800;text-decoration:none;padding-bottom:4px}
.jl-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.jl-product-card{border:1px solid var(--jl-border);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(14,35,65,.035);transition:.2s}
.jl-product-card:hover{transform:translateY(-5px);box-shadow:var(--jl-shadow)}
.jl-product-media{height:150px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:48px}
.jl-media-vet{background:linear-gradient(135deg,#75a1bd,#d6e2e9)}
.jl-media-gym{background:linear-gradient(135deg,#2c425b,#91a5b8)}
.jl-media-attendance{background:linear-gradient(135deg,#344e67,#93a9ba)}
.jl-media-store{background:linear-gradient(135deg,#d4b999,#f0d9bf)}
.jl-media-food{background:linear-gradient(135deg,#675044,#c7a57f)}
.jl-media-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(255,255,255,.3) 56%,transparent 70%);transform:scale(1.5)}
.jl-product-body{padding:17px 16px 20px}
.jl-status{display:inline-flex;padding:5px 10px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.5px}
.jl-status-beta{background:#e9f1ff;color:#3d79df}
.jl-status-disponible{background:#e8f8ef;color:#23985e}
.jl-status-proximamente{background:#fff0df;color:#ec821c}
.jl-product-body h3{font-size:18px;margin:13px 0 6px}
.jl-product-body p{min-height:44px;color:var(--jl-muted);font-size:12px;line-height:1.45;margin:0 0 12px}
.jl-price{display:block;font-size:12px;margin-bottom:11px}
.jl-product-body>a{font-size:11px;font-weight:800;color:#1464cf;text-decoration:none}
.jl-benefit-band{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;min-height:185px;padding:30px max(5vw,60px);background:var(--jl-navy);color:#fff;overflow:hidden}
.jl-band-decoration{position:absolute;left:-70px;top:-80px;width:240px;height:270px;background:var(--jl-orange);transform:rotate(-32deg);clip-path:polygon(0 0,100% 0,72% 100%,0 100%);opacity:.95}
.jl-stat{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:0 25px;border-right:1px solid rgba(255,255,255,.15)}
.jl-stat b{font-size:30px;color:var(--jl-orange)}
.jl-stat span{font-size:13px;line-height:1.45;color:#d9e4f3}
.jl-band-message{background:#fff;color:var(--jl-navy);height:185px;margin:-30px -6vw -30px 20px;padding:42px 55px;display:flex;flex-direction:column;justify-content:center}
.jl-band-message strong{font-size:22px;line-height:1.12}
.jl-band-message i{display:block;width:52px;height:4px;background:var(--jl-orange);margin-top:17px}
.jl-contact{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:70px max(5vw,60px);background:var(--jl-bg)}
.jl-contact h2{font-size:34px;max-width:650px;line-height:1.15;margin:10px 0}
.jl-contact p{color:var(--jl-muted);max-width:650px;margin:0}
@media(max-width:1050px){
    .jl-header{padding:0 28px}.jl-nav{gap:18px}.jl-brand{min-width:210px}
    .jl-hero{grid-template-columns:1fr}.jl-hero-visual{display:none}
    .jl-hero-copy{padding-right:40px}.jl-product-grid{grid-template-columns:repeat(3,1fr)}
    .jl-benefit-band{grid-template-columns:1fr 1fr}.jl-band-message{margin:0;height:auto;min-height:120px}
}
@media(max-width:700px){
    .jl-header{position:absolute;height:70px}.jl-nav,.jl-header-cta{display:none}
    .jl-brand strong{font-size:22px}.jl-brand small{font-size:7px}
    .jl-hero{min-height:auto}.jl-hero-copy{padding:120px 24px 50px}
    .jl-hero h1{font-size:48px;letter-spacing:-2px}.jl-hero h2{font-size:23px}
    .jl-benefits-mini{display:grid;grid-template-columns:1fr;gap:15px}
    .jl-solutions{padding:50px 20px}.jl-section-head{display:block}.jl-section-head>a{display:inline-block;margin-top:15px}
    .jl-product-grid{grid-template-columns:1fr 1fr}
    .jl-benefit-band{grid-template-columns:1fr;padding:45px 25px;gap:0}.jl-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:22px 0}
    .jl-band-message{margin:20px 0 0;padding:28px 0;background:transparent;color:#fff}
    .jl-contact{display:block;padding:50px 24px}.jl-contact .jl-btn{margin-top:25px}
}
@media(max-width:480px){
    .jl-product-grid{grid-template-columns:1fr}
}