/* TRES22 Delivery — tres22.co
   Colores: rojo #E00200 · carbón #212222 · blanco #FFFFFF · gris panel #E5E5E5
   Fuentes: Eusthalia Sans (títulos, MAYÚSCULAS) · Aileron (textos) */
html{scroll-behavior:smooth}
@font-face{font-family:"Eusthalia Sans";src:url(../fonts/EusthaliaSans-Regular.otf);font-weight:400;font-display:swap}
@font-face{font-family:"Aileron";src:url(../fonts/Aileron-Regular.otf);font-weight:400;font-display:swap}
@font-face{font-family:"Aileron";src:url(../fonts/Aileron-SemiBold.otf);font-weight:600;font-display:swap}
@font-face{font-family:"Aileron";src:url(../fonts/Aileron-Bold.otf);font-weight:700;font-display:swap}
@font-face{font-family:"Aileron";src:url(../fonts/Aileron-Black.otf);font-weight:900;font-display:swap}
body{margin:0;background:#ffffff;color:#212222;font-family:"Aileron",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#e00200}a:hover{color:#bf0902}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #212222;outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.display{font-family:"Eusthalia Sans","Aileron",sans-serif;font-weight:400;text-transform:uppercase;line-height:1.5;margin:0;letter-spacing:.01em}
.kicker{font-size:15px;line-height:20px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0}
.lead{font-size:22px;line-height:32px;margin:0}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;box-sizing:border-box}
.more{font-size:18px;font-weight:600;text-decoration:none}
.shot{display:block;width:100%;height:auto;border-radius:28px}
.tile{border-radius:28px;overflow:hidden;box-sizing:border-box}
.badge{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px 0 16px;border-radius:14px;background:#000000;color:#ffffff;border:1px solid #a6a6a6;text-decoration:none;box-sizing:border-box}
.badge:hover{color:#ffffff;background:#212222}
section[id]{scroll-margin-top:64px}
@media (max-width:760px){section[id]{scroll-margin-top:92px}}

@media (max-width:760px){
header .wrap{flex-direction:column;align-items:flex-start!important;gap:2px!important;padding-top:6px}
header nav{width:100%;flex-wrap:nowrap!important;overflow-x:auto;gap:18px!important;padding-bottom:10px;white-space:nowrap}
h1.display{font-size:54px!important}
h2.display{font-size:40px!important}
h3.display{font-size:28px!important}
h4.display{font-size:24px!important}
.lead{font-size:18px!important;line-height:27px!important}
.lead span[style*="font-size: 30px"]{font-size:21px!important;line-height:30px!important;padding:6px 16px!important}
section{padding-top:72px!important;padding-bottom:72px!important}
#inicio{padding-top:48px!important;padding-bottom:0!important}
#inicio img.shot{margin-bottom:-24px!important;border-radius:16px!important}
#inicio + section{padding-top:96px!important}
#legal{padding-top:0!important}
.tile{padding:28px!important}
#app [style*="minmax(190px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}