/* estilos.css — archivo de notas de etransition.com.ar
   Manual de marca e-transition v1.6 · sitio v5.3 · Se aplica a páginas generadas por pandoc.
   Ubicación: /notas/estilos.css   Logo: /logo.svg (las notas lo llaman como ../logo.svg) */

/* Tipografías alojadas en el propio servidor (sin conexión a Google) */
@font-face{font-family:'Archivo';src:url('/fonts/archivo-var.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/inter-var.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}

:root{
  --papel:#F2F4F1; --panel:#E7EAE4; --linea:#C6CCC2; --tinta:#1D1D1B;
  --gris:#787878; --gris-txt:#5F625E; --verde:#067156; --turq:#00B5BD;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

/* la nota no tiene <main>: el ancho de lectura se aplica al body */
body{
  margin:0 auto; max-width:720px; padding:0 24px 56px;
  background:var(--papel); color:var(--tinta);
  font-family:Inter,Arial,sans-serif; font-size:18px; line-height:1.7;
  font-feature-settings:"tnum" 1;
}

/* cabecera inyectada */
header.sitio{padding:22px 0 18px; border-bottom:1px solid var(--linea); margin-bottom:36px}
header.sitio a{display:inline-block; line-height:0}
header.sitio img.logo{height:36px !important; width:auto !important; max-width:none !important; display:block; margin:0; border-radius:0}

/* título de la nota (pandoc) */
#title-block-header{margin:0 0 28px}
h1.title{
  font-family:Archivo,Arial,sans-serif; font-weight:600; font-size:34px; line-height:1.15;
  letter-spacing:-.012em; margin:0;
}
h1.title::after{content:""; display:block; width:56px; height:3px; background:var(--turq); margin-top:18px}
.subtitle,.author,.date{font-size:15px; color:var(--gris-txt); margin:8px 0 0}
p.firma{font-size:15px; color:var(--gris-txt); margin:16px 0 0}
p.firma strong{color:var(--tinta); font-weight:600}

/* cuerpo */
h2,h3,h4{font-family:Archivo,Arial,sans-serif; font-weight:600; line-height:1.25; margin:1.6em 0 .5em; letter-spacing:-.005em}
h2{font-size:26px} h3{font-size:21px} h4{font-size:18px}
p{margin:0 0 1.1em}
strong{font-weight:600}
u{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
a{color:var(--verde); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere}
a:hover{color:var(--tinta)}
:focus-visible{outline:2px solid var(--verde); outline-offset:3px}
ul,ol{padding-left:1.3em; margin:0 0 1.1em}
li{margin-bottom:.35em}
li>p{margin-bottom:.35em}
blockquote{margin:1.4em 0; padding:14px 22px; border-left:3px solid var(--verde); background:var(--panel)}
blockquote p:last-child{margin-bottom:0}
hr{border:0; border-top:1px solid var(--linea); margin:2em 0}

/* imágenes: pandoc las trae con width/height en pulgadas como estilo en línea.
   max-width limita; height:auto !important evita que ese alto fijo deforme la foto. */
img{
  max-width:100% !important; height:auto !important;
  display:block; margin:1.2em 0; border-radius:3px;
}
p>img:only-child{margin:1.2em auto}
figure{margin:1.4em 0}
figure img{margin:0}
figcaption{font-size:14px; color:var(--gris-txt); margin-top:8px}

/* tablas: desplazables en celular en lugar de desbordar */
table{border-collapse:collapse; width:100%; font-size:16px; margin:1.2em 0; display:block; overflow-x:auto}
thead th{text-align:left; font-family:Archivo,Arial,sans-serif; font-weight:600; font-size:14px; color:var(--gris);
  border-bottom:2px solid var(--tinta); padding:8px 12px 8px 0}
td{padding:8px 12px 8px 0; border-bottom:1px solid var(--linea); vertical-align:top}
tbody tr:hover{background:transparent}

code,pre{font-family:Consolas,Menlo,monospace; font-size:.92em}
pre{background:var(--panel); padding:14px 16px; overflow-x:auto}

/* pie inyectado */
footer.sitio{margin-top:56px; padding-top:20px; border-top:1px solid var(--linea); font-size:14px; color:var(--gris-txt)}
footer.sitio p{margin:0 0 6px}
footer.sitio strong{color:var(--tinta); font-weight:600}
footer.sitio time{font-feature-settings:"tnum" 1}
footer.sitio a{color:var(--verde)}

/* apoyos de pandoc que no se usan: neutralizados */
span.smallcaps{font-variant:normal}
div.columns{display:block}

@media (max-width:600px){
  body{font-size:17px; padding:0 18px 48px}
  h1.title{font-size:27px}
  h2{font-size:22px} h3{font-size:19px}
  header.sitio img.logo{height:30px !important}
  img{margin:1em 0}
}
@media print{
  body{background:#fff; max-width:none; font-size:11pt}
  header.sitio,footer.sitio{border-color:#999}
  a{color:var(--tinta)}
}