/* Mexican flag palette, shared by both language versions. */
:root{--mex-green:#087443;--mex-bright:#32c978;--mex-red:#e22400}
.brand .brand-wordmark .mex-green,.intro-name .mex-green{color:var(--mex-bright)}
.brand .brand-wordmark .mex-white,.intro-name .mex-white{color:#fff}
.brand .brand-wordmark .mex-red,.intro-name .mex-red{color:#ff4936}
.brand .brand-wordmark strong span{font:inherit;letter-spacing:inherit}
.header{border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--mex-green) 0 33.333%,#fff 33.333% 66.666%,var(--mex-red) 66.666%) 1}
.hero h1:after,.visit h2:after,.intro-line{background:linear-gradient(90deg,var(--mex-bright) 0 33.333%,#fff 33.333% 66.666%,var(--mex-red) 66.666%)}
.hero .button,.header nav .button,.visit .button{background:var(--mex-green);color:#fff}
.hero .button:hover,.header nav .button:hover,.visit .button:hover{background:#055b34}
.hero-follow{color:var(--mex-bright)}
.hero-social a:hover{background:var(--mex-green);color:#fff}
.section-top h2:before{background:var(--mex-green)}
.favorite h3,.social-layout h2,.visit h2{color:var(--mex-green)}
.location-picker button[aria-pressed=true]{background:var(--mex-green);border-color:var(--mex-green);color:#fff}
#values .word-one,#values .flavor-message h2{color:var(--mex-green)}
#values .v-link{border-color:var(--mex-green)}
.order-section{background-color:var(--mex-green)}
.order-layout h2 span{color:#fff}
.order-actions .button.dark{background:#fff;color:#075b35}
.order-actions .button.white{background:#fff;color:#a92111}
.order-section .truck circle[fill]{fill:var(--mex-green)}
.social-section{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--mex-green) 0 33.333%,#fff 33.333% 66.666%,var(--mex-red) 66.666%) 1}
#brand-intro{background:#11110f;color:#fff}
#intro-skip{color:#fff;border-color:#fff}
.intro-name b{font-weight:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #d49820;outline-offset:4px}