.marcas-page { background:#f7f8fc; }
.marcas-back { display:inline-block; margin-bottom:24px; color:var(--blau-fosc); text-decoration:none; font-weight:600; }
.marcas-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:34px; }
.marca-card { display:flex; flex-direction:column; align-items:center; gap:14px; padding:28px 20px; background:#fff; border:1px solid #e2e5f0; border-radius:10px; text-align:center; text-decoration:none; color:var(--blau-fosc); transition:box-shadow .2s,transform .2s; }
.marca-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px #00001812; }
.marca-card:focus-visible { outline:3px solid var(--blau-portada); outline-offset:4px; }
.marca-logo { width:100%; height:140px; display:flex; align-items:center; justify-content:center; }
.marca-logo img { max-width:100%; max-height:130px; width:auto; height:auto; object-fit:contain; }
.marca-card h2 { font-size:19px; margin:0; }
.marca-card>span { font-size:14px; color:#4040b8; }
.marcas-contacto { margin-top:48px; padding:28px; border-radius:10px; background:#eef0fc; text-align:center; }
.marcas-contacto h2 { font-size:24px; color:var(--blau-fosc); }
.marcas-contacto p { margin:12px 0 20px; }
.marcas-btn { display:inline-block; padding:12px 22px; border-radius:6px; background:var(--blau-fosc); color:#fff; text-decoration:none; font-weight:600; }
@media(max-width:800px) { .marcas-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:480px) { .marcas-grid { grid-template-columns:1fr; } .marcas-page .titulo { font-size:28px; overflow-wrap:break-word; } }