:root{--navy:#00142f;--gold:#ffcd48;--white:#f7faff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fffffff0;border-bottom:1px solid #00142f12;color:var(--navy);position:relative;z-index:5}header img{width:156px;height:auto}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav-contact{border:1px solid #00142f24;border-radius:30px;padding:13px 22px;box-shadow:inset 0 2px 3px white,0 4px 10px #00142f0a}.hero{background:#fff url('assets/hero-global-waves.png') center/100% 100% no-repeat;color:var(--navy);text-align:center;padding:48px 24px 100px}.hero-inner{max-width:1050px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 25px}.hero .eyebrow{color:#4f5a6b}.brand{width:min(62vw,620px);height:auto;display:block;margin:22px auto 37px}h1{font-size:clamp(32px,4vw,54px);font-weight:900;line-height:1.06;letter-spacing:-1.8px;margin:0}h1,h2,h3{font-family:'Arial Black',Arial,Helvetica,sans-serif}.gold-rule{height:4px;background:var(--gold);width:200px;margin:24px auto 35px}.segments{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:830px;margin:auto}.segments img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.segments h2{font-size:14px;line-height:1.25;margin:12px 0 0;letter-spacing:-.3px}.resources{background:var(--navy) url('assets/catalog-background.webp') center/cover no-repeat;position:relative}.interaction-strip{background:linear-gradient(110deg,#b88a1d,#e4b935 60%,#ffdc69);min-height:68px;display:flex;justify-content:center;align-items:center;gap:18px;color:white;letter-spacing:1px;font-size:20px;font-weight:800;border-top:2px solid #ffe688;box-shadow:0 6px 25px #0003}.interaction-strip svg{width:35px;height:40px;fill:none;stroke:white;stroke-width:2}.resource-inner{max-width:1120px;margin:auto;padding:62px 40px 80px}.section-heading{text-align:center;margin-bottom:35px}.section-heading .eyebrow{color:#a4c7e9;margin-bottom:12px}.section-heading h2{font-size:29px;line-height:1.2;margin:0;letter-spacing:-.8px}.section-heading h2 span{color:#b2c8e1;font-weight:400}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.glass{position:relative;overflow:hidden;border:1.5px solid #a9dcff;border-radius:25px;background:linear-gradient(135deg,#cbe9ff26,#ffffff04 42%,#3e9bf21a);box-shadow:inset 0 1px 2px #ffffffb0,inset 0 -2px 8px #80c6ff26,0 0 0 3px #6ebfff15,0 0 20px #309bff40,0 15px 30px #0003;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);transition:transform .25s,box-shadow .25s,background .25s}.glass:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x,20%) var(--y,0%),#fff3,transparent 55%);pointer-events:none}.glass:after{content:'';position:absolute;inset:0;transform:translateX(-150%) skewX(-22deg);background:linear-gradient(90deg,transparent,#fff2,transparent);transition:transform .7s;pointer-events:none}.glass:hover:after{transform:translateX(150%) skewX(-22deg)}.glass:hover{transform:translateY(-5px);box-shadow:inset 0 1px 3px white,0 0 30px #56b8ff70,0 16px 40px #0005}.cards .glass{padding:30px 16px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:245px}.glass img{height:70px;width:80px;object-fit:contain;margin-bottom:18px}.glass h3{font-size:20px;line-height:1.08;letter-spacing:-.4px;margin:0}.line{height:3px;width:70px;background:var(--gold);margin-top:17px}.card-arrow{position:absolute;top:14px;right:18px;font-size:18px;color:#c3e3ff}.contact{background:#001027 url('assets/contact-background.webp') center/cover no-repeat;border-top:2px solid #d8b147}.contact-inner{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:80px 0 100px;gap:45px}.contact .eyebrow{color:var(--gold);margin-bottom:16px}.contact h2{font-size:42px;margin:0 0 28px;letter-spacing:-1px}.contact h2 span{color:var(--gold)}.email{display:block;font-size:clamp(18px,2.6vw,29px);margin-bottom:14px}.phone{display:block;font-size:23px;font-weight:700}.contact-button{display:inline-flex;margin-top:30px;padding:16px 25px;gap:35px;border-radius:50px;font-size:14px;font-weight:700}.qr{background:white;padding:10px;border-radius:8px;box-shadow:0 5px 30px #0005}.qr img{display:block;width:148px;height:148px}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 6%;background:#f6f8fb;color:var(--navy);font-size:11px;letter-spacing:1px}footer img{height:auto}footer a{font-size:12px}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}a:hover.email,a:hover.phone{color:var(--gold)}@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:115px}}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr);max-width:750px;margin:auto}.contact-inner{padding:65px 40px 85px}.glass h3{font-size:23px}.cards .glass{min-height:230px}}@media(max-width:600px){header{height:68px;padding:0 20px}header img{width:118px}nav{gap:18px;font-size:12px}.nav-contact{display:none}.hero{padding:40px 20px 65px;background-size:auto 100%}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.brand{width:88%;margin:30px auto}.gold-rule{margin:22px auto 30px;width:150px}.segments{grid-template-columns:repeat(2,1fr);gap:24px 22px;max-width:330px}.segments h2{font-size:12px}.interaction-strip{font-size:12px;letter-spacing:.4px;gap:10px;min-height:58px}.interaction-strip svg{width:25px}.resource-inner{padding:42px 20px 55px}.section-heading h2{font-size:25px}.cards{gap:18px}.cards .glass{padding:25px 9px 22px;min-height:200px;border-radius:20px}.glass img{height:56px;width:65px}.glass h3{font-size:17px}.card-arrow{font-size:14px;right:13px;top:10px}.contact-inner{padding:50px 25px 70px;display:block}.contact h2{font-size:31px}.email{font-size:18px;overflow-wrap:anywhere}.phone{font-size:17px}.qr{display:inline-block;margin-top:32px}.qr img{width:108px;height:108px}footer{gap:20px;flex-wrap:wrap;padding:25px}footer p{font-size:9px}footer img{width:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.arrow{width:18px;height:18px;vertical-align:middle}

/* Preserve the proportions of the supplied Biagio Turbos logo. */
header img,.brand,footer img{height:auto}

/* Vehicle frames are drawn in CSS; original vector artwork stays intact. */
.vehicle-card{display:block;border-radius:17px;transition:transform .25s ease;color:var(--navy)}
.vehicle-box{display:flex;align-items:center;justify-content:center;height:112px;padding:13px 24px;border:2px solid #0f1d3d;border-radius:16px;background:linear-gradient(135deg,#ffffffc9,#edf3f644);box-shadow:inset 0 1px 3px white,0 3px 8px #00142f12;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s}
.segments .vehicle-box img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transition:transform .25s ease}
.vehicle-box:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffffa0 50%,transparent 75%);transform:translateX(-140%);transition:transform .6s}
.vehicle-card:hover,.vehicle-card:focus-visible{transform:translateY(-5px)}
.vehicle-card:hover .vehicle-box,.vehicle-card:focus-visible .vehicle-box{border-color:#b38716;background:linear-gradient(135deg,#fff,#ffedb7b3);box-shadow:inset 0 1px 3px white,0 7px 22px #ba901e26}
.vehicle-card:hover .vehicle-box:after,.vehicle-card:focus-visible .vehicle-box:after{transform:translateX(140%)}
.vehicle-card:hover img,.vehicle-card:focus-visible img{transform:scale(1.055)}
.vehicle-card:active{transform:translateY(-1px) scale(.98)}
@media(max-width:600px){.vehicle-box{height:104px;padding:13px 21px}}
@media(prefers-reduced-motion:reduce){.vehicle-card:hover,.vehicle-card:focus-visible,.vehicle-card:active,.vehicle-card:hover img,.vehicle-card:focus-visible img{transform:none}}

body,h1,h2,h3,button,input,select,textarea{font-family:'Montserrat',Arial,Helvetica,sans-serif}

/* Floating liquid-glass interaction bar over the section background. */
.resources{display:flow-root}
.interaction-strip{position:relative;z-index:2;width:calc(100% - 80px);max-width:1120px;margin:-32px auto 0;min-height:68px;padding:14px 25px;border:1px solid #ffffff85;border-radius:22px;background:linear-gradient(120deg,#ffffff29,#ffda6b1c 48%,#ffffff38);backdrop-filter:blur(18px) saturate(1.65);-webkit-backdrop-filter:blur(18px) saturate(1.65);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 2px #ffffff38,0 10px 32px #00000035;text-shadow:0 1px 5px #00142f80;isolation:isolate;overflow:hidden}
.interaction-strip:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,#ffffff40,transparent 60%),linear-gradient(170deg,#ffffff14,transparent 48%,#ffffff0d)}
@media(max-width:600px){.interaction-strip{width:calc(100% - 32px);margin-top:-25px;min-height:58px;padding:12px 13px;border-radius:18px;font-size:11px}}
/* One continuous supplied background across the entire blue area. */
.blue-area{display:flow-root;background:#00142f url('assets/contact-background.webp') center center/cover no-repeat}
.blue-area .resources,.blue-area .contact{background:none}
.blue-area .contact{border-top:0}

/* Full-width liquid-glass interaction strip on every screen size. */
.blue-area .interaction-strip{width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0;border-left:0;border-right:0}
/* Keep the darker waves below the vehicle labels for clear reading. */
.hero{background-position:center top;background-size:100% calc(100% + 260px)}
@media(max-width:600px){.hero{background-size:auto calc(100% + 420px);background-position:center top}}
.language-selector{display:flex;justify-content:flex-end;gap:10px;position:absolute;top:16px;right:5%;z-index:10;font-size:12px;color:#00142f}
.language-selector a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid transparent;border-radius:25px;background:#ffffff70;transition:background .2s,border-color .2s}
.language-selector img{width:25px;height:17px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #00142f15}
.language-selector a:hover,.language-selector a[aria-current="page"]{background:#ffffffc9;border-color:#00142f30}
.hero{padding-top:85px}
@media(max-width:600px){.language-selector{top:13px;right:16px;gap:4px;font-size:11px}.language-selector a{padding:8px 9px}.hero{padding-top:75px}html[lang="es"] .interaction-strip{font-size:10px}html[lang="es"] .glass h3{font-size:15px}}
/* Keep luminous waves below contact details, with a quiet navy reading area. */
.blue-area{background-position:center top;background-size:100% 100%}
.blue-area .contact{position:relative;isolation:isolate}
.blue-area .contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#00142ff2 0%,#00142fe6 68%,#00142f8c 100%)}
.blue-area .contact-inner{position:relative}
@media(max-width:600px){.blue-area{background-size:auto 100%;background-position:65% top}.blue-area .contact:before{background:linear-gradient(180deg,#00142ff5 0%,#00142feb 75%,#00142fa6 100%)}}
/* Refined interaction motion shared by both languages. */
.cards .glass .line{transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cards .glass:hover .line,.cards .glass:focus-visible .line{transform:scaleX(1.25)}
.card-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.glass:hover .card-arrow,.glass:focus-visible .card-arrow{transform:translate(2px,-2px)}
.contact-button .arrow{transition:transform .3s ease}
.contact-button:hover .arrow,.contact-button:focus-visible .arrow{transform:translate(3px,-2px)}
.language-selector a{transition:background .25s,border-color .25s,box-shadow .25s}
.language-selector a:hover{box-shadow:0 4px 14px #00142f12}
.glass:active{transform:translateY(-1px) scale(.985)}
@media(prefers-reduced-motion:reduce){.glass:hover,.glass:active,.cards .glass:hover .line,.cards .glass:focus-visible .line,.glass:hover .card-arrow,.glass:focus-visible .card-arrow,.contact-button:hover .arrow,.contact-button:focus-visible .arrow{transform:none}}
/* Ochre accents inspired by the supplied reference. */
:root{--ochre:#b19a49;--ochre-light:#d5c27b;--gold:#c4aa55}
.gold-rule{background:linear-gradient(90deg,#9f8435,#d5c27b,#b19a49)}
.section-heading .eyebrow,.contact .eyebrow,.contact h2 span{color:var(--ochre-light)}
.section-heading:after{content:'';display:block;width:64px;height:3px;margin:22px auto 0;border-radius:3px;background:linear-gradient(90deg,#9f8435,#d5c27b)}
.line{background:linear-gradient(90deg,#a38b3c,#d5c27b)}
.blue-area .interaction-strip{border-top-color:#d5c27b99;border-bottom-color:#b19a4970;background:linear-gradient(120deg,#b19a493b,#d5c27b12 48%,#b19a4930)}
.cards .glass{border-color:#c5b16d99;box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 8px #b19a4920,0 0 0 3px #b19a4910,0 0 20px #309bff25,0 15px 30px #0003}
.cards .glass:hover,.cards .glass:focus-visible{border-color:var(--ochre-light);box-shadow:inset 0 1px 3px #fff9,0 0 25px #b19a4940,0 16px 40px #0005}
.card-arrow{color:var(--ochre-light)}
.contact-button{border-color:#d5c27ba6}
.contact-button:hover,.contact-button:focus-visible{box-shadow:inset 0 1px 3px #fff9,0 0 25px #b19a4950,0 16px 40px #0005}
.qr{border:2px solid #b19a4980}
.language-selector a[aria-current="page"]{border-color:#b19a4999}
.vehicle-card:hover .vehicle-box,.vehicle-card:focus-visible .vehicle-box{border-color:var(--ochre);background:linear-gradient(135deg,#fff,#d5c27b33)}
footer{border-top:2px solid var(--ochre)}
/* Ochre-tinted liquid glass for the full-width middle strip. */
.blue-area .interaction-strip{background:linear-gradient(115deg,rgba(151,123,43,.88),rgba(194,169,81,.84) 52%,rgba(177,154,73,.9));border-top-color:#eadba6cc;border-bottom-color:#cdb66eaa;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 3px #78602155,0 10px 32px #0003;text-shadow:0 1px 4px #57451c66}
/* More visible glass highlights and an ochre divider above contact. */
.glass:before{background:radial-gradient(circle at var(--x,20%) var(--y,0%),#ffffff52,transparent 65%)}
.glass:after{background:linear-gradient(90deg,transparent,#ffffff52,transparent)}
.cards .glass{background:linear-gradient(135deg,#e7efff30,#ffffff09 42%,#b19a492b);border-color:#dcc981cc;box-shadow:inset 0 2px 3px #ffffffaa,inset 0 -2px 10px #d5c27b38,0 0 0 3px #b19a4918,0 0 24px #b19a4928,0 15px 30px #0004}
.cards .glass:hover,.cards .glass:focus-visible{transform:translateY(-5px);box-shadow:inset 0 2px 4px #ffffffdd,inset 0 -2px 12px #d5c27b44,0 0 32px #d5c27b73,0 18px 40px #0006}
.blue-area .contact:after{content:'';position:absolute;left:0;right:0;top:0;height:22px;pointer-events:none;background:linear-gradient(115deg,#977b2bc9,#c2a951bd 52%,#b19a49d9);border-top:1px solid #f2e4b4cc;border-bottom:1px solid #d4bc76aa;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -2px 4px #78602144,0 0 18px #b19a494d;backdrop-filter:blur(18px) saturate(1.65);-webkit-backdrop-filter:blur(18px) saturate(1.65)}
.blue-area .interaction-strip:before{background:radial-gradient(ellipse at 20% 0%,#ffffff70,transparent 65%),linear-gradient(170deg,#ffffff28,transparent 48%,#ffffff1c)}
@media(max-width:600px){.blue-area .contact:after{height:18px}}
@media(prefers-reduced-motion:reduce){.cards .glass:hover,.cards .glass:focus-visible{transform:none}}
/* Lighter ochre glass so the supplied background remains visible. */
.blue-area .interaction-strip{background:linear-gradient(115deg,#977b2b4d,#c2a95138 52%,#b19a4952);backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);border-top-color:#eadba680;border-bottom-color:#cdb66e66;box-shadow:inset 0 1px 2px #ffffff66,inset 0 -1px 3px #78602126,0 8px 24px #0002}
.blue-area .interaction-strip:before{background:radial-gradient(ellipse at 20% 0%,#ffffff26,transparent 65%),linear-gradient(170deg,#ffffff0f,transparent 48%,#ffffff08)}
.blue-area .contact:after{background:linear-gradient(115deg,#977b2b4d,#c2a95138 52%,#b19a4952);backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);border-top-color:#f2e4b480;border-bottom-color:#d4bc7666;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 3px #78602126,0 0 14px #b19a4926}
/* Preserve the original aspect ratio instead of stretching the hero image. */
.hero{background-size:cover;background-position:center top}
@media(max-width:600px){.hero{background-size:cover;background-position:center top}}
/* Keep each vehicle name on the same readable surface as its icon. */
.segments .vehicle-card{padding:12px 12px 15px;background:linear-gradient(135deg,#fffffff5,#f5f8fcf2);border:1px solid #d4dce5;border-radius:18px;box-shadow:0 5px 18px #00142f18;color:#0f1d3d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.segments .vehicle-box{border:0;background:none;box-shadow:none;border-radius:10px;height:105px;padding:8px 15px}
.segments .vehicle-card h2{margin:10px 0 0;min-height:36px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0f1d3d}
.segments .vehicle-card:hover,.segments .vehicle-card:focus-visible{border-color:var(--ochre);box-shadow:0 8px 24px #00142f26,inset 0 0 0 1px #b19a494d}
.segments .vehicle-card:hover .vehicle-box,.segments .vehicle-card:focus-visible .vehicle-box{background:none;box-shadow:none}
@media(max-width:600px){.segments{gap:18px}.segments .vehicle-card{padding:10px 8px 13px}.segments .vehicle-box{height:94px;padding:7px 12px}.segments .vehicle-card h2{min-height:34px;font-size:11px;line-height:1.35}}
/* Stronger ochre color on the main interaction strip. */
.blue-area .interaction-strip{background:linear-gradient(115deg,rgba(153,117,30,.78),rgba(205,171,66,.72) 52%,rgba(177,143,43,.8));border-top-color:#f1d990cc;border-bottom-color:#d3af57b3;box-shadow:inset 0 1px 3px #fff8,inset 0 -1px 3px #73531940,0 8px 24px #0003;text-shadow:0 1px 4px #59400b88}
/* Clear glass catalog cards: preserve visible detail from the background. */
.cards .glass{background:linear-gradient(135deg,#ffffff12,#00142f0a 48%,#b19a490d);backdrop-filter:blur(3px) saturate(1.2);-webkit-backdrop-filter:blur(3px) saturate(1.2);box-shadow:inset 0 1px 2px #ffffff80,inset 0 -1px 5px #d5c27b26,0 0 0 2px #b19a4910,0 8px 22px #0003}
.cards .glass:before{background:radial-gradient(circle at var(--x,20%) var(--y,0%),#ffffff1c,transparent 58%)}
.cards .glass h3{text-shadow:0 2px 5px #001027cc}
.cards .glass:hover,.cards .glass:focus-visible{background:linear-gradient(135deg,#ffffff20,#00142f0d 48%,#b19a491a);box-shadow:inset 0 1px 3px #ffffffb3,0 0 23px #d5c27b4d,0 12px 28px #0004}
/* Remove the decorative divider above the contact section. */
.blue-area .contact:after{content:none;display:none}
/* Blue glass contact band with the continuous artwork visible beneath. */
.blue-area .contact{background:linear-gradient(110deg,rgba(0,27,60,.58),rgba(6,43,82,.38));backdrop-filter:blur(9px) saturate(1.25);-webkit-backdrop-filter:blur(9px) saturate(1.25);box-shadow:inset 0 1px 0 #c6e3ff35,inset 0 -1px 0 #c6e3ff26}
.blue-area .contact:before{content:none;background:none}
.contact .email,.contact .phone,.contact h2{text-shadow:0 2px 7px #001027b3}
@media(max-width:600px){.blue-area .contact{background:linear-gradient(110deg,rgba(0,27,60,.65),rgba(6,43,82,.48))}}
/* Ochre glass confined to the bottom seven percent of each catalog button. */
.cards .glass .card-ochre-band{position:absolute;inset:auto 0 0;height:7%;pointer-events:none;background:linear-gradient(115deg,#99751ec7,#cdab42b8 52%,#b18f2bcc);border-top:1px solid #f1d99099;box-shadow:inset 0 1px 2px #ffffff59;backdrop-filter:blur(8px) saturate(1.35);-webkit-backdrop-filter:blur(8px) saturate(1.35)}
/* WhatsApp button matches the upper ochre liquid-glass strip. */
.contact-button{background:linear-gradient(115deg,rgba(153,117,30,.78),rgba(205,171,66,.72) 52%,rgba(177,143,43,.8));border-color:#f1d990cc;backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);box-shadow:inset 0 1px 3px #fff8,inset 0 -1px 3px #73531940,0 8px 24px #0003;text-shadow:0 1px 4px #59400b88}
.contact-button:hover,.contact-button:focus-visible{background:linear-gradient(115deg,rgba(169,131,36,.84),rgba(218,185,81,.78) 52%,rgba(191,156,51,.86));box-shadow:inset 0 1px 3px #fffb,0 0 25px #b19a4950,0 12px 30px #0004}
/* Replace the contact band's light seam with an upward shadow. */
.blue-area .contact{border-top:0;box-shadow:0 -12px 24px -8px rgba(0,8,22,.6)}
/* Footer accent matches the glass strip at the bottom of catalog buttons. */
footer{border-top:0;position:relative}
footer:before{content:'';position:absolute;left:0;right:0;top:0;height:7px;pointer-events:none;background:linear-gradient(115deg,#99751ec7,#cdab42b8 52%,#b18f2bcc);border-top:1px solid #f1d99099;box-shadow:inset 0 1px 2px #ffffff59;backdrop-filter:blur(8px) saturate(1.35);-webkit-backdrop-filter:blur(8px) saturate(1.35)}
/* More compact contact glass band, with more uncovered background above it. */
.blue-area .contact{margin-top:30px}
.contact-inner{padding-top:55px;padding-bottom:65px}
@media(max-width:1000px){.contact-inner{padding-top:45px;padding-bottom:55px}}
@media(max-width:600px){.blue-area .contact{margin-top:20px}.contact-inner{padding-top:35px;padding-bottom:45px}}
/* Further compact the contact band while keeping its content spacing readable. */
.contact-inner{padding-top:35px;padding-bottom:40px}
@media(max-width:1000px){.contact-inner{padding-top:30px;padding-bottom:35px}}
@media(max-width:600px){.contact-inner{padding-top:25px;padding-bottom:30px}}
/* Footer strip matches 7% of the catalog card height at each breakpoint. */
footer:before{height:17.15px}
@media(max-width:1000px){footer:before{height:16.1px}}
@media(max-width:600px){footer:before{height:14px}}
/* Increase the interaction strip label and icon by twenty percent. */
.blue-area .interaction-strip{font-size:24px}
.blue-area .interaction-strip svg{width:42px;height:48px}
@media(max-width:600px){.blue-area .interaction-strip{font-size:13.2px}.blue-area .interaction-strip svg{width:30px;height:48px}html[lang="es"] .blue-area .interaction-strip{font-size:12px}}
/* Center the language selector across desktop and mobile. */
.language-selector{left:50%;right:auto;transform:translateX(-50%);width:max-content;justify-content:center}
@media(max-width:600px){.language-selector{left:50%;right:auto}}
/* Five resource buttons, with responsive rows on narrower screens. */
@media(min-width:1200px){.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.cards .glass h3{font-size:17px}.resource-inner{max-width:1240px}}
@media(min-width:1001px) and (max-width:1199px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep all five catalog buttons in one desktop row. */
@media(min-width:1001px){.resource-inner{max-width:1320px}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;max-width:none}.cards .glass{min-width:0;padding-left:10px;padding-right:10px}.cards .glass h3{font-size:17px}}
/* Bolder downward arrow in the interaction strip. */
.blue-area .interaction-strip svg path{stroke-width:4}