Portal de Pagos :root{ --azul:#1f5f9e; --verde:#3aa04a; --amarillo:#f2c94c; --violeta:#4e4ba6; --texto:#444; --gris:#f7f7f7; } *{box-sizing:border-box;margin:0;padding:0} body{ font-family:"Roboto",sans-serif; background:white; color:var(--texto); line-height:1.4; } header{ text-align:center; padding:18px 10px 6px; } header h1{ font-size:34px; color:var(--azul); font-weight:700; margin-bottom:8px; letter-spacing:0.5px; } .bandas{ display:flex; flex-direction:column; height:14px; } .b-verde{background:var(--verde);height:8px;} .b-azul{background:var(--azul);height:6px;} .wrap{ max-width:1200px; margin:40px auto; padding:0 20px 60px; } .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px; text-align:center; align-items:start; position:relative; } .bloque{ padding:25px 12px; } .bloque i{ font-size:48px; color:var(--violeta); margin-bottom:14px; } .bloque h4{ font-size:15px; font-weight:700; margin-bottom:12px; color:#333; } .bloque .links a{ display:block; text-decoration:none; color:var(--azul); font-weight:600; margin:5px 0; font-size:14px; } .bloque .links a:hover{ text-decoration:underline; } /* Tarjeta central */ .card-center{ grid-column:2/3; background:white; box-shadow:0 15px 28px rgba(0,0,0,0.08); padding:38px 24px 34px; border-radius:4px; position:relative; margin-top:-20px; } .card-center::after{ content:""; position:absolute; bottom:0; left:0; right:0; height:3px; background:#e53935; } .card-center i{ font-size:48px; color:var(--violeta); margin-bottom:10px; } .card-center h3{ font-size:18px; font-weight:700; color:#333; margin-bottom:10px; } .card-center .links a{ display:block; text-decoration:none; color:var(--azul); font-weight:600; margin:6px 0; font-size:14px; } /* Responsive */ @media (max-width:900px){ .grid{ grid-template-columns:1fr; gap:25px; } .card-center{ grid-column:1/-1; margin-top:0; } } PORTAL DE PAGOS PAGO PERMISO DE CIRCULACIÓN Locomoción Colectiva Locomoción Particular Vehículos Pesados PAGO TRÁMITES DE OBRAS Certificados Online Expedientes Online Respuesta de Observaciones Online PAGO INFRACCIONES Partes Municipales Infracciones de Tránsito PAGO MULTAS MULTIPAGOS Infracciones o Multas Pagos Varios PAGO PATENTE MUNICIPAL Patente Industrial Patente Profesional Patente Comercial Patente de Alcoholes PAGO DERECHO DE ASEO Aseo Domiciliario