/* PGL Abogado — hoja de estilos común a las tres páginas: inicio, laboral y
   civil. Estaba embebida en el único index.html; al dividirse el sitio por
   áreas se sacó a este archivo para que la paleta siga viviendo en un solo
   lugar. La regla no cambia: ningún color escrito a mano, todo por las
   variables entre PALETA-INI y PALETA-FIN. Las rutas de url() son relativas a
   este archivo, que está en la misma carpeta que las fotos. */
/*PALETA-INI*/:root{
  /* Petróleo — Verde petróleo y dorado (versión actual) */
  /* marca */
  --petroleo:#0D3B36;
  --petroleo-2:#17605A;
  --petroleo-oscuro:#0a2e2a;
  /* fondos */
  --papel:#F1F4EF;
  --papel-2:#E4EAE2;
  --papel-velo:rgba(241,244,239,.92);
  --papel-velo-foto:rgba(241,244,239,.70);
  --tarjeta:#ffffff;
  /* texto */
  --tinta:#12201E;
  --tinta-suave:#4A5C58;
  /* Tintas propias del hero, más oscuras que las del resto del sitio. No son
     un capricho: el hero es el único bloque con texto sobre foto, y cuanto
     más oscura la letra menos velo necesita, que es lo mismo que decir más
     catedral a la vista. --hero-acento sigue siendo verde, no negro: es el
     acento de marca del titular y tiene que seguir leyéndose como verde. */
  --hero-tinta:#0A1512;
  --hero-acento:#08201C;
  /* acento */
  --senal:#E8B33A;
  --senal-oscuro:#96700F;
  --senal-claro:#F2C551;
  --senal-tinta:#25200E;
  --alerta:#A8391F;
  /* líneas y sombras */
  --linea:rgba(13,59,54,.14);
  --tinte:rgba(13,59,54,.06);
  --sombra:13,59,54;
  /* botón primario */
  --sobre-boton:#ffffff;
  /* banda de reseñas */
  --resenas-fondo:var(--petroleo);
  --resenas-texto:#ffffff;
  --resenas-texto-2:rgba(255,255,255,.82);
  --resenas-linea:rgba(255,255,255,.5);
  --resenas-tinte:rgba(255,255,255,.1);
  --resenas-senal:var(--senal);
  /* pie */
  --pie:#12201E;
  --pie-texto:rgba(255,255,255,.82);
  --pie-enlace:#ffffff;
  --pie-legal:rgba(255,255,255,.70);
  /* fondo fotográfico del hero */
  --hero-foto-simple:url("catedral-chillan.jpg");
  --hero-foto:image-set(
      url("catedral-chillan.avif") type("image/avif"),
      url("catedral-chillan.webp") type("image/webp"),
      url("catedral-chillan.jpg")  type("image/jpeg"));
  --hero-velo:linear-gradient(var(--papel-velo-foto),var(--papel-velo-foto));
  /* Funde el borde superior con la barra de navegación, que es --papel plano:
     sin esto se ve una costura dura justo donde arranca la foto. */
  --hero-fundido:linear-gradient(var(--papel) 0,rgba(241,244,239,0) 70px);
  /* Angosto: la foto es apaisada 16:9 y el hero es alto, así que cover la
     ampliaría hasta volverla textura irreconocible. Se escala al ancho y se
     amplía apenas al 140 % y se ancla arriba, como una franja bajo el menú:
     abajo quedaría fuera de pantalla, porque el hero en móvil mide más que
     el alto del teléfono y nadie llegaría a verla. */
  /* Cierra el canto inferior de esa franja. Los topes van en vw, no en px:
     la foto es 16:9 escalada al 140 % del ancho, así que su alto es siempre
     78,75vw y el fundido tiene que seguirlo. Con píxeles fijos calzaba en un
     teléfono y cortaba la foto a media altura en una tablet de 820 px.
     Cuando la foto era 4:3 estos topes iban en 80vw y 106vw: si se vuelve a
     cambiar la foto, hay que recalcularlos contra la nueva proporción.
     En pantalla ancha no hay canto que tapar y vale none. */
  --hero-fundido-inf:linear-gradient(rgba(241,244,239,0) 58vw,var(--papel) 79vw);
  --hero-foto-tam:140% auto;
  --hero-foto-pos:64% top;
  /* El velo arranca entero a la IZQUIERDA, que es donde está el texto, y se
     adelgaza pasado su canto derecho. En pantalla ancha el porcentaje del
     ancho de la foto es también el del viewport —la foto es 16:9, el hero más
     apaisado, así que cover la escala por el ancho y el encuadre horizontal no
     corre nada—.

     La cruz de la catedral está entre el 33 % y el 37,5 %, así que con la
     columna a la izquierda queda tapada entre 960 y unos 1780 px: sobre esos
     1780 manda el tope de 34rem y el canto del texto cae en 588 px, antes del
     33 %. Es una decisión tomada con el dato a la vista, no un descuido —el
     texto estuvo a la derecha, que era la única posición donde la cruz se ve
     en todo ancho, y Pedro Antonio pidió devolverlo—. No hay velo ni realce
     que lo arregle: es geometría.

     Los porcentajes de la cruz son de ESTA foto, la del atardecer: la diurna
     la traía entre el 29 % y el 41 %. Quien cambie la foto o mueva la columna
     tiene que volver a medirlos. */
  /* Respaldo con porcentajes fijos, entero hasta el 53 %, que es lo más a la
     derecha que llega el canto del texto en los anchos que usan este velo.
     Va primero a propósito: si el navegador no entiende el min() de la
     declaración siguiente, la descarta entera y queda ésta. Sin el respaldo,
     un navegador viejo se quedaría sin velo y con el texto ilegible sobre la
     foto. */
  --hero-velo-ancho:linear-gradient(90deg,
      rgba(241,244,239,.70) 0%,
      rgba(241,244,239,.70) 53%,
      rgba(241,244,239,.30) 59%,
      rgba(241,244,239,.06) 68%,
      rgba(241,244,239,.06) 100%);
  /* El velo sigue al texto en vez de quedarse en un porcentaje fijo. El punto
     de quiebre es el canto derecho de la columna, que con el texto pegado al
     borde izquierdo vale 22px + min(34rem,50vw): en pantalla ancha manda el
     34rem y en angosta el 50vw. Esas dos ramas son las dos expresiones del
     min(), y la correcta es siempre la menor. Sin esto quedaba una franja
     velada sin una sola letra encima, tapando foto para nada. */
  --hero-velo-ancho:linear-gradient(90deg,
      rgba(241,244,239,.70) 0%,
      rgba(241,244,239,.70) min(566px,calc(50% + 22px)),
      rgba(241,244,239,.30) min(616px,calc(50% + 72px)),
      rgba(241,244,239,.06) min(686px,calc(50% + 142px)),
      rgba(241,244,239,.06) 100%);
  /* logo */
  --foto-fondo:var(--petroleo);
  --foto-texto:rgba(255,255,255,.5);
  --logo-fondo:var(--papel-2);
  --logo-filtro:none;
  /* medidas */
  --radio:14px;
  --max:1120px;
  --logo:url("data:image/png;base64,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");
}/*PALETA-FIN*/
*{box-sizing:border-box}
/* scroll-padding-top descuenta la barra fija al saltar por ancla. Sin esto el
   destino se pega al borde superior del viewport y los primeros 67 px —los 66
   de .bar más su borde— quedan detrás de la barra. Las cinco secciones del
   menú se salvaban de casualidad, porque su relleno de 76 px empuja el rótulo
   nueve píxeles por debajo; #top no, que es adonde llevan el logo y el enlace
   de salto: ahí el hero sólo tiene 60 px de relleno y el rótulo quedaba siete
   píxeles tapado. Si alguna vez cambia el alto de la barra, este número cambia
   con él. */
