/* Defensa penal Bizkaia · diseño propio (15/11/2026, Josu: que no se parezca a comosembrar).
   Sobrio: azul marino y ocre, titulares con serifa, cabecera oscura, ancho de lectura y cajas con borde izquierdo.
   Va encima de theme/static/p3.css. Solo tipografías del sistema (rápido y sin terceros). */
:root { --tinta: #1b2433; --suave: #556072; --acento: #1f2f4a; --ocre: #a8742a; --fondo: #f6f4ef; --linea: #ddd7cc; --papel: #fff; }
body { font: 18px/1.65 "Segoe UI", system-ui, -apple-system, sans-serif; background: var(--fondo); }
h1, h2, h3, .p3-marca { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.01em; }
a { color: #24518a; text-underline-offset: 3px; }

/* cabecera oscura a todo el ancho, marca a la izquierda y menú en una línea aparte en el móvil */
.p3-cab { background: var(--acento); border-bottom: 4px solid var(--ocre); padding: 16px max(20px, calc((100% - 980px) / 2)); }
.p3-marca { color: #fff; font-size: 1.25rem; font-weight: 700; }
.p3-cab nav a { color: #d6dde8; font-size: 15px; }
.p3-cab nav a:hover { color: #fff; }
.p3-cab .p3-cta { background: var(--ocre); color: #fff; border-radius: 3px; }

/* cuerpo: más ancho que el tema común, titulares con serifa y raya ocre */
.p3-main { max-width: 820px; padding-top: 32px; }
.p3-main h1 { font-size: 2.1rem; color: var(--acento); font-weight: 700; }
.p3-main h2 { font-size: 1.45rem; color: var(--acento); margin-top: 2.2em; padding-bottom: 6px; border-bottom: 2px solid var(--linea); }
.p3-main h3 { font-size: 1.15rem; color: var(--tinta); }
.p3-entradilla { font-size: 1.12rem; border-left: 4px solid var(--ocre); padding: 4px 0 4px 16px; color: var(--tinta); }
.p3-firma { border-left-color: var(--ocre); font-style: italic; }

/* tablas tipo expediente */
table { background: var(--papel); border: 1px solid var(--linea); }
th { background: var(--acento); color: #fff; text-align: left; font-weight: 600; }
th, td { padding: 10px 12px; border-bottom: 1px solid var(--linea); vertical-align: top; }
tr:nth-child(even) td { background: #faf8f4; }
:where(.p3-tabla-ancha) th { background: var(--acento); }

/* caja «¿Necesitas un abogado?» al final de cada página: bloque marino, no un anuncio */
.p3-caja-cta { background: var(--acento); color: #e9edf3; border: 0; border-radius: 4px; padding: 22px 24px; }
.p3-caja-cta strong { display: block; font-family: Georgia, serif; font-size: 1.25rem; color: #fff; margin-bottom: 4px; }
.p3-caja-cta .p3-cta { background: var(--ocre); border-radius: 3px; }

/* citas de la ley */
blockquote { margin: 1.2em 0; padding: 10px 18px; border-left: 4px solid var(--ocre); background: var(--papel); font-style: italic; }

.p3-pie { background: #141d2c; color: #aab4c3; border-top: 0; padding: 28px 20px; }
.p3-pie a { color: #d6dde8; }

@media (max-width: 600px) {
  body { font-size: 17px; }
  .p3-main h1 { font-size: 1.7rem; }
  .p3-cab nav { order: 3; flex-basis: 100%; }
}

/* marca en dos líneas con el emblema (15/11/2026) */
.p3-marca { display: inline-flex; align-items: center; gap: 12px; }
.p3-marca img { border-radius: 8px; }
.p3-marca-txt { display: flex; flex-direction: column; line-height: 1.05; }
.p3-marca-txt span { font-size: 1.3rem; font-weight: 700; color: #fff; }
.p3-marca-txt small { font-family: "Segoe UI", system-ui, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; color: #e2b874; margin-top: 3px; }