@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a0d;--panel:#15161a;--red:#dc0b24;--line:#303035;--txt:#f7f7f7;--muted:#a4a5a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.nav{height:82px;background:#0b0c0eea;backdrop-filter:blur(14px);position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;letter-spacing:4px;font-size:18px}.brand img{width:67px;height:63px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav nav a{font-size:11px;letter-spacing:1px;font-weight:700}.nav nav a:hover,.textlink:hover{color:#ff4757}.navcta{background:var(--red);padding:16px 22px;font-size:11px;letter-spacing:1px;font-weight:800;border-radius:3px}.hero{min-height:770px;height:calc(100svh - 82px);max-height:1100px;position:relative;background:url('/static/campo-original.webp') center 49%/cover no-repeat;display:grid;place-items:center;text-align:center;overflow:hidden}.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,#090a0d8a 0%,#05050726 31%,#05050755 55%,#050507db 100%),linear-gradient(90deg,#08090a75,transparent 45%,#08090a60)}.heroContent{position:relative;z-index:1;padding:20px}.heroLogo{display:block;width:clamp(240px,31vw,440px);height:clamp(170px,24vw,310px);object-fit:contain;margin:0 auto -8px;filter:drop-shadow(0 6px 18px #000a)}.kicker{letter-spacing:4px;font-size:11px;font-weight:800;color:#fff;margin:14px 0}.hero h1{font:800 clamp(66px,10vw,150px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:11px;margin:6px 0 20px;text-shadow:0 8px 25px #0009}.redLine{width:90px;height:3px;background:var(--red);margin:auto}.tagline{font-size:clamp(15px,2vw,23px);letter-spacing:10px;font-weight:600;margin:26px 0 32px}.heroActions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:19px 30px;border-radius:3px;font-size:12px;font-weight:800;letter-spacing:1px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.red{background:var(--red)}.red:hover,.navcta:hover{background:#f71b33}.ghost{border:1px solid #ffffffb8;background:#0c0d10a3}.heroBottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;z-index:2;font-size:9px;font-weight:800;letter-spacing:2px;color:#d2d2d3}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 5%;border-block:1px solid #29292b;background:#0e0e10}.benefits>div{padding:12px 25px;border-right:1px solid #303034;display:flex;flex-direction:column;gap:9px}.benefits>div:last-child{border:0}.benefits b{color:var(--red);font-size:12px}.benefits strong{font-size:13px;letter-spacing:1.5px}.benefits span{font-size:10px;color:#999;letter-spacing:1px}.section{padding:110px 7%}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:center}.eyebrow{color:#ff485a;letter-spacing:3px;font-size:11px;font-weight:800}.intro h2,.photoOverlay h2{font:800 clamp(55px,7vw,104px)/.91 'Barlow Condensed';margin:22px 0}.intro h2 em{font-style:normal;color:var(--red)}.introcopy{font-size:15px;line-height:2;color:#c0c0c5}.textlink{display:inline-block;margin-top:23px;color:#fff;font-weight:800;font-size:12px;letter-spacing:1px}.photoSection{min-height:570px;background:linear-gradient(90deg,#070809e8,#09090950),url('/static/campo-original.webp') center 70%/cover;display:flex;align-items:center}.photoOverlay{padding:65px 8%}.photoOverlay h2{font-size:clamp(65px,9vw,130px)}.photoOverlay>p:not(.eyebrow){color:#ddd;margin-bottom:35px}.ending{text-align:center;background:#0f1013}.ending img{width:170px;height:130px;object-fit:contain}.ending p{font-weight:800;letter-spacing:5px}.ending a{display:inline-block;margin-top:22px;border-bottom:2px solid var(--red);padding:12px;font-size:12px;font-weight:800}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 5%;font-size:10px;letter-spacing:1px;color:#a2a2a8;border-top:1px solid var(--line)}
/* Portal */
.portalBody{min-height:100svh;background:#0c0d10}.authShell{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.authArt{background:linear-gradient(0deg,#090a0de8,#090a0d55),url('/static/campo-original.webp') center/cover;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8%}.authArt img{width:210px;height:170px;object-fit:contain}.authArt h1{font:900 clamp(65px,8vw,130px)/.86 'Barlow Condensed';margin:25px 0}.authArt h1 span{color:#ff3149}.authArt p{letter-spacing:2px;font-size:11px}.authPanel{display:grid;place-items:center;padding:40px}.authCard{width:min(100%,440px)}.authCard h2{font:800 56px/.95 'Barlow Condensed';margin:10px 0}.authCard>p{color:var(--muted);font-size:13px;line-height:1.8}.field{display:flex;flex-direction:column;gap:8px;margin:18px 0}.field label{font-size:10px;letter-spacing:1px;color:#a8a8ac;font-weight:800;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;background:#191a1f;border:1px solid #36363b;border-radius:5px;color:white;padding:14px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d82034}.field textarea{min-height:85px;resize:vertical}.fullBtn{border:0;background:var(--red);color:white;padding:16px 24px;width:100%;font-weight:800;font-size:12px;letter-spacing:1px;border-radius:4px}.fullBtn:disabled{opacity:.5}.switch{background:none;border:0;color:#ff4054;font-size:12px;font-weight:800;margin-top:20px}.notice{margin:16px 0;padding:12px;border:1px solid #61383d;background:#2c171b;color:#ffe6e8;font-size:12px;line-height:1.6;border-radius:4px}.notice.good{border-color:#285e47;background:#102a20;color:#c4f5d6}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100svh}.sidebar{border-right:1px solid #27272c;background:#111216;padding:25px 17px;display:flex;flex-direction:column;gap:5px}.sidebar .brand{font-size:15px;margin-bottom:24px}.sidebar .brand img{width:55px;height:52px}.sidebar button{border:0;background:none;text-align:left;color:#b9b9bf;padding:14px 16px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.3px}.sidebar button:hover,.sidebar button.active{background:#272026;color:white;border-left:3px solid var(--red)}.sidebar .bottom{margin-top:auto}.workspace{padding:38px min(5%,65px)}.worktop{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #28292c;padding-bottom:25px}.worktop h1{font:800 clamp(45px,6vw,74px)/.9 'Barlow Condensed';margin:0}.pill{font-size:10px;border:1px solid #573037;background:#26171a;color:#ff6c79;border-radius:30px;padding:9px 14px;letter-spacing:1px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.stat{padding:22px;background:#16171b;border:1px solid #292a30;border-radius:7px}.stat strong{font:800 40px 'Barlow Condensed';display:block}.stat span{color:#a1a1a6;font-size:10px;letter-spacing:1px}.panel{background:#15161a;border:1px solid #2c2d31;border-radius:7px;padding:24px;margin:20px 0}.panel h3{font:800 30px 'Barlow Condensed';margin:0 0 15px}.panel p{color:#a9a9b1;font-size:13px;line-height:1.7}.flexrow{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.flexrow>.field{flex:1;min-width:180px}.flexrow>.fullBtn{width:auto;min-height:47px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#999aa0;font-size:10px;letter-spacing:1px;text-transform:uppercase}th,td{padding:15px 12px;border-bottom:1px solid #2a2b30}td select{padding:7px;background:#23242a;color:#fff;border:1px solid #45464a}td button,.smallBtn{background:#ab1428;border:0;border-radius:3px;padding:9px 12px;color:white;font-weight:700;font-size:11px}.empty{padding:25px;color:#a4a4aa;font-size:13px}.portalNav{display:none}
@media(max-width:900px){.nav nav{display:none}.nav{height:70px}.navcta{padding:12px}.hero{min-height:660px;height:85svh}.hero h1{letter-spacing:4px}.tagline{letter-spacing:5px}.heroBottom span:nth-child(2){display:none}.benefits{grid-template-columns:repeat(2,1fr)}.benefits>div:nth-child(2){border:0}.intro{grid-template-columns:1fr;gap:15px}.authShell{grid-template-columns:1fr}.authArt{min-height:260px;padding:30px;align-items:center;text-align:center}.authArt img{width:115px;height:95px}.authArt h1{font-size:65px;margin:5px}.authPanel{padding:38px 22px}.dashboard{display:block}.sidebar{display:none}.portalNav{display:flex;gap:6px;overflow:auto;padding:12px;background:#17181c;position:sticky;top:0;z-index:5}.portalNav button{flex-shrink:0;border:1px solid #34353b;border-radius:4px;background:#24252b;color:white;padding:10px;font-size:11px}.workspace{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}.worktop h1{font-size:46px}}
@media(max-width:480px){.brand{font-size:13px;letter-spacing:2px}.brand img{width:50px;height:48px}.navcta{font-size:9px}.heroLogo{width:280px;height:210px}.hero h1{font-size:68px}.heroBottom{font-size:8px}.benefits{padding:20px 3%}.benefits>div{padding:16px 10px}.benefits strong{font-size:10px}.benefits span{font-size:8px}.section{padding:70px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* TTTraining V6: original field photography and isolated red TTT embroidery */
.nav{background:rgba(9,10,13,.94)}
.hero{background-position:center 46%;background-color:#15191b}
.heroShade{background:linear-gradient(180deg,rgba(6,7,10,.55) 0%,rgba(8,8,10,.22) 26%,rgba(7,7,9,.38) 50%,rgba(5,5,7,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 55%,rgba(0,0,0,.20))}
.heroLogo{width:clamp(230px,29vw,400px);height:auto;max-height:270px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}
.brand img{object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}
.photoSection{background-position:center 52%}
@media(min-width:1100px){.hero{background-size:cover;background-position:center 50%}}
@media(max-width:700px){.hero{background-position:center 42%;min-height:700px}.heroContent{padding:20px 15px}.heroLogo{width:min(75vw,330px)}.hero h1{font-size:clamp(52px,12vw,80px);letter-spacing:3px}.tagline{font-size:13px;letter-spacing:5px}.heroBottom{bottom:18px}.photoSection{background-position:center 52%}}/* TTTRAINING - Fondo original del campo */
.hero {
  background-image: url("campo-original.webp") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
