.mazzini-lockup{width:270px;height:70px;background:url('assets/mazzini-logo.svg') left center/contain no-repeat;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18));font-size:0}
.mazzini-lockup>*{visibility:hidden}
.home-page>.conditions-section,.home-page>.legal-section,.home-page>.locations-section{display:none}
.catalog-card.mazzini-card:after{background-image:url('assets/catalog-tyres.png')}
.catalog-card.new:after,.catalog-card.mazzini-card:after{opacity:.34}.catalog-card.new:hover:after,.catalog-card.mazzini-card:hover:after{opacity:.52}.catalog-card.new,.catalog-card.mazzini-card{background-color:#d9d2c4}
.contact-float{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;background:#1d9b63;color:#fff;font-size:0;box-shadow:0 10px 24px rgba(12,74,47,.3)}.contact-float:hover{background:#168151}.contact-float:before{content:'☎';font-size:20px;line-height:1}.contact-float span{display:none}
.page-shell{min-height:calc(100vh - 80px);padding:150px clamp(22px,10vw,150px) 90px;background:var(--cream)}.page-shell h1{font:800 clamp(44px,6vw,80px)/.98 var(--display);letter-spacing:-.06em;margin:0 0 20px}.page-shell h1 em{font:400 1em var(--serif);color:var(--coral)}.page-intro{max-width:650px;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:55px}.page-panel{max-width:900px;background:#fff;padding:clamp(24px,5vw,55px);border-top:3px solid var(--coral)}.page-panel details{border-top:1px solid var(--line);padding:18px 0}.page-panel details:last-child{border-bottom:1px solid var(--line)}.page-panel summary{cursor:pointer;font:700 18px var(--display);list-style:none}.page-panel summary::-webkit-details-marker{display:none}.page-panel summary:after{content:'+';float:right;color:var(--coral);font-size:22px}.page-panel details[open] summary:after{content:'−'}.page-panel p,.page-panel li{color:var(--muted);font-size:13px;line-height:1.7}.page-panel a{color:var(--blue);font-weight:700}.page-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.page-card{background:#fff;padding:28px;min-height:190px;border-top:3px solid var(--coral)}.page-card h2{font:700 24px var(--display);margin:15px 0 8px}.page-card p{font-size:13px;color:var(--muted);line-height:1.6}.page-card small{color:var(--coral);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.page-header{position:relative;background:var(--navy);color:#fff}.page-header .nav{display:flex}.page-header .nav a{color:#fff}.page-header .nav-cta{border-color:rgba(255,255,255,.45)}@media(max-width:800px){.page-cards{grid-template-columns:1fr}.page-header .nav{display:none}.page-header .menu-toggle{display:flex}}

/* Aplicar la paleta oscura también después de las capas visuales heredadas. */
.contact-float{background:linear-gradient(135deg,#334f68,#192e42);color:#fff}.contact-float:hover{background:linear-gradient(135deg,#426581,#203b53)}.contact-float:before{content:'↗';font-size:18px}.contact-float{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%;font-size:0}.page-shell{background:linear-gradient(135deg,#1a2b3b 0%,#101d2a 72%);color:#edf3f6}.page-panel{background:linear-gradient(145deg,#24394d,#172939);color:#edf3f6;border-color:rgba(255,255,255,.12);border-top:3px solid #7998b2}.page-panel details{border-color:rgba(255,255,255,.16)}.page-panel p,.page-panel li{color:#b6c3cc}.page-panel a{color:#c0d7e6}.page-card{background:linear-gradient(145deg,#24394d,#172939);color:#edf3f6;border-color:rgba(255,255,255,.12)}.page-card a{color:#c0d7e6}.locations-section{background:linear-gradient(135deg,#1a2b3b 0%,#101d2a 72%)}.location-card{background:linear-gradient(145deg,#24394d,#172939);color:#edf3f6;border-color:rgba(255,255,255,.12);border-top:3px solid #7998b2}.location-card p,.location-card small{color:#b6c3cc}.location-card a{color:#c0d7e6}


/* Barra superior fija y menú desplegable disponible en escritorio y móvil. */
.site-header,.page-header{position:fixed;inset:0 0 auto;height:82px;padding:12px clamp(22px,5vw,72px);background:linear-gradient(110deg,rgba(10,21,33,.97),rgba(23,42,60,.94));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);z-index:50}
.site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:auto;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:50%;cursor:pointer}
.site-header .menu-toggle span{display:block;width:20px;height:2px;background:#edf3f6;border-radius:2px;transition:transform .2s,opacity .2s}
.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}
.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}
.site-header .nav{display:none;position:absolute;top:calc(100% + 10px);right:clamp(22px,5vw,72px);left:auto;width:min(340px,calc(100vw - 32px));padding:14px;background:linear-gradient(145deg,#24394d,#142536);border:1px solid rgba(255,255,255,.13);border-radius:8px;box-shadow:0 24px 55px rgba(0,0,0,.38);flex-direction:column;align-items:stretch;gap:0;color:#edf3f6}
.site-header .nav.open{display:flex}
.site-header .nav>a{padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.09);opacity:1!important;color:#edf3f6}
.site-header .nav>a:last-child{border-bottom:0}
.site-header .nav .nav-cta{margin-top:8px;text-align:center;border:1px solid rgba(255,255,255,.28);border-radius:4px}
.home-page .hero{padding-top:170px}
@media(max-width:800px){.site-header,.page-header{height:72px}.site-header .nav{top:calc(100% + 8px);left:16px;right:16px;width:auto}.home-page .hero{padding-top:145px}}

/* Identidad Mazzini presentada en un marco elegante. */
.mazzini-emblem{display:inline-flex;align-items:center;justify-content:center;min-width:min(330px,100%);min-height:112px;padding:18px 26px;margin:4px 0 22px;border:1px solid rgba(201,220,233,.55);border-radius:5px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));box-shadow:inset 0 0 0 5px rgba(255,255,255,.025),0 18px 38px rgba(0,0,0,.22)}
.mazzini-emblem img{display:block;width:min(300px,70vw);height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}
.site-header .nav .nav-cta{margin-top:0;text-align:left;border:0;border-radius:0}
.site-header .nav>a:last-child{border-bottom:0}
@media(max-width:800px){.mazzini-emblem{min-width:min(330px,100%);min-height:96px}}

/* Fotografías propias de cada sede en la página de contacto. */
.contact-locations .location-card{overflow:hidden;padding-top:0}.location-photo{display:block;width:calc(100% + 48px);height:180px;object-fit:cover;margin:0 -24px 20px;border-bottom:1px solid rgba(255,255,255,.15)}.contact-locations .location-card h3{margin-top:20px}
@media(max-width:540px){.location-photo{height:210px}}

/* Secciones de calidad, medio ambiente y consulta frecuente. */
.quality-control,.environment-section,.faq-section{background:linear-gradient(135deg,#1a2b3b 0%,#101d2a 78%);color:#edf3f6;border-top:1px solid rgba(255,255,255,.09)}
.quality-control .split-heading p,.environment-grid p,.faq-layout>div>p{color:#afbdc8;font-size:15px;line-height:1.75}
.quality-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}
.quality-control-grid article{overflow:hidden;padding:0 0 25px;background:linear-gradient(145deg,#263d52,#172939);border:1px solid rgba(255,255,255,.1)}
.quality-control-grid img{display:block;width:100%;height:220px;object-fit:cover;margin-bottom:22px}
.quality-control-grid article>span,.quality-control-grid h3,.quality-control-grid p{margin-left:23px;margin-right:23px}
.quality-control-grid article>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a9c4d7}
.quality-control-grid h3{font:700 23px/1.15 var(--display);margin-top:12px;margin-bottom:10px}
.quality-control-grid p{color:#b6c3cc;font-size:13px;line-height:1.65;margin-top:0;margin-bottom:0}
.environment-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:clamp(35px,8vw,110px)}
.environment-grid h2,.faq-layout h2{font:800 clamp(40px,5.2vw,70px)/.98 var(--display);letter-spacing:-.06em;margin:0 0 25px}
.environment-grid h2 em,.faq-layout h2 em{font:400 1em var(--serif);color:#afc9dc}
.environment-photo{width:100%;height:390px;object-fit:cover;border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 55px rgba(0,0,0,.24)}
.signus-frame{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:13px 18px;background:#f5f7f5;border:1px solid rgba(255,255,255,.4);border-radius:4px}
.signus-frame img{display:block;max-width:150px;max-height:54px;object-fit:contain}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,110px);align-items:start}
.faq-diagram{display:block;width:min(230px,80%);height:auto;margin-top:30px;padding:12px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);border-radius:4px}
.faq-list details{border-top:1px solid rgba(255,255,255,.17);padding:20px 0}
.faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.17)}
.faq-list summary{cursor:pointer;list-style:none;font:700 17px/1.4 var(--display);padding-right:28px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';float:right;color:#a9c4d7;font-size:22px}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{margin:12px 0 0;color:#b6c3cc;font-size:13px;line-height:1.75}
.faq-list a{color:#c5dae8;text-decoration:underline}
.site-header .nav{max-height:calc(100vh - 115px);overflow:auto}
@media(max-width:800px){.quality-control-grid,.environment-grid,.faq-layout{grid-template-columns:1fr}.quality-control-grid img{height:230px}.environment-photo{height:280px}.faq-diagram{width:min(190px,60%)}}

.faq-photo{display:block;width:100%;max-width:410px;height:190px;object-fit:cover;margin-top:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 38px rgba(0,0,0,.2)}.faq-diagram{margin-top:20px}


/* Servicios y condiciones comerciales por volumen. */
.services-section{background:linear-gradient(135deg,#1a2b3b 0%,#101d2a 78%);color:#edf3f6;border-top:1px solid rgba(255,255,255,.09)}
.services-section .split-heading p{color:#b6c3cc;font-size:15px;line-height:1.75}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:50px}
.service-card{display:grid;grid-template-columns:minmax(160px,.8fr) 1.2fr;overflow:hidden;background:linear-gradient(145deg,#263d52,#172939);border:1px solid rgba(255,255,255,.1)}
.service-card>img{width:100%;height:100%;min-height:260px;object-fit:cover}
.service-card>div{padding:25px;align-self:center}
.service-card span,.volume-pricing>div>span{color:#a9c4d7;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.service-card h3{font:700 22px/1.15 var(--display);margin:12px 0}
.service-card p,.volume-pricing p{color:#b6c3cc;font-size:13px;line-height:1.7}
.service-card a{display:inline-flex;gap:12px;margin-top:5px;color:#d4e4ef;font-size:12px;font-weight:700;text-decoration:none}
.volume-pricing{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:20px;padding:clamp(26px,4vw,44px);background:linear-gradient(120deg,#304e68,#1b3044);border:1px solid rgba(255,255,255,.16)}
.volume-pricing h3{font:800 clamp(28px,3vw,40px)/1 var(--display);margin:10px 0}
.volume-pricing p{max-width:700px;margin-bottom:0}
.volume-pricing .button{flex:0 0 auto}
@media(max-width:900px){.service-card{grid-template-columns:1fr}.service-card>img{height:210px;min-height:0}.services-grid{grid-template-columns:1fr}}
@media(max-width:600px){.volume-pricing{align-items:flex-start;flex-direction:column}}


/* Documento oficial de condiciones de venta en copia local. */
.conditions-document{max-width:1100px;margin:0 0 34px;padding:clamp(20px,3vw,32px);background:linear-gradient(145deg,#24394d,#172939);border:1px solid rgba(255,255,255,.12);color:#edf3f6}
.conditions-document>p{margin:0 0 18px;color:#b6c3cc;line-height:1.65}
.conditions-document .button{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;background:linear-gradient(135deg,#425e76,#2b4359);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;text-decoration:none}
.conditions-pdf{display:block;width:100%;height:min(82vh,1000px);min-height:620px;margin-top:22px;background:#fff;border:1px solid rgba(255,255,255,.15)}
.conditions-pdf p{padding:24px;color:#172939}
@media(max-width:600px){.conditions-pdf{height:70vh;min-height:480px}}


/* Documento oficial de condiciones de venta en copia local. */
.conditions-document{max-width:1100px;margin:0 0 34px;padding:clamp(20px,3vw,32px);background:linear-gradient(145deg,#24394d,#172939);border:1px solid rgba(255,255,255,.12);color:#edf3f6}
.conditions-document>p{margin:0 0 18px;color:#b6c3cc;line-height:1.65}
.conditions-document .button{display:inline-flex;align-items:center;gap:12px;padding:13px 18px;background:linear-gradient(135deg,#425e76,#2b4359);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;text-decoration:none}
.conditions-pdf{display:block;width:100%;height:min(82vh,1000px);min-height:620px;margin-top:22px;background:#fff;border:1px solid rgba(255,255,255,.15)}
.conditions-pdf p{padding:24px;color:#172939}
@media(max-width:600px){.conditions-pdf{height:70vh;min-height:480px}}

.quality-control-grid video{display:block;width:100%;height:220px;object-fit:cover;margin-bottom:22px;background:#091522}
@media(max-width:800px){.quality-control-grid video{height:230px}}


/* Accesos flotantes directos a Facebook y WhatsApp. */
.social-float{position:fixed;right:22px;z-index:60;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.3);transition:transform .2s,filter .2s}
.social-float:hover{transform:translateY(-3px);filter:brightness(1.12)}
.social-float svg{display:block;width:23px;height:23px;fill:currentColor}
.facebook-float{bottom:82px;background:#1877f2}
.whatsapp-float{bottom:22px;background:#20b76a}
.whatsapp-float svg path:first-child{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.whatsapp-float svg path:last-child{fill:currentColor}
.contact-float{display:none!important}
@media(max-width:600px){.social-float{right:15px;width:48px;height:48px}.facebook-float{bottom:76px}.whatsapp-float{bottom:18px}}


/* Más espacio para documentos legales y condiciones. */
.page-shell.wide-shell{padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}
.page-shell.wide-shell .page-panel,.page-shell.wide-shell .conditions-document{width:100%;max-width:none}
.page-shell.wide-shell .conditions-pdf{width:100%}
.whatsapp-float{position:fixed}
.whatsapp-float:after{content:"Contactar";position:absolute;right:calc(100% + 11px);top:50%;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:linear-gradient(145deg,#24394d,#142536);color:#fff;font:600 12px/1.2 var(--sans);white-space:nowrap;opacity:0;transform:translate(5px,-50%);pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.whatsapp-float:hover:after,.whatsapp-float:focus-visible:after{opacity:1;transform:translate(0,-50%)}


/* Invitación a unirse al equipo. */
.careers-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(34px,7vw,96px);padding:clamp(72px,9vw,125px) clamp(22px,10vw,150px);background:linear-gradient(135deg,#1a2b3b 0%,#101d2a 78%);color:#edf3f6;border-top:1px solid rgba(255,255,255,.09)}
.careers-copy h2{font:800 clamp(42px,5.4vw,72px)/.98 var(--display);letter-spacing:-.06em;margin:16px 0 20px}
.careers-copy h2 em{font:400 1em var(--serif);color:#afc9dc}
.careers-copy p{max-width:450px;margin:0 0 25px;color:#b6c3cc;font-size:15px;line-height:1.75}
.careers-image{display:block;width:100%;height:420px;object-fit:cover;border:1px solid rgba(255,255,255,.13);box-shadow:0 22px 55px rgba(0,0,0,.25)}
@media(max-width:800px){.careers-section{grid-template-columns:1fr}.careers-image{height:290px}}


/* Azul corporativo más presente en las superficies de toda la web. */
:root{--navy:#19476a;--blue:#b5d2e6;--coral:#a9cce1;--cream:#102b43;--ink:#edf5fa;--muted:#b5c5d2}
body{background:linear-gradient(135deg,#173e60 0%,#102b43 100%);color:#edf5fa}
.hero{background-image:linear-gradient(90deg,rgba(10,38,62,.97) 0%,rgba(20,62,94,.76) 48%,rgba(20,62,94,.12) 84%),url('assets/hero-warehouse.png')}
.site-header,.page-header{background:linear-gradient(110deg,rgba(9,37,62,.98),rgba(28,76,111,.97))}
.company,.catalog-section,.quality,.locations-section,.page-shell,.contact-form-section,.contact-locations,.quality-control,.environment-section,.faq-section,.services-section,.careers-section{background:linear-gradient(135deg,#1d4b70 0%,#183e5e 48%,#102b45 100%);color:#edf5fa}
.service-ribbon{background:linear-gradient(110deg,#173c5b,#244f72);color:#edf5fa}
.service-card,.quality-control-grid article,.page-panel,.page-card,.conditions-document,.location-card{background:linear-gradient(145deg,#28577c,#183a58);color:#edf5fa}
.volume-pricing,.contact-info-grid>*{background:linear-gradient(120deg,#315f84,#1a3b58)}
.mazzini-section{background:linear-gradient(125deg,#1b4568,#102c46);color:#fff}
.site-footer{background:linear-gradient(110deg,#102c46,#173d5d);color:#bdcedb;border-top:1px solid rgba(255,255,255,.12)}
.footer-brand{color:#edf5fa}

.site-header .brand span{font-size:10px;letter-spacing:.04em;white-space:nowrap}
@media(max-width:500px){.site-header .brand{gap:8px}.site-header .brand img{width:68px;height:52px}.site-header .brand span{font-size:9px;letter-spacing:.025em}}


/* Legibilidad de candidatura y contacto con iconografía. */
.careers-copy .button-light{color:#102b43;background:#fff}
.careers-copy .button-light:hover{color:#102b43;background:#dbeaf5}
.contact-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-info-grid svg{display:block;width:25px;height:25px;margin-bottom:5px;fill:none;stroke:#a9cce1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-info-grid a:hover{border-color:rgba(169,204,225,.55);background:linear-gradient(145deg,#315f84,#1a3b58)}
#contacto-whatsapp{scroll-margin-top:105px}
@media(max-width:900px){.contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.contact-info-grid{grid-template-columns:1fr}}


/* Página informativa de verificación de neumáticos usados. */
.checklist-shell{padding-top:150px}
.checklist-shell>.page-intro{max-width:850px}
.checklist-shell>h1{font-size:clamp(42px,calc(6vw - 2px),78px)}
.checklist-section,.care-section{width:100%;margin-top:54px}
.checklist-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.checklist-heading h2,.care-section h2{margin:0;font:800 clamp(27px,3.5vw,42px)/1.08 var(--display);letter-spacing:-.045em}
.checklist-heading>span{color:#c5dced;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.checklist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.checklist-card,.care-card{padding:clamp(22px,3vw,32px);background:linear-gradient(145deg,#28577c,#183a58);border:1px solid rgba(255,255,255,.14);color:#edf5fa}
.checklist-card-top{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.check-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3174a6;color:#fff;font-weight:800}
.check-result{color:#c5dced;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.checklist-card h3,.care-card h3{font:700 20px/1.25 var(--display);margin:0 0 17px}
.checklist-card p{color:#c3d1dc;font-size:13px;line-height:1.7;margin:12px 0 0}
.checklist-card p strong{color:#f1f6fa}
.inspection-pressure{display:flex;align-items:center;gap:16px;margin-top:17px;padding:21px 25px;background:linear-gradient(120deg,#315f84,#1a3b58);border:1px solid rgba(255,255,255,.14)}
.pressure-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#d8e9f5;font-size:20px}
.inspection-pressure h3{margin:0 0 3px;font:700 16px var(--display)}
.inspection-pressure p{margin:0;color:#c3d1dc;font-size:13px;line-height:1.6}
.inspection-pressure strong{color:#fff}
.care-section{margin-top:68px}
.care-section>.section-kicker{margin-bottom:10px}
.care-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.care-card h3{color:#eff6fa;margin-bottom:12px}
.care-card ul{margin:0;padding-left:20px;color:#c3d1dc;font-size:13px;line-height:1.8}
.care-card li{padding-left:3px;margin:5px 0}
@media(max-width:900px){.checklist-grid{grid-template-columns:1fr}.checklist-card{padding:25px}.care-columns{grid-template-columns:1fr}}
@media(max-width:600px){.checklist-shell{padding-top:128px}.checklist-heading{align-items:flex-start;flex-direction:column}.checklist-heading>span{font-size:9px}}