html{scroll-behavior:smooth;scroll-padding-top:67px}
body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:"Bricolage Grotesque","Instrument Sans",sans-serif;line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
h1{font-size:clamp(2.1rem,5.4vw,3.5rem);font-weight:800}
h2{font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:700}
h3{font-size:1.12rem;font-weight:600;letter-spacing:-.01em}
/* Silabeo acotado: solo palabras de 6 letras o más, y nunca dejando menos de 3
   letras a cada lado del guion. Así "antes" o "decidir" no se parten, que es lo
   que ensuciaba la banda de reseñas. -webkit-hyphenate-limit-before/after cubre
   Safari antiguo, que no entiende hyphenate-limit-chars. El tope de 2 líneas
   seguidas evita la escalerilla de guiones al final de varios renglones. */
p{margin:0 0 1rem;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2}
#preguntas details .cuerpo{text-align:justify;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2}
/* etiquetas, notas breves y datos: nunca justificados */
.eyebrow,.contador small,.hero-nota,.disclaimer,.form-nota,.legal,
.caso .tag,.caso .frase,.datos li,footer p,.plazo .sub{text-align:left;hyphens:manual}
/* Pendiente 4 del CLAUDE.md: solo las tarjetas de casos, que en móvil quedan en
   columna muy angosta, pasan a alineación izquierda. Las FAQ mantienen la
   justificación a ambos márgenes en todo ancho. */
@media(max-width:620px){
  .caso p{text-align:left}
}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.eyebrow{
  font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--petroleo-2);margin:0 0 .9rem;display:block;
}
section{padding:76px 0}
.section-alt{background:var(--papel-2)}

