/* Identidad: azul marino, azul y dorado. Sin fuentes ni bibliotecas externas. */
:root {
  --marino:#0b1f3a;
  --marino-profundo:#071529;
  --azul:#1e4e8c;
  --azul-claro:#eef3f9;
  --oro:#c9a24b;
  --oro-claro:#e0bd6a;
  --oro-oscuro:#8a6a1f;
  --texto:#1b2433;
  --gris:#5b6677;
  --linea:#d9e1ec;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--texto); line-height:1.65; }
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
.contenedor { width:min(1200px,90%); margin-inline:auto; }
.franja { background:var(--oro); color:var(--marino); font-size:.78rem; font-weight:600; }
.franja .contenedor { display:flex; justify-content:space-between; padding-block:7px; }
.franja a { text-decoration:none; }
.encabezado { position:sticky; top:0; z-index:20; background:var(--marino); color:#fff; border-bottom:1px solid #223b60; }
.barra { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:14px; }
.logo { width:255px; }
nav { display:flex; gap:30px; }
nav a { text-decoration:none; font-size:.9rem; padding:10px 0; position:relative; }
nav a::after { content:''; position:absolute; bottom:2px; left:0; width:0; height:2px; background:var(--oro); transition:width .2s; }
nav a:hover::after,nav a:focus-visible::after { width:100%; }
.boton { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 20px; border:1px solid transparent; border-radius:5px; font-weight:700; font-size:.85rem; text-decoration:none; transition:background .2s,transform .2s,box-shadow .2s; }
.boton:hover {  }
.principal { background:var(--oro); color:#0b1f3a; }
.principal:hover { background:#e0bd6a; box-shadow:0 5px 20px #c9a24b20; }
.oscuro { border-color:#4a6694; color:white; }
.oscuro:hover { background:#16335c; }
.secundario { border-color:#d9e1ec; background:white; }
.secundario:hover { background:#eef3f9; }
.presentacion { background:radial-gradient(ellipse at 80% 45%,#1d4478 0%,#0f2b52 45%,#0b1f3a 75%); color:white; overflow:hidden; }
.portada { display:grid; grid-template-columns:1.2fr 1fr; gap:50px; align-items:center; padding-block:72px 58px; }
.etiqueta { display:flex; align-items:center; gap:12px; color:var(--azul); font-size:.82rem; font-weight:700; letter-spacing:.04em; margin:0 0 18px; }
.presentacion .etiqueta,.domicilio .etiqueta { color:var(--oro); }
.linea { width:30px; height:2px; background:var(--oro); }
h1 { font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:clamp(2.7rem,5vw,4.5rem); line-height:1.1; letter-spacing:-.02em; margin:0 0 26px; }
h1 em { color:var(--oro-claro); font-style:italic; font-weight:400; }
.introduccion { color:#cdd7e6; max-width:550px; font-size:1rem; margin-bottom:30px; }
.acciones { display:flex; flex-wrap:wrap; gap:10px; }
.confianza { display:flex; gap:30px; border-top:1px solid #2f4d7a; margin-top:34px; padding-top:22px; font-size:.78rem; color:#c0cde0; }
.confianza strong { color:white; }
.visual-portada { position:relative; height:420px; display:flex; align-items:center; justify-content:center; }
.circulo { position:absolute; width:350px; height:350px; border:1px solid #c9a24b33; border-radius:50%; }
.circulo-dos { width:280px; height:280px; border-style:dashed; }
.llave-hero { position:relative; width:360px; filter:drop-shadow(12px 20px 16px #0008); }
.rotulo { position:absolute; font-size:.65rem; letter-spacing:.17em; color:#c3d0e4; }
.rotulo-arriba { top:0; right:0; }
.rotulo-abajo { bottom:0; left:5%; color:var(--oro); font-weight:700; }
.rotulo-abajo span { display:block; color:#a9b9d1; letter-spacing:0; font-weight:400; margin-top:4px; }
.sello { position:absolute; right:0; bottom:38px; background:var(--oro); color:var(--marino); padding:18px; width:120px; transform:rotate(6deg); box-shadow:0 8px 25px #0004; }
.sello strong { display:block; font-family:Georgia,serif; font-size:2rem; line-height:1.1; }
.sello span { display:block; font-size:.52rem; letter-spacing:.1em; margin-top:7px; }
.banda-servicios { background:#10294a; color:#dbe5f3; border-top:1px solid #23406b; }
.banda-servicios .contenedor { display:grid; grid-template-columns:repeat(4,1fr); padding-block:22px; }
.banda-servicios span { display:flex; gap:14px; align-items:center; justify-content:center; font-size:.85rem; border-right:1px solid #2a4670; }
.banda-servicios span:last-child { border:0; }
.banda-servicios svg { width:25px; height:25px; color:var(--oro); }
.seccion { padding-block:76px; }
h2 { font-family:Georgia,"Times New Roman",serif; font-weight:700; font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.2; letter-spacing:-.01em; margin:0 0 20px; color:var(--marino); }
.nosotros { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.nosotros p:not(.etiqueta) { color:var(--gris); margin:0 0 18px; }
.enlace { font-size:.88rem; text-decoration:none; font-weight:700; color:var(--azul); border-bottom:2px solid var(--oro); padding-bottom:4px; width:fit-content; }
.enlace:hover { color:#0b1f3a; }
.fondo-claro { background:var(--azul-claro); }
.titulo-seccion { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:30px; }
.titulo-seccion h2 { margin-bottom:0; }
.titulo-seccion>p { max-width:310px; font-size:.9rem; color:var(--gris); margin:0; }
.servicios-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.servicio { background:white; border:1px solid var(--linea); border-top:3px solid var(--marino); border-radius:6px; padding:30px; display:flex; flex-direction:column; transition:box-shadow .25s,border-color .25s; }
.servicio:hover { box-shadow:0 14px 30px #0b1f3a18; border-top-color:var(--oro); }
.cabecera-servicio { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }
.icono { display:flex; align-items:center; justify-content:center; width:52px; height:52px; background:#0b1f3a; color:#c9a24b; border-radius:10px; }
.icono svg { width:30px; height:30px; }
.numero { color:#5b6677; font-family:Georgia,serif; font-size:1.35rem; }
h3 { font-size:1.2rem; line-height:1.25; margin:0 0 12px; }
.servicio>p { color:var(--gris); font-size:.9rem; margin:0 0 20px; }
.servicio ul { padding:0; list-style:none; margin:0 0 25px; font-size:.84rem; }
.servicio li { border-top:1px solid #e6ecf4; padding:10px 0 10px 18px; position:relative; }
.servicio li::before { content:'·'; position:absolute; left:0; color:#c9a24b; font-weight:bold; }
.servicio .enlace { margin-top:auto; }
.nota { color:var(--gris); font-size:.8rem; margin:24px 0 0; }
.domicilio { background:linear-gradient(110deg,#0b1f3a,#17406f); color:white; }
.domicilio-interior { padding-block:45px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.domicilio h2 { margin:0 0 10px; }
.domicilio p:not(.etiqueta) { color:#cdd9ea; margin:0; }
/* Sucursales compactas: cuatro, dos o una columna según el espacio disponible. */
.tarjetas { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.tarjeta { border:1px solid #d9e1ec; border-radius:9px; padding:24px 20px; display:flex; flex-direction:column; position:relative; overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; }
.tarjeta::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--marino); transition:background .25s; }
.tarjeta:hover,.tarjeta:focus-within {  border-color:#b9c8dc; box-shadow:0 12px 26px #0b1f3a14; }
.ciudad { color:var(--gris); font-size:.7rem; margin:0 0 12px; }
.tarjeta h3 { font-size:1.25rem; margin-bottom:18px; }
.telefono { font-size:1.05rem; font-weight:700; text-decoration:none; margin-top:auto; margin-bottom:18px; width:fit-content; }
.tarjeta .acciones { display:grid; grid-template-columns:1fr; gap:8px; }
.tarjeta .boton { font-size:.78rem; padding:9px 12px; }
footer { background:var(--marino-profundo); color:#b3c0d4; }
.pie { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-block:35px; font-size:.75rem; }
.pie strong { font-size:1rem; color:white; }
.pie p { margin:5px 0 0; }
.pie a { color:var(--oro); text-decoration:none; }
a:focus-visible { outline:3px solid #3984d6; outline-offset:5px; }
.saltar { position:absolute; top:-100px; left:15px; background:white; padding:12px; z-index:50; }
.saltar:focus { top:10px; }
.solo-lector { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media (max-width:1000px) { .contacto-header { display:none; } .portada { gap:25px; } .visual-portada { height:360px; } .llave-hero { width:300px; } .circulo { width:290px; height:290px; } .circulo-dos { width:230px; height:230px; } .tarjetas { grid-template-columns:repeat(2,minmax(0,1fr)); } .servicio { padding:24px; } }
@media (max-width:720px) {
 html { scroll-padding-top:140px; }
 .franja .contenedor { justify-content:center; } .franja a { display:none; }
 .barra { flex-direction:column; gap:7px; padding-block:10px; } .logo { width:220px; } nav { gap:32px; } nav a { padding:6px 0; }
 .portada { grid-template-columns:1fr; padding-block:42px; gap:35px; } .visual-portada { height:310px; max-width:420px; width:100%; margin:auto; } .rotulo-arriba { font-size:.55rem; }
 .banda-servicios .contenedor { grid-template-columns:repeat(2,1fr); gap:22px 0; } .banda-servicios span { font-size:.75rem; } .banda-servicios span:nth-child(2) { border:0; }
 .seccion { padding-block:48px; } .nosotros { grid-template-columns:1fr; gap:20px; } .titulo-seccion { flex-direction:column; align-items:start; gap:15px; } .titulo-seccion>p { max-width:100%; }
 .servicios-grid { grid-template-columns:1fr; } .domicilio-interior { flex-direction:column; align-items:start; }
 .pie { flex-direction:column; align-items:start; gap:18px; }
}
@media (max-width:420px) { .tarjetas { grid-template-columns:1fr; } .tarjeta .acciones { grid-template-columns:1fr 1fr; } .confianza { gap:15px; font-size:.7rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } .boton:hover,.servicio:hover,.tarjeta:hover,.tarjeta:focus-within { transform:none; } }
/* Tarjetas de acceso y páginas independientes de las sucursales. */
.tarjeta-enlace { min-height:150px; padding:22px; }
.indice-sucursal { color:#8a6a1f; font-size:.72rem; letter-spacing:.12em; margin-bottom:16px; }
.tarjeta-enlace h3 { margin-bottom:24px; }
.tarjeta-enlace>.boton { margin-top:auto; width:100%; }
.portada-sucursal { grid-template-columns:1.4fr 1fr; gap:65px; }
.portada-sucursal h1 { font-size:clamp(2.4rem,4.5vw,4rem); }
.regresar { display:inline-block; color:#bccbe0; font-size:.8rem; text-decoration:none; margin-bottom:30px; }
.regresar:hover { color:var(--oro); }
.contacto-destacado { border:1px solid #2f4d7a; background:#12294a; border-radius:12px; padding:32px; }
.telefono-destacado { color:var(--oro); font-size:clamp(1.5rem,2.8vw,2rem); font-weight:700; text-decoration:none; }
.contacto-destacado>p:not(.etiqueta) { color:#c9d5e6; font-size:.9rem; }
.distintivo { display:block; border-top:1px solid #2f4d7a; padding-top:17px; margin-top:23px; color:#d3deed; font-size:.8rem; }
.datos-sucursal { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.panel-datos { border:1px solid #d9e1ec; border-radius:10px; padding:30px; }
.panel-datos address { font-style:normal; color:var(--gris); }
.panel-datos .boton { margin-top:20px; }
.referencia-local { color:var(--gris); font-size:.9rem; }
.telefono-local { display:inline-block; color:#1e4e8c; font-size:1.6rem; font-weight:700; text-decoration:none; }
.panel-datos>p { color:var(--gris); }
@media (max-width:720px) { .portada-sucursal,.datos-sucursal { grid-template-columns:1fr; gap:25px; } .contacto-destacado,.panel-datos { padding:24px; } }
/* Contacto de sucursales inspirado en la distribución de NUIT. */
.pagina-sucursal .portada-sucursal { padding-block:70px; }
.marca-sucursal { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; border:1px solid #c9a24b40; border-radius:50% 50% 8px 8px; background:radial-gradient(ellipse,#c9a24b15,transparent 70%); }
.marca-anio { font-family:Georgia,serif; font-size:clamp(4rem,8vw,6rem); line-height:1.2; color:var(--oro); }
.marca-leyenda { font-size:.6rem; letter-spacing:.2em; color:#bccbe0; margin-block:12px 20px; }
.marca-firma { font-family:Georgia,serif; font-style:italic; font-size:1.7rem; color:var(--oro); }
.contacto-social { background:#0a1a30; color:#eef3f9; }
.contacto-intro { text-align:center; margin-bottom:40px; }
.contacto-intro .etiqueta { justify-content:center; color:var(--oro); }
.contacto-intro>p:not(.etiqueta) { color:#b3c2d8; font-size:.95rem; }
.contacto-mapa { display:grid; grid-template-columns:1fr 1.35fr; gap:40px; align-items:start; }
.canales-contacto { display:flex; flex-direction:column; gap:14px; }
.canal { display:flex; align-items:center; gap:18px; padding:22px; background:#12294a; color:#eef3f9; border:1px solid #2a466f; border-radius:9px; font-family:inherit; text-align:left; text-decoration:none; width:100%; transition:transform .2s,border-color .2s,background .2s; }
a.canal:hover {  border-color:var(--oro); background:#183560; }
.canal-icono { width:46px; height:46px; display:flex; align-items:center; justify-content:center; background:#c9a24b18; color:var(--oro); border-radius:50%; flex-shrink:0; }
.canal svg { width:23px; height:23px; }
.canal strong { display:block; font-size:1.05rem; }
.canal small { display:block; color:#b3c2d8; font-size:.8rem; margin-top:3px; }
.flecha { margin-left:auto; color:var(--oro); }
.canal-pendiente { opacity:.65; cursor:default; }
.nota-contacto { color:#b3c2d8; font-size:.8rem; }
.mapa-sucursal { overflow:hidden; border:1px solid #2a466f; border-radius:10px; background:#12294a; }
.mapa-sucursal iframe { display:block; width:100%; height:360px; border:0; }
.mapa-sucursal>a { display:block; text-align:center; padding:16px; color:var(--oro); font-size:.85rem; text-decoration:none; }
.mapa-sucursal>a:hover { background:#183560; }
@media (max-width:720px) { .contacto-mapa { grid-template-columns:1fr; gap:24px; } .marca-sucursal { min-height:220px; max-width:350px; width:100%; margin:auto; } .pagina-sucursal .portada-sucursal { padding-block:42px; } .mapa-sucursal iframe { height:300px; } }
@media (prefers-reduced-motion:reduce) { a.canal:hover { transform:none; } }
/* Organización de contacto: datos con iconos y botones pequeños al pie. */
.contacto-lista { display:flex; flex-direction:column; gap:28px; padding:6px 0; }
.fila-contacto { display:flex; align-items:flex-start; gap:18px; }
.icono-fila { width:44px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#c9a24b12; border:1px solid #c9a24b26; border-radius:10px; font-size:1.25rem; }
.fila-contacto h3 { font-size:.78rem; letter-spacing:.06em; color:var(--oro-claro); margin:0 0 8px; }
.fila-contacto p { margin:0; color:#cbd6e6; font-size:.93rem; white-space:pre-line; }
.fila-contacto a { font-size:.93rem; color:#e6ecf5; text-decoration:none; border-bottom:1px solid #c9a24b40; }
.fila-contacto a:hover { color:var(--oro); }
.botones-sociales { display:flex; gap:10px; flex-wrap:wrap; margin-top:4px; }
.boton-social { display:inline-flex; align-items:center; justify-content:center; border:1px solid #3d5b88; border-radius:6px; padding:9px 14px; color:#e0e8f4; font-size:.78rem; text-decoration:none; transition:background .2s,border-color .2s; }
.boton-social:hover { background:#c9a24b17; border-color:var(--oro); color:var(--oro); }
.contacto-mapa { align-items:stretch; }
.contacto-mapa .mapa-sucursal { display:flex; flex-direction:column; }
.contacto-mapa .mapa-sucursal iframe { flex:1; min-height:380px; }
@media (max-width:720px) { .contacto-lista { gap:24px; } .contacto-mapa .mapa-sucursal iframe { min-height:310px; } }
/* Días encima de las horas; el segundo horario a la derecha. */
.fila-contacto>div { flex:1; min-width:0; }
.horarios { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 22px; }
.horario-columna { display:flex; flex-direction:column; gap:5px; }
.horario-dias { color:#e6ecf5; font-size:.85rem; font-weight:600; }
.horario-horas { color:#b3c2d8; font-size:.8rem; }
/* Iconos de contacto vectoriales con el amarillo de la marca. */
.icono-fila { color:var(--oro); }
.icono-fila svg { display:block; width:24px; height:24px; }
/* Portada principal más compacta para mostrar la franja de servicios. */
body:not(.pagina-sucursal) .portada { padding-block:32px 28px; }
body:not(.pagina-sucursal) .confianza { margin-top:24px; padding-top:16px; }
@media (max-width:720px) {
  body:not(.pagina-sucursal) .portada { padding-block:28px; }
}
.derechos { border-top:1px solid #1e3558; padding-block:18px; text-align:center; font-size:.75rem; color:#b3c0d4; }

/* Lisibilidad y acentos del nuevo tema. */
.domicilio h2, .contacto-social h2 { color:#fff; }
.presentacion .etiqueta, .domicilio .etiqueta, .icono-fila, .marca-anio, .marca-firma, .pie a { color:var(--oro-claro); }
.tarjeta:hover::before, .tarjeta:focus-within::before { background:var(--oro); }
.boton { border-radius:4px; }
body { background:#fff; }
.telefonos-contacto { display:flex; flex-wrap:wrap; gap:8px 22px; }
.telefonos-contacto a { white-space:nowrap; }
/* Flechas vectoriales: misma apariencia en móvil y escritorio. */
.icono-flecha { display:inline-block; width:1em; height:1em; vertical-align:-.12em; flex-shrink:0; }
/* Altura explícita del mapa, también en navegadores móviles. */
.contacto-mapa .mapa-sucursal iframe { flex:none; height:380px; min-height:380px; }
@media (max-width:720px) {
  .contacto-mapa .mapa-sucursal iframe { height:310px; min-height:310px; }
}