:root{--red:#bc2430;--dark:#181818;--muted:#666;--cream:#fff9f7;--line:#eadfdb}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:linear-gradient(180deg,#fff,var(--cream));line-height:1.6}
a{color:inherit;text-decoration:none}.top{padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.brand{font-weight:800;font-size:1.15rem}.brand small{display:block;color:var(--red);font-weight:700}.back{font-weight:700;color:var(--red)}
.hero{max-width:1100px;margin:auto;padding:70px 5% 35px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-weight:800;font-size:.78rem}.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1;margin:.25em 0}.hero p{max-width:720px;color:var(--muted);font-size:1.12rem}
.grid{max-width:1100px;margin:auto;padding:20px 5% 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.brand-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:850;font-size:1.12rem;box-shadow:0 12px 35px rgba(70,35,35,.07);transition:.25s}.brand-card:hover{transform:translateY(-7px);border-color:rgba(188,36,48,.35);box-shadow:0 18px 45px rgba(188,36,48,.14)}
.note{max-width:1100px;margin:0 auto 80px;padding:0 5%}.note-box{background:#fff;border-left:5px solid var(--red);padding:22px 25px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.cta{display:inline-flex;margin-top:18px;background:var(--red);color:#fff;border-radius:999px;padding:13px 20px;font-weight:800}.footer{text-align:center;padding:30px 5%;background:#171717;color:#fff}.wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;background:#25d366;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}

/* Pagina calzature */
.footwear-hero{padding-bottom:54px}.footwear-hero h1{max-width:900px}
.brand-section{max-width:1100px;margin:0 auto;padding:20px 5% 70px}.children-section{padding-top:5px}
.section-heading{margin-bottom:24px}.section-heading span{display:inline-block;color:var(--red);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.section-heading h2{margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}
.brand-grid{display:grid;gap:22px}.adult-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.children-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.logo-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 42px rgba(65,35,35,.09);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.logo-card::after{content:"";position:absolute;inset:-70% auto auto -35%;width:55%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(18deg);transition:transform .75s ease}.logo-card:hover::after{transform:translateX(330%) rotate(18deg)}.logo-card:hover{transform:translateY(-8px);border-color:rgba(188,36,48,.35);box-shadow:0 24px 58px rgba(135,35,45,.17)}
.logo-stage{height:190px;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,#fff 0,#fff9f7 75%);border-bottom:1px solid var(--line)}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(0,0,0,.12));transform-origin:center}
.brand-copy{padding:24px}.brand-copy h3{font-size:1.45rem;margin:0 0 7px}.brand-copy p{color:var(--muted);margin:0 0 18px;min-height:104px}.brand-copy a{display:inline-flex;color:var(--red);font-weight:900}.brand-copy a:hover{text-decoration:underline}
.logo-float{animation:logoFloat 3.2s ease-in-out infinite}.logo-float-delay{animation:logoFloat 3.2s .55s ease-in-out infinite}.logo-breathe{animation:logoBreathe 2.8s ease-in-out infinite}.logo-breathe-delay{animation:logoBreathe 2.8s .7s ease-in-out infinite}.logo-swing{animation:logoSwing 3.5s ease-in-out infinite}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.2deg)}}
@keyframes logoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes logoSwing{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-1.8deg) translateY(-5px)}75%{transform:rotate(1.8deg) translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.brand-logo{animation:none!important}.logo-card,.logo-card::after{transition:none}}
@media (max-width:850px){.children-grid{grid-template-columns:1fr 1fr}.brand-copy p{min-height:0}}
@media (max-width:620px){.adult-grid,.children-grid{grid-template-columns:1fr}.logo-stage{height:165px}.top{align-items:flex-start;gap:18px}.back{text-align:right;font-size:.9rem}}