@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--orange:#f39a36;--ink:#161614;--paper:#f5f3ee;--muted:#b6b5ae;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:#dfdfdc;font:14px 'DM Sans',Arial,sans-serif;color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #db6e00;outline-offset:5px}.review{min-height:78px;background:#fafaf8;display:flex;align-items:center;justify-content:space-between;padding:14px 3%;gap:18px;border-bottom:1px solid #deded7}.review-title{display:flex;align-items:center;gap:18px}.review-title b{font-size:14px;letter-spacing:2px}.review-title span{font-size:11px;color:#696963;border-left:1px solid #ccc;padding-left:18px}.review nav{display:flex;gap:5px;background:#ecece7;padding:5px;border-radius:9px}.review nav button{border:0;padding:11px 18px;background:transparent;border-radius:6px;color:#595951;font-weight:600;font-size:12px}.review nav button.active{background:#181816;color:white;box-shadow:0 2px 4px #0002}.device{border:1px solid #ccc;background:transparent;border-radius:5px;padding:10px 13px;font-size:11px}.context{display:flex;justify-content:space-between;gap:15px;padding:14px 3%;font-size:11px;color:#5b5b55}.context span:first-child{font-weight:600}.review-footer{padding:22px 3%;color:#62625c;font-size:11px}.review-footer p{margin:5px 0}.review-footer a{text-decoration:underline}#canvas{max-width:1600px;margin:auto;overflow:hidden;transition:max-width .2s}#canvas.mobile{max-width:390px}.brand{width:139px;height:72px;object-fit:contain;display:block;background:#000}.site-nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 6%}.site-nav .links{display:flex;align-items:center;gap:30px;font-size:12px}.nav-login{border:1px solid #73736a;background:transparent;color:inherit;padding:12px 20px;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:16px 24px;background:var(--orange);border:1px solid transparent;color:#171612;font-weight:700;font-size:12px;border-radius:3px}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:transparent;border-color:#777;color:inherit}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase}.headline{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-1.4px;line-height:.91}.arrow{font-size:18px}.number{font-family:'Barlow Condensed',Impact,sans-serif}.site-footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;font-size:11px;gap:20px}.site-footer .small{color:#aaa}.site-footer a{text-decoration:underline}.tiny{font-size:10px;line-height:1.6;opacity:.7}.demo-tag{display:inline-block;border:1px solid #7776;font-size:9px;padding:5px 8px;border-radius:20px;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1;margin:12px 0 20px;text-transform:uppercase}.section-heading p{max-width:300px;line-height:1.7;font-size:12px;color:#9d9e95}.photo{background-image:url("assets/entrenamiento-referencia.822283241441.jpg");background-size:cover;background-position:center}.photo-caption{position:absolute;right:14px;bottom:12px;font-size:8px;color:#ddd;background:#0009;padding:4px 7px}
/* 01 — editorial deportivo */
.force{background:#10110f;color:#f6f5ee}.force .site-nav{background:#0b0c0a}.force .site-nav .brand{background:#000}.force .hero{position:relative;min-height:580px;display:grid;grid-template-columns:1.1fr 1fr}.force .hero-copy{padding:65px 0 65px 12%;position:relative;z-index:2}.force .hero .eyebrow{color:var(--orange)}.force h1{font-size:clamp(70px,7.7vw,115px);margin:28px -80px 25px 0}.force h1 em{font-style:normal;color:var(--orange)}.force .hero-copy p{max-width:320px;line-height:1.8;color:#b6b8ae;font-size:13px}.force .hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.force .text-link{font-size:11px;border-bottom:1px solid #aaa;padding:7px 0}.force .hero-image{position:relative;min-height:580px;background-position:57% center;filter:grayscale(1)}.force .hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10110f 0%,transparent 55%),linear-gradient(0deg,#10110f99,transparent 40%)}.force .vertical-label{position:absolute;top:60px;right:20px;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px}.force .hero-index{position:absolute;bottom:38px;left:10%;font-size:11px;letter-spacing:3px}.force .ribbon{background:var(--orange);color:#171612;display:flex;align-items:center;justify-content:space-around;padding:19px 4%;font-weight:700;font-size:12px;letter-spacing:2px}.force .ribbon i{font-style:normal;font-size:20px}.force .training{padding:65px 6%}.force .goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.force .goal{padding:28px 25px;border-right:1px solid #ffffff30}.force .goal:first-child{padding-left:0}.force .goal:last-child{border:0}.force .goal small{color:var(--orange);letter-spacing:2px}.force .goal h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;text-transform:uppercase;margin:15px 0 10px}.force .goal p{color:#a9aba2;font-size:12px;line-height:1.7}.force .digital{margin:0 6% 65px;background:#1c1d19;display:grid;grid-template-columns:1fr 1fr;padding:40px;gap:40px;align-items:center}.force .digital h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1;text-transform:uppercase;margin:18px 0}.force .digital p{color:#b9bbb2;line-height:1.7;font-size:12px}.mini-workout{padding:24px;border:1px solid #ffffff30;background:#12130f}.mini-workout .top{display:flex;justify-content:space-between;align-items:center}.mini-workout h3{font-size:22px;margin:20px 0 6px}.mini-workout p{font-size:11px}.mini-line{height:5px;background:#ffffff20;margin:20px 0}.mini-line span{display:block;width:66%;height:100%;background:var(--orange)}.mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px}
/* 02 — club luminoso */
.club{background:#f7f5ef;color:#24241f}.club .site-nav{background:#f7f5ef;border-bottom:1px solid #deddd4}.club .brand{border-radius:6px;width:125px;height:66px}.club .nav-login{border-color:#d6d2c7;border-radius:30px}.club .btn{border-radius:30px}.club .hero{padding:45px 6% 55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.club .hero .eyebrow{display:inline-block;padding:9px 13px;border:1px solid #d9d4c7;border-radius:20px;font-size:9px;letter-spacing:1px}.club h1{font-size:clamp(55px,5.8vw,85px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:28px 0 22px}.club h1 em{font-family:Georgia,serif;font-weight:400;color:#ae520e;letter-spacing:-3px}.club .hero p{line-height:1.85;font-size:13px;color:#6c6b61;max-width:330px}.club .hero-actions{display:flex;align-items:center;gap:20px;margin:25px 0}.club .text-link{font-size:11px;text-decoration:underline}.club .hero-art{height:480px;position:relative;border-radius:150px 150px 18px 18px;background-color:#d9d1c1}.club .hero-art .photo{height:100%;border-radius:inherit;filter:grayscale(1);background-position:50% 50%}.club .float-card{position:absolute;left:-32px;bottom:32px;background:#fff;padding:18px 22px;border-radius:12px;box-shadow:0 8px 35px #0002;display:flex;gap:15px;align-items:center}.club .float-card .icon{width:42px;height:42px;border-radius:50%;background:#fff0de;display:grid;place-items:center;color:#a8510c;font-size:22px}.club .float-card b{display:block;font-size:12px}.club .float-card span{font-size:10px;color:#777}.club .photo-caption{bottom:12px;right:25px}.club .hero-footnote{font-size:10px;color:#7b796e}.club .intro-strip{background:#e9e6dc;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 6%;gap:25px}.club .intro-strip div{display:flex;align-items:center;gap:15px;font-size:12px}.club .intro-strip i{font-style:normal;font-size:21px;color:#a4510e}.club .path{padding:60px 6%}.club .section-heading h2{font-family:inherit;text-transform:none;font-size:39px;letter-spacing:-1.5px;font-weight:500}.club .section-heading p{color:#777468}.club .goal-selector{display:flex;flex-wrap:wrap;gap:9px;margin:5px 0 25px}.club .goal-selector button{border:1px solid #d7d3c7;background:transparent;padding:11px 17px;border-radius:25px;font-size:11px}.club .goal-selector button.selected{background:#27271f;color:#fff;border-color:#27271f}.club .goal-detail{background:white;border:1px solid #e4e0d6;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px}.club .goal-detail h3{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:10px 0}.club .goal-detail p{color:#79766b;font-size:12px;line-height:1.8}.club .goal-detail ul{list-style:none;padding:0;font-size:12px;line-height:2.5}.club .goal-detail li:before{content:'↗';margin-right:14px;color:#a95716}.club .club-invite{margin:0 6% 55px;padding:30px 35px;border-radius:15px;background:#f7d6ad;display:flex;align-items:center;justify-content:space-between;gap:25px}.club .club-invite h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:8px 0}.club .club-invite p{font-size:12px;color:#69503b}.club .club-invite .btn{background:#25251f;color:#fff}.club .site-footer{background:#191a16;color:white}.club .site-footer .brand{border-radius:0}
dialog{border:0;border-radius:12px;background:#f7f5ee;padding:35px;max-width:430px;width:calc(100% - 35px);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin-top:20px}dialog p{font-size:13px;line-height:1.8;color:#65645a}dialog .btn{margin-top:10px}#close-dialog{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px}
@media(min-width:1500px){.force h1{font-size:115px}.club h1{font-size:85px}}
@media(max-width:900px){.review-title span{display:none}.site-nav{padding:0 5%}.site-nav .links{gap:15px}.force h1{font-size:80px}.club .hero{gap:30px}.club h1{font-size:62px}}
@media(max-width:600px){.review{flex-wrap:wrap;gap:10px;padding:12px 4%}.review-title{flex:1}.review-title b{font-size:12px}.review nav{order:3;width:100%;justify-content:space-between}.review nav button{padding:10px 12px;font-size:11px}.device{font-size:10px}.context{display:block;padding:12px 4%;line-height:1.8}.context span{display:block}.site-nav{height:85px}.brand{width:115px;height:65px}.site-nav .links>a{display:none}.nav-login{padding:11px 13px;font-size:11px}.force .hero{grid-template-columns:1fr;min-height:650px}.force .hero-copy{padding:45px 7% 160px}.force h1{font-size:78px;margin-right:0;position:relative}.force .hero-copy p{max-width:270px}.force .hero-image{position:absolute;inset:0;min-height:0;opacity:.4;background-position:65% center}.force .hero-image:before{background:linear-gradient(90deg,#10110fcc,transparent),linear-gradient(0deg,#10110f,transparent 70%)}.force .hero-actions{gap:18px}.force .hero-index{left:auto;right:7%;bottom:25px}.force .vertical-label{display:none}.force .ribbon{font-size:9px;letter-spacing:1px;padding:16px 4%;gap:10px}.force .ribbon span:last-child,.force .ribbon i:last-of-type{display:none}.force .training{padding:40px 7%}.section-heading{display:block}.section-heading h2{font-size:40px}.force .goal-grid{grid-template-columns:1fr}.force .goal,.force .goal:first-child{padding:23px 0;border-right:0;border-bottom:1px solid #ffffff25}.force .goal h3{font-size:27px;margin-top:10px}.force .digital{margin:0 5% 35px;padding:25px;grid-template-columns:1fr;gap:20px}.force .digital h2{font-size:35px}.site-footer{flex-wrap:wrap;padding:25px 7%;line-height:1.8}.club .hero{grid-template-columns:1fr;padding:35px 7%;gap:25px}.club h1{font-size:60px;letter-spacing:-3px}.club .hero-art{height:330px;margin-left:20px}.club .float-card{left:-20px;bottom:28px;padding:13px}.club .intro-strip{grid-template-columns:1fr;padding:25px 7%;gap:20px}.club .path{padding:40px 7%}.club .section-heading h2{font-size:34px}.club .goal-detail{grid-template-columns:1fr;padding:23px;gap:0}.club .club-invite{display:block;padding:25px;margin:0 5% 35px}.club .club-invite .btn{margin-top:12px}}
/* Preview at phone width inside a desktop canvas */
#canvas.mobile .site-nav{padding:0 6%;height:85px}#canvas.mobile .brand{width:110px;height:65px}#canvas.mobile .links>a{display:none}#canvas.mobile .nav-login{padding:10px;font-size:10px}#canvas.mobile .force .hero{display:block;min-height:660px}#canvas.mobile .force .hero-copy{padding:45px 7% 100px}#canvas.mobile .force h1{font-size:80px;margin-right:0}#canvas.mobile .force .hero-image{position:absolute;inset:0;min-height:0;opacity:.35}#canvas.mobile .force .hero-copy p{max-width:270px}#canvas.mobile .force .hero-actions{gap:16px}#canvas.mobile .force .hero-index{left:auto;right:20px;bottom:25px}#canvas.mobile .vertical-label{display:none}#canvas.mobile .force .ribbon{font-size:9px;letter-spacing:1px;gap:10px}#canvas.mobile .force .ribbon span:last-child,#canvas.mobile .force .ribbon i:last-of-type{display:none}#canvas.mobile .section-heading{display:block}#canvas.mobile .section-heading h2{font-size:38px}#canvas.mobile .force .goal-grid{grid-template-columns:1fr}#canvas.mobile .force .goal{padding:20px 0;border-right:0;border-bottom:1px solid #ffffff25}#canvas.mobile .force .digital{grid-template-columns:1fr;padding:25px;gap:20px}#canvas.mobile .force .training{padding:40px 7%}#canvas.mobile .site-footer{flex-wrap:wrap}#canvas.mobile .club .hero{grid-template-columns:1fr;padding:35px 7%;gap:25px}#canvas.mobile .club h1{font-size:60px;letter-spacing:-3px}#canvas.mobile .club .hero-art{height:330px;margin-left:20px}#canvas.mobile .club .float-card{left:-20px;padding:13px}#canvas.mobile .club .intro-strip{grid-template-columns:1fr}#canvas.mobile .club .goal-detail{grid-template-columns:1fr;gap:0;padding:23px}#canvas.mobile .club .club-invite{display:block;padding:25px}#canvas.mobile .club .club-invite .btn{margin-top:12px}
@media(max-width:600px){.force h1{font-size:clamp(48px,14.5vw,62px)}.force .hero-copy{padding-bottom:90px}}
#canvas.mobile .force h1{font-size:56px}
@media(max-width:600px){}