/* --- barra superior --- */
header{position:sticky;top:0;z-index:60;background:var(--papel-velo);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.marca{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.12rem;letter-spacing:-.02em;color:var(--petroleo);text-decoration:none}
.marca span{color:var(--senal)}
.logo{
  /* Agrandado un tercio por encargo de Pedro Antonio: era 42×31 (36×27 en
     teléfono). Cabe en los 66 px de la barra sin cambiarle el alto, así que
     el scroll-padding-top de 67 px sigue valiendo. */
  display:block;height:56px;width:41px;
  background:var(--logo) left center/contain no-repeat;filter:var(--logo-filtro);
}
@media(max-width:520px){.logo{height:48px;width:36px}}
.bar nav{display:none;gap:26px;font-size:.94rem}
.bar nav a{text-decoration:none;color:var(--tinta-suave)}
.bar nav a:hover{color:var(--petroleo)}
@media(min-width:900px){.bar nav{display:flex}}

/* --- menú móvil (bajo 900px, donde el nav horizontal no cabe) --- */
.menu-btn{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;margin-left:auto;   /* empuja el botón junto al CTA */
  width:44px;height:44px;padding:0; /* 44px: área mínima de toque */
  background:transparent;border:1px solid var(--linea);border-radius:10px;
  color:var(--petroleo);cursor:pointer;
}
.menu-btn:hover{background:var(--tinte)}
.menu-btn i{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
.menu-btn i::before,.menu-btn i::after{
  content:"";position:absolute;left:0;width:18px;height:2px;
  background:currentColor;border-radius:2px;transition:transform .18s ease;
}
.menu-btn i::before{top:-6px}
.menu-btn i::after{top:6px}
/* abierto: las tres barras se cruzan en aspa */
.menu-btn[aria-expanded="true"] i{background:transparent}
.menu-btn[aria-expanded="true"] i::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i::after{transform:translateY(-6px) rotate(-45deg)}
@media(min-width:900px){.menu-btn{display:none}}

@media(max-width:899px){
  /* el nav pasa a ser un panel desplegable bajo la barra */
  .bar nav{
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;padding:6px 0;
    background:var(--papel);border-bottom:1px solid var(--linea);
    box-shadow:0 18px 30px -22px rgba(var(--sombra),.6);
  }
  .bar nav.abierto{display:flex}
  .bar nav a{padding:14px 22px;font-size:1rem;color:var(--tinta)}
  .bar nav a:hover,.bar nav a:focus-visible{background:var(--papel-2)}
}

/* --- botones --- */
.btn{
  display:inline-flex;align-items:center;gap:9px;justify-content:center;
  padding:14px 24px;border-radius:999px;border:1px solid transparent;
  font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:.98rem;
  text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.btn-wa{background:var(--petroleo);color:var(--sobre-boton);box-shadow:0 8px 22px -12px rgba(var(--sombra),.8)}
.btn-wa:hover{background:var(--petroleo-oscuro);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--petroleo);border-color:var(--petroleo)}
.btn-ghost:hover{background:var(--tinte)}
.btn-sm{padding:10px 18px;font-size:.9rem}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--senal);outline-offset:2px}

/* --- hero --- */
.hero{
  padding:60px 0 30px;
  position:relative;isolation:isolate;
  background-color:var(--papel);
  background-repeat:no-repeat;
  background-position:left top,left top,left top,var(--hero-foto-pos);
  background-size:auto,auto,auto,var(--hero-foto-tam);
  /* Dos declaraciones a propósito: la segunda gana sólo si el navegador
     entiende image-set(); si no, queda la primera con el JPG. Y si no hay
     archivo, los degradados se pintan sobre --papel y no se rompe nada. */
  background-image:var(--hero-fundido),var(--hero-fundido-inf),var(--hero-velo),var(--hero-foto-simple);
  background-image:var(--hero-fundido),var(--hero-fundido-inf),var(--hero-velo),var(--hero-foto);
}
.hero-grid{display:grid;gap:40px;align-items:start;position:relative;z-index:1}
/* El texto va acotado en ancho aunque la reja sea de una sola columna: la
   calculadora se bajó a #finiquito y lo que ocupa la derecha ahora es la
   foto. Cuanto más angosta la columna, más ancho queda con velo delgado.
   El tope va en min() y no en rem a secas: con 34rem fijos la columna es
   angosta en 1920 pero en 960 px se come el 59 % del ancho y el borde de
   las líneas caía en la rampa del velo. Con el 50 % del contenedor el
   texto termina siempre cerca de la mitad del viewport, que es donde el
   velo todavía está entero. */
.hero-col{max-width:34rem}
@media(min-width:960px){
  /* El contenedor del hero pierde el tope de 1120 px: el texto va pegado al
     borde IZQUIERDO de la pantalla, no al del contenedor centrado. Es lo único
     que cambia; el resto del sitio conserva su tope.

     La columna no lleva margen izquierdo: la reja la deja pegada al borde y
     el único tope es el min(34rem,50vw) de más abajo. Hubo un margen del 46 %
     del viewport, calculado con un min() de dos calc(), de cuando el texto iba
     a la derecha y había que empujarlo más allá de la cruz; se fue con esa
     disposición. */
  .hero .wrap{max-width:none}
  /* El texto va pegado al borde izquierdo, así que no lleva margen: la reja
     ya lo deja ahí. El tope sigue en min(34rem,50vw) —el 34rem es el ancho
     de lectura y el 50vw impide que en 960 px la columna se coma más de la
     mitad de la foto—. */
  .hero-col{max-width:min(34rem,50vw)}
  .hero{
    --hero-velo:var(--hero-velo-ancho);
    /* Ojo con el eje horizontal: la foto es 16:9 y el hero es más apaisado
       que eso, así que en cover la imagen se escala por el ancho y no sobra
       nada que correr. El porcentaje de X no hace nada en pantalla ancha; el
       que manda es el de Y. */
    --hero-fundido-inf:none;
    --hero-foto-tam:cover;
    --hero-foto-pos:62% 44%;
  }
}
/* El titular y su acento llevan las tintas del hero. El acento estaba en
   --petroleo y **no cumplía**: medido con el velo en 0,73 daba 5,75:1 contra
   los 7 que exige, porque es el mismo cuerpo de texto del titular y se le
   exige lo mismo. Pasó desapercibido porque el medidor tomaba el color
   heredado del h1 y no el del em. */
