/* Grupo UDS · tienda */
:root{
  --black:#000000; --gray-800:#1A1A1A; --gray-500:#5C5C5C; --gray-300:#A3A3A3; --white:#FFFFFF;
  --red:#E1232C;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body:"Plus Jakarta Sans",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--black);color:var(--white);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
img{max-width:100%}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.stripes{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 10px)}

.nav{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--gray-800);padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.nav-logo img{display:block;height:64px;width:auto}
.nav nav{display:flex;gap:4px;margin-left:auto}
.nav nav a{color:var(--gray-300);text-decoration:none;font-weight:700;padding:8px 14px;border-bottom:3px solid transparent}
.nav nav a:hover{color:var(--white)}
.nav nav a[aria-current="page"]{color:var(--white);border-bottom-color:var(--red)}

.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding-block:64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1200px;width:100%;margin:0 auto}
.hero h1{font:700 clamp(2.6rem,8vw,5.5rem)/.92 var(--display);text-transform:uppercase;margin:0;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--red)}
.hero p{color:var(--gray-300);margin:0;max-width:52ch}
.foot{color:var(--gray-500);font-size:.8rem;text-align:center;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--gray-800)}