/* A. Oficinas y trámites: portada lisa con buscador en tarjeta, bloques con borde suave, barra de independencia y modo oscuro. */
.diseno-a-oficinas { --fondo: #f4f7f9; --linea: #d9e3e8; }
.diseno-a-oficinas h1, .diseno-a-oficinas h2 { font-weight: 700; letter-spacing: -.01em; }
.diseno-a-oficinas .hero { background: var(--suave); color: var(--tinta); background-image: none; }
.diseno-a-oficinas .hero h1 em { color: var(--primario); font-style: normal; }
.diseno-a-oficinas .hero__intro { color: var(--tenue); }
.diseno-a-oficinas .hero__dentro { justify-items: start; text-align: left; }
.diseno-a-oficinas .buscador { box-shadow: 0 6px 24px rgb(18 59 86 / .12); }
.diseno-a-oficinas .banda { background: var(--suave); color: var(--tinta); }
.diseno-a-oficinas .banda a, .diseno-a-oficinas .migas ol { color: var(--primario-oscuro); }
.diseno-a-oficinas .banda__dir, .diseno-a-oficinas .banda__intro { color: var(--tenue); }
.diseno-a-oficinas .accion { color: var(--tinta) !important; border-color: var(--linea); background: var(--superficie); }
.diseno-a-oficinas .accion--principal { background: var(--primario); border-color: var(--primario); color: #fff !important; }
.diseno-a-oficinas .accion--tramites { background: var(--acento); border-color: var(--acento); color: #1d1d1d !important; }
.diseno-a-oficinas .bloque > h2::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 3px; background: var(--acento); vertical-align: middle; }
.diseno-a-oficinas .guia-tarjeta { border-left: 4px solid var(--primario); }
.diseno-a-oficinas .pie { background: var(--primario-oscuro); }
html[data-tema="oscuro"] .diseno-a-oficinas .hero, html[data-tema="oscuro"] .diseno-a-oficinas .banda { background: #13262c; }