/* El titular va justificado, por encargo de Pedro Antonio. En un display de
   este cuerpo la justificación sólo se sostiene si las palabras se pueden
   partir: sin silabeo, seis líneas de tres o cuatro palabras abren huecos del
   ancho de una palabra entera. Por eso el silabeador de más abajo incluye el
   h1 del hero. La última línea no se estira —es cómo funciona el justificado—,
   así que «reclamar.» queda suelta a la izquierda, que es lo correcto. */
/* Los límites de silabeo faltaban acá: el h1 no es un <p> y no heredaba nada
   de la regla de arriba, así que en un navegador CON diccionario el titular
   quedaba sin tope de palabra mínima y sin el guardia contra la escalerilla
   de guiones que el CLAUDE.md manda vigilar. El silabeador propio no lo
   respeta —sólo sugiere cortes—, pero donde hay diccionario manda el
   navegador, y ahí ahora sí está puesto. */
.hero h1{color:var(--hero-tinta);text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2}
.hero h1 em{font-style:normal;color:var(--hero-acento)}
/* El rótulo del hero va en --petroleo y no en --petroleo-2 como el resto del
   sitio: con el velo bajado para dejar ver la cruz, el petróleo claro caía a
   3,23:1 contra los 4,5 que exige. El pleno, más oscuro, aguanta el mismo
   fondo con holgura. Acotado al hero: en las demás secciones el fondo es
   plano y el claro cumple de sobra. */
.hero .eyebrow{color:var(--petroleo)}
/* Tinta plena y no --tinta-suave: es la palanca que estaba documentada como
   «no se hace sin consultar» y se usó para dejar ver la cruz. La tinta plena
   aguanta mucho más fondo aun exigiéndosele 7:1, así que permite bajar el velo
   del hero muy por debajo del 0,87 que exigía el texto secundario. El costo es
   de jerarquía tipográfica: la bajada ya no se distingue del cuerpo por color,
   sólo por tamaño. */
.hero .lead{font-size:1.12rem;color:var(--hero-tinta);max-width:33rem;margin-top:1.3rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.8rem}
.hero-nota{font-size:.88rem;color:var(--hero-tinta);margin-top:1.1rem}
/* Crédito de la foto del hero. Obligatorio si el archivo viene con licencia
   Creative Commons (CC BY / CC BY-SA): hay que nombrar autor, licencia y
   enlace. Si la foto es propia del estudio, esta línea se borra. */
.hero-credito{
  font-size:.72rem;color:var(--tinta-suave);opacity:.75;
  margin-top:1.6rem;text-align:left;
}
.hero-credito a{color:inherit}

/* --- widget plazo (elemento distintivo) --- */
.plazo{
  background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);
  padding:26px 24px 24px;box-shadow:0 24px 50px -34px rgba(var(--sombra),.55);
  position:relative;overflow:hidden;
}
.plazo::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--senal)}
/* El widget nació como columna lateral del hero y sus campos están pensados
   para unos 500 px. Suelto en el ancho de la sección quedaban de mil y pico,
   que se leen mal y se ven rotos. Tope y centrado. */
#finiquito .plazo{max-width:620px;margin:30px auto 0}
/* --- calculadora plegada tras un botón --- */
.fq-plegable{max-width:620px;margin:30px auto 0}
.fq-plegable>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:12px;
  background:var(--petroleo);color:var(--sobre-boton);
  border-radius:999px;padding:15px 28px;font-weight:600;
  box-shadow:0 14px 30px -18px rgba(var(--sombra),.9);
  transition:background .18s ease;
}
/* El triángulo nativo se quita en los dos dialectos: ::-webkit-details-marker
   es lo que entiende Safari, list-style:none el resto. Si se pone sólo uno,
   en Safari queda el triángulo pegado al borde de la píldora. */
.fq-plegable>summary::-webkit-details-marker{display:none}
.fq-plegable>summary:hover{background:var(--petroleo-oscuro)}
.fq-plegable>summary:focus-visible{outline:2px solid var(--senal);outline-offset:3px}
/* Cheurón dibujado con bordes, no con un carácter: un glifo cambia de forma
   según la tipografía que alcance a cargar y acá el botón es la única puerta
   a la calculadora. */
.fq-chevron{
  width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease;
}
.fq-plegable[open]>summary .fq-chevron{transform:rotate(-135deg) translate(-2px,-2px)}
.fq-plegable[open]>summary{border-radius:var(--radio) var(--radio) 0 0}
/* Con el botón encima el widget deja de necesitar su propio margen superior
   y se pega a la píldora, para que se lean como una sola pieza. */
