.ph-marcas{--ph-azul-principal:#03007d;--ph-verde-cupon:#42ffbf;--ph-text-dark:#111;--ph-text-mid:#555;--ph-radius-card:10px;--ph-radius-pill:6px;--ph-card-border:#e7e7e7;--ph-shadow:0 6px 18px rgba(0,0,0,.08);--ph-gap:12px}.ph-marcas *,.ph-marcas *::before,.ph-marcas *::after{box-sizing:border-box;margin:0;padding:0}.ph-marcas{padding:20px;background:#fff;width:100%;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .04)}.ph-marcas__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:var(--ph-gap);max-width:1290px;margin:0 auto;width:100%}@media (max-width:640px){.ph-marcas__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto)}}.ph-marca-card{border:1px solid var(--ph-card-border);border-radius:var(--ph-radius-card);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;box-shadow:var(--ph-shadow);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none;color:inherit;min-height:120px;width:100%;position:relative}.ph-marca-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgb(0 0 0 / .12);text-decoration:none}.ph-marca-card:focus,.ph-marca-card:active{text-decoration:none}.ph-marca-card__logo{width:100%;max-width:140px;max-height:60px;object-fit:contain;transition:transform .22s ease;display:block;border-radius:6px}.ph-marca-card:hover .ph-marca-card__logo{transform:scale(1.035)}.ph-marca-card:focus-visible{outline:2px solid var(--ph-azul-principal);outline-offset:3px}@media (prefers-reduced-motion:reduce){.ph-marca-card,.ph-marca-card__logo{transition:none}}.ph-marca-card__logo[src=""],.ph-marca-card__logo:not([src]){opacity:0}.ph-marca-card__fallback{font-size:1rem;font-weight:500;color:var(--ph-text-dark);text-align:center}.ph-marca-card--with-text{min-height:160px;gap:12px}.ph-marca-card--with-text .ph-marca-card__logo{flex-shrink:0}.ph-marca-card__name{font-size:.95rem;font-weight:600;color:var(--ph-text-dark);text-align:center;line-height:1.4;margin-top:auto}.ph-marca-card--with-text:hover .ph-marca-card__name{color:var(--ph-azul-principal)}.ph-marca-card--with-text:not(:has(.ph-marca-card__logo)) .ph-marca-card__name{font-size:1.1rem;font-weight:600}