/* ximena2.css - generado por plantilla_nueva.py, no editar a mano */
/* El HTML NO lleva style= en ningun elemento: todo esta aca. */
/* La misma hoja va embebida en cada publicacion como red, por si
   montesito.com.ar no responde. Esta, al cargar despues, le gana. */

.xm-aka {
  order:5;
  margin-top:8px;
  font-size:18px;
  font-style:italic;
  color:#525252;
}
.xm-aka b {
  color:#161616;
  font-style:normal;
}
.xm-ficha {
  order:8;
  margin-top:20px;
  font-size:15px;
  line-height:1.4;
}
.xm-ficha b {
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:12px;
  letter-spacing:.08em;
  color:#5f5f5f;
  font-weight:400;
  padding-top:2px;
}
.xm-ficha p {
  display:grid;
  grid-template-columns:110px 1fr;
  gap:12px;
  margin:0;
  padding:6px 0;
}
.xm-ficha p.xm-cond {
  font-weight:700;
}
.xm-intro {
  order:6;
  margin:32px 0 0;
  font-size:17px;
  line-height:1.6;
  text-align:justify;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.xm-kicker {
  order:3;
  margin-top:24px;
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:12px;
  letter-spacing:.14em;
  color:#1f1f1f;
  font-weight:700;
}
.xm-logo {
  order:1;
  display:block;
  width:240px;
  max-width:60%;
  height:auto;
  border:0;
  margin-left:auto;
  margin-right:0;
}
.xm-nav {
  order:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  column-gap:20px;
  border-top:1px solid #e3e0dc;
  border-bottom:1px solid #e3e0dc;
  margin-top:18px;
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:14px;
}
.xm-nav a {
  color:#1f1f1f;
  text-decoration:none;
  padding:13px 0;
  display:inline-block;
}
.xm-nota, .xm-sec p.xm-nota {
  order:10;
  margin:18px 0 0;
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:14px;
  line-height:1.5;
  color:#525252;
  text-align:justify;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.xm-pie {
  order:20;
  margin-top:28px;
  border-top:1px solid #e3e0dc;
  padding-top:14px;
  font-family:'Trebuchet MS',Tahoma,sans-serif;
  font-size:13px;
  color:#5f5f5f;
  text-align:right;
}
.xm-recuadro {
  order:7;
  margin-top:20px;
  padding:14px 16px;
  border:1px solid #e3e0dc;
  background:#faf8f6;
  font-size:15px;
  line-height:1.5;
  text-align:justify;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.xm-sec {
  order:11;
  margin-top:24px;
  border-top:1px solid #e3e0dc;
  padding-top:18px;
}
.xm-sec h2 {
  margin:0 0 10px;
  font-family:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:20px;
  color:#d97300;
  font-weight:700;
}
.xm-sec p {
  margin:0 0 10px;
  font-size:16px;
  line-height:1.6;
  text-align:justify;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.xm-sec p:last-child {
  margin-bottom:0;
}
.xm-sec.xm-condicion {
  order:9;
}
.xm-titulo {
  order:4;
  margin:8px 0 0;
  color:#d97300;
  font-family:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  font-size:34px;
  line-height:1.1;
  font-weight:700;
}
.xm-wrap {
  display:flex;
  flex-direction:column;
  max-width:760px;
  margin:0 auto;
  padding:28px 22px 32px;
  box-sizing:border-box;
  background:#ffffff;
  color:#161616;
  font-family:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
  text-align:left;
}

/* --- convivencia con las publicaciones del formato VIEJO -------
   POR QUE EXISTE: esta hoja mudo `max-width` y `padding` de
   `.xm-inner` a `.xm-wrap`. Las publicaciones que todavia no se
   corrigieron traen esos valores INLINE en su `.xm-inner`, asi
   que sin esta regla se aplican DOS veces: el contenido queda
   22px a la derecha, 28px mas abajo y 44px mas angosto.
   Medido sobre dos de las 211 publicadas: con la regla, CERO
   diferencias de caja a 860px y a 390px.

   CUANDO SE SACA: cuando no quede ninguna publicacion con
   `.xm-inner`. Mientras quede una, esta regla la sostiene.

   LIMITE: `:has()` es reciente. Un navegador que no lo soporta
   ignora la regla y esa persona ve el relleno duplicado:
   distinto, no roto. */
.xm-wrap:has(.xm-inner) {
  display: block;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* el ancho de celular */
@media (max-width: 460px) {
  /* la ficha apilada: la clave arriba y el valor abajo */
  .xm-ficha p { grid-template-columns:1fr; gap:2px; }
  .xm-titulo { font-size:27px; }
  .xm-nav { justify-content:flex-start; column-gap:14px; }
  /* en columna angosta el justificado abre huecos */
  .xm-intro, .xm-sec p, .xm-nota, .xm-recuadro {
    text-align:left; }
}