.fq-plegable .plazo{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
@media(prefers-reduced-motion:reduce){
  .fq-plegable>summary,.fq-chevron{transition:none}
}
.plazo h3{margin-bottom:.35rem}
.plazo .sub{font-size:.9rem;color:var(--tinta-suave);margin-bottom:1.1rem}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.campo label{font-size:.85rem;font-weight:600;color:var(--petroleo)}
.campo input,.campo select,.campo textarea{
  font-family:inherit;font-size:1rem;padding:12px 14px;border-radius:10px;
  border:1px solid var(--linea);background:var(--papel);color:var(--tinta);width:100%;
}
.plazo .btn{width:100%}
#plazo-out{display:none;margin-top:16px;border-top:1px dashed var(--linea);padding-top:16px}
.contador{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:2.6rem;line-height:1;color:var(--petroleo)}
.contador.alerta{color:var(--alerta)}
.contador small{display:block;font-family:"Instrument Sans",sans-serif;font-weight:500;font-size:.9rem;color:var(--tinta-suave);margin-top:6px;letter-spacing:0}
.disclaimer{font-size:.79rem;color:var(--tinta-suave);line-height:1.5;margin-top:12px}

/* --- calculadora de finiquito ---
   Reutiliza la tarjeta .plazo y sus .campo; sólo agrega la rejilla de campos,
   la tabla de resultados y el bloque de escenario judicial. Todo por variables. */
.finiq-campos{display:grid;grid-template-columns:1fr;gap:0 16px}
.plazo h3,.plazo h4,.plazo p,.plazo label,.plazo summary,.plazo .contador,
.plazo .contador small,.finiq-tabla th,.finiq-tabla td{text-align:left}
.finiq-tabla th:last-child,.finiq-tabla td:last-child{text-align:right}
#finiq-out{display:none;margin-top:18px;border-top:1px dashed var(--linea);padding-top:16px}
.finiq-tabla{width:100%;border-collapse:collapse;font-size:.94rem;margin-top:10px}
.finiq-tabla th{text-align:left;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--petroleo-2);font-weight:700;padding:0 0 6px}
.finiq-tabla td{padding:7px 0;border-top:1px solid var(--linea);vertical-align:top;text-align:left}
.finiq-tabla td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.finiq-tabla tr.total td{border-top:2px solid var(--petroleo);font-weight:700;color:var(--petroleo)}
.finiq-tabla .detalle{display:block;font-size:.78rem;color:var(--tinta-suave)}
.finiq-esc{margin-top:18px;padding:14px 16px;border-radius:10px;background:var(--papel-2);
  border:1px solid var(--linea)}
.finiq-esc h4{font-family:"Bricolage Grotesque",sans-serif;font-size:1rem;color:var(--petroleo);margin-bottom:4px}
.finiq-err{display:none;color:var(--alerta);font-size:.85rem;margin-bottom:10px;text-align:left}

/* Eco de la fecha elegida. El campo nativo se muestra según la configuración
   regional del equipo —en Chile, dd-mm-aaaa—, así que esto no reemplaza al
   campo: sólo deja escrito el día/mes/año para que no haya ambigüedad. */
.eco-fecha{display:none;font-size:.78rem;color:var(--tinta-suave);text-align:left;margin-top:-2px}

/* --- credenciales --- */
.creds{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:var(--papel-2)}
.creds .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding-top:26px;padding-bottom:26px}
@media(min-width:820px){.creds .wrap{grid-template-columns:repeat(3,1fr)}}
.cred b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:1.28rem;font-weight:700;color:var(--petroleo)}
/* Justificada por decisión de Pedro Antonio: estaba en la lista de «nunca
   justificados» junto al resto de los datos breves. El display:block es
   obligatorio, no cosmético —es un <span> y sobre un elemento en línea el
   text-align no hace nada—, y el silabeo es lo que sostiene la justificación
   en móvil, donde la celda mide unos 160 px y sin partir palabras se abrían
   huecos de varios espacios. */
.cred span{
  font-size:.86rem;color:var(--tinta-suave);
  display:block;text-align:justify;text-justify:inter-word;
  hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:6 3 3;
  -webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;
}

