.am-columnas, .am-archivo {
  --am-papel: #f4f1e9;
  --am-tinta: #252d28;
  --am-gris: #566056;
  --am-teja: #994a30;
  --am-linea: #c4c9bb;
  color: var(--am-tinta);
  font-family: Arial, sans-serif;
}
.am-columnas {border-block: 1px solid var(--am-linea); padding: clamp(32px, 5vw, 68px) 0;}
.am-columnas *, .am-archivo * {box-sizing: border-box;}
.am-columnas h2, .am-archivo h1 {
  font: normal clamp(32px, 4.3vw, 60px)/1.08 Georgia, serif;
  letter-spacing: -.035em; margin: .3em 0 .45em;
}
.am-columnas h2 em, .am-archivo h1 em {color: var(--am-teja); font-weight: normal;}
.am-kicker {font: 11px/1.6 Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase;}
.am-intro {font-size: 15px; line-height: 1.65; color: var(--am-gris); max-width: 64ch; margin: 0 0 26px;}
.am-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 26px 0;}
.am-tarjeta {display: flex; flex-direction: column; align-items: flex-start; gap: 13px; min-width: 0;
  border-top: 2px solid var(--am-teja); background: #faf8f1; padding: 22px; overflow-wrap: anywhere;}
.am-tarjeta time {font: 12px/1.6 Arial, sans-serif; color: var(--am-gris);}
.am-columnas .am-tarjeta h3, .am-archivo .am-tarjeta h2 {
  font: normal clamp(22px, 2.2vw, 30px)/1.19 Georgia, serif; letter-spacing: -.025em; margin: 0;
}
.am-tarjeta p, .am-aviso {font: 15px/1.65 Arial, sans-serif; color: var(--am-gris); margin: 0;}
.am-aviso {grid-column: 1/-1; padding: 16px 0; border-top: 1px solid var(--am-linea);}
.am-columnas a, .am-archivo a {color: var(--am-tinta); text-decoration: underline; text-underline-offset: .25em;}
.am-columnas a:hover, .am-archivo a:hover {color: var(--am-teja);}
.am-tarjeta .am-leer {margin-top: auto; font: 600 13px/1.4 Arial,sans-serif; padding: 9px 0 3px;}
.am-acciones, .am-paginacion {display: flex; flex-wrap: wrap; gap: 12px 26px; align-items: center; font-size: 14px;}
.am-columnas .am-boton, .am-archivo .am-boton {
  color: #fff; background: var(--am-tinta); padding: 12px 17px; text-decoration: none;
  border: 0; font: 14px/1.4 Arial, sans-serif; cursor: pointer;
}
.am-columnas .am-boton:hover, .am-archivo .am-boton:hover {background: var(--am-teja); color: #fff;}
.am-columnas :focus-visible, .am-archivo :focus-visible {outline: 3px solid var(--am-teja); outline-offset: 3px;}
body.am-archivo {margin: 0; background: var(--am-papel);}
.am-contenedor {max-width: 1260px; margin: auto; padding: 0 clamp(20px,5vw,68px);}
.am-cabecera, .am-pie {padding: 24px 0; border-bottom: 1px solid var(--am-linea); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; align-items: center;}
.am-cabecera a:first-child {font: 25px Georgia,serif; text-decoration: none;}
.am-cabecera a:last-child, .am-pie {font-size: 12px;}
.am-introduccion {position:relative; isolation:isolate; overflow:hidden; margin: 32px 0; padding: clamp(24px, 4vw, 60px); background: #e9e9de;}
.am-introduccion::before {content:''; position:absolute; inset:0; z-index:-1; background: url('../motivo-esther.jpg') center 44%/cover; opacity:.075;}
.am-buscar {display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px;}
.am-buscar label {display: grid; gap: 6px; font-size: 13px;}
.am-buscar input {font: 16px Arial, sans-serif; padding: 12px; border: 1px solid var(--am-linea); max-width: 100%; width: min(360px, 78vw); background: #fffdf9;}
.am-paginacion {margin: 28px 0;}
.am-pie {border-top: 1px solid var(--am-linea); border-bottom: 0; margin-top: 52px; color: var(--am-gris);}
@media(max-width:800px){.am-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}
@media(max-width:580px){.am-grid {grid-template-columns:1fr;}.am-tarjeta {padding:18px;}.am-columnas h2, .am-archivo h1{font-size:36px;}}