/* --- casos --- */
.casos{display:grid;gap:16px;margin-top:34px}
@media(min-width:700px){.casos{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.casos{grid-template-columns:repeat(3,1fr)}}
.caso{
  background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);padding:24px 22px;
  display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,box-shadow .18s ease;
}
.caso:hover{transform:translateY(-3px);box-shadow:0 20px 40px -30px rgba(var(--sombra),.7)}
.caso .frase{font-family:"Bricolage Grotesque",sans-serif;font-size:1.02rem;font-weight:600;color:var(--petroleo)}
.caso p{font-size:.94rem;color:var(--tinta-suave);margin:0}
.caso .tag{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--senal-oscuro,#96700F)}

/* --- pasos --- */
.pasos{counter-reset:paso;display:grid;gap:20px;margin-top:34px}
@media(min-width:860px){.pasos{grid-template-columns:repeat(4,1fr)}}
.paso{border-top:2px solid var(--petroleo);padding-top:16px}
.paso::before{
  counter-increment:paso;content:counter(paso,decimal-leading-zero);
  font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:.9rem;color:var(--senal);
  display:block;margin-bottom:6px;letter-spacing:.06em;
}
.paso h3{margin-bottom:.35rem}
.paso p{font-size:.93rem;color:var(--tinta-suave);margin:0}

/* --- bio --- */
.bio{display:grid;gap:34px;align-items:center}
.bio h3{margin-top:1.6rem;margin-bottom:.5rem;color:var(--petroleo)}
@media(min-width:860px){.bio{grid-template-columns:300px 1fr;gap:48px}}
.foto{
  aspect-ratio:4/5;border-radius:var(--radio);background:var(--foto-fondo);
  display:flex;align-items:center;justify-content:center;color:var(--foto-texto);
  font-size:.85rem;text-align:center;padding:20px;border:1px solid var(--linea);
}
.foto img{width:100%;height:100%;object-fit:cover;border-radius:var(--radio)}
/* Ya no hay marcador: el recuadro trae la foto de Pedro Antonio. El acotado de
   ancho sólo hace falta bajo 860 px, que es donde la columna de 300 px
   desaparece y sin tope la foto se iría a todo el ancho de la pantalla. En
   escritorio estorba: le quitaba 20 px a su propia columna. */
@media(max-width:859px){.foto{max-width:280px;margin-inline:auto;width:100%}}
/* Con la foto dentro, el relleno y el borde del marcador sobran: recortarían
   la imagen por dentro y dejarían un filo claro alrededor. Clase explícita y
   no :has(), que Firefox no entiende antes de la versión 121. */
.foto-imagen{padding:0;border:0}
.foto picture{display:block;width:100%;height:100%}

/* --- reseñas --- */
.resenas{background:var(--resenas-fondo);color:var(--resenas-texto)}
.resenas h2,.resenas .eyebrow{color:var(--resenas-texto)}
.resenas .eyebrow{color:var(--resenas-senal)}
.estrellas{font-size:1.6rem;color:var(--resenas-senal);letter-spacing:.12em}
.res-box{display:grid;gap:26px;align-items:center}
@media(min-width:820px){.res-box{grid-template-columns:auto 1fr}}
.res-num{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:3.6rem;line-height:1}
.resenas p{color:var(--resenas-texto-2)}
.resenas .btn-ghost{color:var(--resenas-texto);border-color:var(--resenas-linea)}
.resenas .btn-ghost:hover{background:var(--resenas-tinte)}
.resenas .btn-wa{background:var(--resenas-senal);color:var(--senal-tinta)}
.resenas .btn-wa:hover{background:var(--senal-claro)}

/* --- faq ---
   Acotadas a #preguntas y no al elemento a secas: hay otro <details> en el
   sitio, el que pliega la calculadora en #finiquito, y con el selector suelto
   heredaba la tarjeta blanca del FAQ y el «+» dorado del ::after, que salían
   encima del botón. */
#preguntas details{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:0 20px;margin-bottom:12px}
#preguntas details summary{
  cursor:pointer;list-style:none;padding:18px 0;font-weight:600;
  font-family:"Bricolage Grotesque",sans-serif;font-size:1.02rem;color:var(--petroleo);
  display:flex;justify-content:space-between;gap:16px;align-items:center;
}
#preguntas details summary::-webkit-details-marker{display:none}
#preguntas details summary::after{content:"+";font-size:1.4rem;color:var(--senal);line-height:1}
#preguntas details[open] summary::after{content:"–"}
#preguntas details .cuerpo{padding:0 0 18px;font-size:.97rem;color:var(--tinta-suave)}

/* --- contacto --- */
.contacto-grid{display:grid;gap:34px}
@media(min-width:900px){.contacto-grid{grid-template-columns:1fr 1fr;gap:52px}}
.datos li{list-style:none;padding:14px 0;border-bottom:1px solid var(--linea);font-size:.97rem}
.datos{padding:0;margin:0 0 22px}
.gbp{display:flex;gap:14px;align-items:center;background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:14px 16px;margin:0 0 22px;text-decoration:none}
.gbp .g{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.5rem;color:var(--petroleo);line-height:1}
.gbp .txt{font-size:.9rem;line-height:1.35}
.gbp .txt b{display:block;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--tinta);margin:0}
.gbp .txt span{color:var(--tinta-suave)}
.datos b{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--petroleo-2);margin-bottom:3px}
.mapa{width:100%;height:280px;border-radius:var(--radio);border:1px solid var(--linea)}
form .campo{margin-bottom:14px}
textarea{min-height:120px;resize:vertical}
.form-nota{font-size:.83rem;color:var(--tinta-suave)}

/* --- pie --- */
/* padding-bottom extra: deja respirar el pie bajo el botón flotante de WhatsApp */
footer{background:var(--pie);color:var(--pie-texto);padding:40px 0 96px;font-size:.9rem}
footer a{color:var(--pie-enlace)}
/* contraste subido de .45 a .70: la advertencia legal tiene que ser legible */
.legal{font-size:.8rem;color:var(--pie-legal);margin-top:14px;max-width:52rem}

/* --- botón flotante --- */
.flota{
  position:fixed;right:18px;bottom:18px;z-index:80;
  background:var(--petroleo);color:var(--sobre-boton);border-radius:999px;
  padding:14px 20px;text-decoration:none;font-weight:600;font-size:.95rem;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.65);display:flex;gap:9px;align-items:center;
}
.flota:hover{background:var(--petroleo-oscuro)}
/* En pantalla angosta la píldora con la palabra "WhatsApp" tapaba dos o tres
   palabras de cualquier párrafo que quedara debajo. Colapsa a un círculo de
   56 px: sigue cumpliendo el tamaño mínimo de objetivo táctil y el aria-label
   del enlace mantiene el nombre completo para el lector de pantalla. */
@media(max-width:639px){
  .flota{
    width:56px;height:56px;padding:0;gap:0;
    justify-content:center;font-size:1.45rem;
    right:14px;bottom:14px;
  }
  .flota-texto{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
}

/* Oculto para la vista, presente para el lector de pantalla y para Google.
   Misma técnica que .flota-texto: clip-path y no display:none, que sacaría el
   elemento del árbol de accesibilidad y lo dejaría sin existir para nadie. */
.solo-lectores{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}

/* --- salto al contenido (teclado y lectores de pantalla) --- */
.saltar{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--petroleo);color:var(--sobre-boton);padding:12px 18px;
  border-radius:0 0 10px 0;text-decoration:none;font-weight:600;
}
.saltar:focus{left:0}
/* El salto llevaba a #casos y se comía el titular: quien entra por teclado
   o con lector de pantalla se saltaba justo el bloque que dice a qué se
   dedica el sitio. Ahora apunta a <main>, que lleva tabindex="-1" para que
   el foco viaje de verdad y no sólo el scroll. El outline se quita porque
   el destino es un bloque entero y el navegador lo encuadraría completo. */
main:focus{outline:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* --- menú: páginas del sitio y secciones de la página ---
   Las tres primeras entradas son páginas (Inicio, Laboral, Civil) y las que
   siguen, anclas dentro de la página actual. La raya separa los dos grupos
   para que no se lea como una sola lista. La página en que uno está lleva
   aria-current="page", que el lector de pantalla anuncia como «página
   actual», y se marca con el mismo subrayado dorado del titular. */
.bar nav a[aria-current="page"]{color:var(--petroleo);font-weight:600;
  text-decoration:underline;text-decoration-color:var(--senal);text-decoration-thickness:2px;text-underline-offset:6px}
.nav-sep{display:block;width:1px;align-self:stretch;margin:2px 0;background:var(--linea)}
@media(max-width:899px){.nav-sep{width:auto;height:1px;margin:6px 22px}}

/* --- áreas de práctica (inicio) ---
   Dos tarjetas, una por página de área. El enlace cubre la tarjeta entera
   con un ::after, así que se puede pinchar en cualquier parte y el lector de
   pantalla anuncia un solo enlace con el nombre del área, no tres. */
.areas{display:grid;gap:18px;margin-top:34px}
@media(min-width:760px){.areas{grid-template-columns:1fr 1fr}}
.area{
  position:relative;background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--radio);
  padding:30px 28px 28px;display:flex;flex-direction:column;gap:10px;
  transition:transform .18s ease,box-shadow .18s ease;
}
.area::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--senal);border-radius:var(--radio) 0 0 var(--radio)}
.area:hover{transform:translateY(-3px);box-shadow:0 20px 40px -30px rgba(var(--sombra),.7)}
.area h3{font-size:1.5rem;color:var(--petroleo)}
.area h3 a{text-decoration:none}
.area h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--radio)}
.area p{font-size:.97rem;color:var(--tinta-suave);margin:0}
.area .temas{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.area .temas li{font-size:.84rem;padding:5px 12px;border-radius:999px;background:var(--papel-2);color:var(--tinta);text-align:left}
.area .ir{margin-top:auto;padding-top:12px;font-weight:600;color:var(--petroleo)}
.area:focus-within{outline:3px solid var(--senal);outline-offset:2px}
.area h3 a:focus-visible{outline:none}
.tag-area{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--senal-oscuro)}

/*PALETA-BN-INI*/
/* --- inicio en blanco y negro, con líneas doradas ---
   El inicio y la página laboral llevan <body class="pagina-bn">; civil sigue en
   petróleo. Es una segunda paleta, no colores a mano: redefine las mismas
   variables sobre el <body>, y como todo el resto del CSS lee variables, la
   página entera cambia sin tocar una regla. El dorado se reserva para líneas
   (bajo la barra, bajo la foto, el guion de los rótulos, las tarjetas de
   área, los pasos, el pie); como texto sólo aparece en --senal-oscuro, que
   sobre blanco da 4,9:1. */
.pagina-bn{
  --petroleo:#111111;
  --petroleo-2:#3a3a3a;
  --petroleo-oscuro:#000000;
  --papel:#ffffff;
  --papel-2:#f3f3f3;
  --papel-velo:rgba(255,255,255,.94);
  --tarjeta:#ffffff;
  --tinta:#111111;
  --tinta-suave:#4a4a4a;
  --linea:rgba(0,0,0,.12);
  --tinte:rgba(0,0,0,.05);
  --sombra:0,0,0;
  --resenas-fondo:#111111;
  --pie:#0b0b0b;
  --logo-fondo:var(--papel-2);
  /* Hero con texto sobre foto (página laboral). Las variables del velo y de
     los fundidos se declaran en :root con el papel verdoso escrito dentro, y
     una variable se resuelve donde se declara: hay que repetirlas acá con el
     blanco, o el velo seguiría verde. Mismo orden que en :root —respaldo con
     porcentajes fijos primero, versión con min() después— y mismas
     posiciones; sólo cambia el color. */
  --papel-velo-foto:rgba(255,255,255,.70);
  --hero-velo:linear-gradient(var(--papel-velo-foto),var(--papel-velo-foto));
  --hero-fundido:linear-gradient(#ffffff 0,rgba(255,255,255,0) 70px);
  --hero-fundido-inf:linear-gradient(rgba(255,255,255,0) 58vw,#ffffff 79vw);
  --hero-velo-ancho:linear-gradient(90deg,
      rgba(255,255,255,.70) 0%,
      rgba(255,255,255,.70) 53%,
      rgba(255,255,255,.30) 59%,
      rgba(255,255,255,.06) 68%,
      rgba(255,255,255,.06) 100%);
  --hero-velo-ancho:linear-gradient(90deg,
      rgba(255,255,255,.70) 0%,
      rgba(255,255,255,.70) min(566px,calc(50% + 22px)),
      rgba(255,255,255,.30) min(616px,calc(50% + 72px)),
      rgba(255,255,255,.06) min(686px,calc(50% + 142px)),
      rgba(255,255,255,.06) 100%);
  --hero-tinta:#0a0a0a;
  --hero-acento:#0a0a0a;
  background:var(--papel);
}
/*PALETA-BN-FIN*/
/* La foto del hero va en color en todas las páginas, por encargo de Pedro
   Antonio, aunque la paleta del inicio y de laboral sea blanco y negro. */
/* El acento del titular laboral ya no puede distinguirse por color —es negro
   como el resto—: se distingue con el mismo subrayado dorado del inicio. */
.pagina-bn .hero h1 em{text-decoration:underline;text-decoration-color:var(--senal);
  text-decoration-thickness:3px;text-underline-offset:.14em;text-decoration-skip-ink:none}
.pagina-bn header{border-bottom:1px solid var(--senal)}
.pagina-bn footer{border-top:3px solid var(--senal)}
.pagina-bn .eyebrow::before{
  content:"";display:inline-block;width:28px;height:2px;background:var(--senal);
  vertical-align:middle;margin:-2px 10px 0 0;
}
.pagina-bn .paso{border-top-color:var(--senal)}
.pagina-bn .paso::before{color:var(--senal-oscuro)}
.pagina-bn .bio h3{color:var(--tinta)}

/* Foto de portada: a sangre, sin texto encima. El alto nunca pasa de
   56,25vw, que es el alto natural de una foto 16:9 a todo el ancho: así
   cover sólo recorta arriba y abajo, nunca los costados, y en un teléfono
   la foto entra completa. En pantalla ancha el tope de 78vh deja asomar
   la presentación bajo el pliegue. */
.foto-portada{padding:0;border-bottom:3px solid var(--senal);background:var(--papel-2);line-height:0}
.foto-portada img{
  display:block;width:100%;height:min(78vh,56.25vw);
  object-fit:cover;object-position:50% 44%;
}
.presenta{padding:56px 0 64px}
.presenta h1{max-width:22ch;margin-top:.2rem}
/* Subrayado y no borde: un border-bottom sobre un <em> que parte en dos
   líneas se corta en cada espacio; text-decoration corre continuo. */
.presenta h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--senal);
  text-decoration-thickness:3px;text-underline-offset:.14em;text-decoration-skip-ink:none}
.presenta .lead{font-size:1.14rem;color:var(--tinta-suave);max-width:40rem;margin-top:1.3rem}
.presenta .hero-nota{color:var(--tinta-suave)}

/* --- logo grande del inicio ---
   Al triple del tamaño del resto del sitio (168×123 px de dibujo dentro
   de una plancha de 192×147), por encargo de Pedro Antonio, y montado a caballo entre la
   barra y la foto: la barra no crece, el logo cuelga hacia abajo sobre la
   portada. Lleva plancha blanca con filo dorado para leerse sobre la foto.

   Como la barra es sticky, un logo colgante taparía el contenido al bajar.
   Por eso sitio.js le pone .logo-chico a la barra apenas se hace scroll y
   el logo vuelve a su tamaño normal, dentro de la barra. El .marca
   conserva el ancho del logo grande para que el menú no salte de lugar. */
.logo-grande .marca{position:relative;align-self:flex-start;height:66px;width:147px;flex:0 0 auto}
.logo-grande .logo{
  position:absolute;left:0;top:10px;z-index:2;
  height:192px;width:147px;padding:12px;box-sizing:border-box;
  background-color:var(--papel);background-origin:content-box;
  border:1px solid var(--senal);border-radius:6px;
  box-shadow:0 18px 40px -22px rgba(var(--sombra),.55);
  transition:height .2s ease,width .2s ease,padding .2s ease,top .2s ease;
}
.logo-grande header.logo-chico .logo{height:56px;width:41px;padding:0;top:5px;border-color:transparent;box-shadow:none}
/* En teléfono el logo queda algo bajo el triple exacto (plancha de 112 px
   de ancho, 144×104 de dibujo sería el triple): con más ancho el botón
   «Agendar reunión» se partía en dos líneas. */
@media(max-width:520px){
  .logo-grande .marca{width:112px}
  .logo-grande .logo{height:150px;width:112px;padding:8px}
  .logo-grande header.logo-chico .logo{height:48px;width:36px;padding:0;top:9px}
  .logo-grande .bar{gap:10px}
  .logo-grande .bar .btn-sm{white-space:nowrap;padding:10px 14px}
}

/* --- franja de credenciales del inicio ---
   Enmarcada con dos líneas doradas, arriba y abajo, y con dos celdas: la de
   «Juicios por» se sacó del inicio por encargo de Pedro Antonio (laboral y
   civil la conservan). Con dos celdas la reja pasa a dos columnas en todo
   ancho; en teléfono se apilan. */
.pagina-bn .creds{border-top:2px solid var(--senal);border-bottom:2px solid var(--senal)}
.creds-dos .wrap{grid-template-columns:1fr}
@media(min-width:640px){.creds-dos .wrap{grid-template-columns:repeat(2,1fr)}}