body{background:#FAF8EE;color:#2F221A}

.weave-texture{background-image:linear-gradient(0deg,rgba(108,124,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(108,124,80,.05) 1px,transparent 1px);background-size:8px 8px}

.card-hover{transition:transform .2s ease,box-shadow .2s ease}
.card-hover:hover{box-shadow:0 10px 20px rgba(47,34,26,.12);transform:translateY(-2px)}

.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}
.custom-scrollbar::-webkit-scrollbar-track{background:#FAF8EE}
.custom-scrollbar::-webkit-scrollbar-thumb{background:#CAD3BB;border-radius:4px}
.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6C7C50}

.cifra{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}

.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  border:0}

.oags-salto{position:absolute;top:.75rem;left:.75rem;z-index:60;
  padding:.5rem 1rem;border-radius:.5rem;background:#2F221A;color:#FAF8EE;
  font:700 .9rem/1 Mulish,system-ui,sans-serif;text-decoration:none;
  clip-path:inset(50%)}
.oags-salto:focus{clip-path:none;outline:3px solid #2F221A;
  outline-offset:2px}
main:focus{outline:none}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid #4C6B19;outline-offset:2px;border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .card-hover:hover{transform:none}
}

.oags-cabecera{transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}
.oags-cabecera-oculta{transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){
  .oags-cabecera{transition:none}
  .oags-cabecera-oculta{transform:none}
}

.oags-heroe{background-color:#2F221A;background-size:cover;background-position:center}
.oags-heroe::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(47,34,26,.88) 0%,rgba(47,34,26,.66) 50%,rgba(47,34,26,.84) 100%)}
.oags-heroe::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.95;
  background:linear-gradient(0deg,#FAF8EE 0%,rgba(250,248,238,0) 34%,rgba(250,248,238,0) 100%)}
.oags-heroe > *{position:relative;z-index:1}

.oags-cifras{background:linear-gradient(180deg,rgba(250,248,238,0) 0%,#FFFFFF 100%)}

.boletin{position:relative;height:420px;overflow:hidden;border-radius:16px;
  background:#FFF;box-shadow:0 10px 20px rgba(47,34,26,.12)}

.boletin__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .4s ease}
.boletin:hover .boletin__foto{transform:scale(1.04)}

.boletin__velo{position:absolute;inset:0;
  background:linear-gradient(to top,#2F221A 0%,rgba(47,34,26,.72) 45%,rgba(47,34,26,.15) 100%)}

.boletin__contenido{position:relative;display:flex;height:100%;flex-direction:column;
  justify-content:flex-end;padding:28px;color:#FFF}

@media (prefers-reduced-motion:reduce){
  .boletin__foto{transition:none}
  .boletin:hover .boletin__foto{transform:none}
}

.oags-franja{position:relative;display:flex;align-items:flex-end;
  min-height:340px;overflow:hidden;background:#FAF8EE;
  view-timeline-name:--franja}
.oags-franja__foto{position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;object-position:70% 45%}
.oags-franja::after{content:"";position:absolute;inset:0;z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,#FAF8EE 0%,rgba(250,248,238,.94) 9%,rgba(250,248,238,.66) 20%,rgba(250,248,238,.22) 32%,rgba(250,248,238,0) 44%)}
.oags-franja__contenido{position:relative;z-index:2;padding-bottom:32px}

.oags-franja--corta{min-height:230px}
.oags-franja--corta .oags-franja__contenido{padding-bottom:12px}
.oags-franja--corta + section{padding-top:20px}

@media (max-width:640px){
  .oags-franja{min-height:260px}
  .oags-franja--corta{min-height:190px}
  .oags-franja__contenido{padding-bottom:28px}
}

@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    .oags-franja__foto{
      animation-name:oags-acercar;
      animation-duration:auto;
      animation-timing-function:linear;
      animation-fill-mode:both;
      animation-timeline:--franja;
      animation-range:exit 0% exit 100%}
    @keyframes oags-acercar{
      from{transform:scale(1)}
      to{transform:scale(1.12)}}
  }
}

.boletin-tarjeta{border-left:4px solid var(--marquilla,#CAD3BB)}

.boletin-tarjeta img{transition:transform .4s ease}
.boletin-tarjeta:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){
  .boletin-tarjeta img{transition:none}
  .boletin-tarjeta:hover img{transform:none}
}

.boletin-tarjeta[data-categoria="boletin"]{--marquilla:#4C6B19}.boletin-tarjeta[data-categoria="informe"]{--marquilla:#574E01}.boletin-tarjeta[data-categoria="nota"]{--marquilla:#D6065B}.boletin-tarjeta[data-categoria="infografia"]{--marquilla:#D6C41C}
.oags-encabezado{padding-bottom:2rem;margin-bottom:2rem;
  border-bottom:1px solid #CAD3BB}

.oags-ancla{scroll-margin-top:6rem}

.ayuda{position:relative;display:inline-flex}
.ayuda__signo{display:grid;place-items:center;width:16px;height:16px;
  border:1px solid #CAD3BB;border-radius:999px;background:#FFF;
  font:700 10px/1 Mulish,system-ui,sans-serif;color:#617048;cursor:pointer}
.ayuda__signo:hover,.ayuda__signo:focus-visible{border-color:#4C6B19;color:#4C6B19}
.ayuda__texto{position:absolute;left:50%;bottom:calc(100% + 8px);
  z-index:20;width:15rem;transform:translateX(-50%);
  padding:10px 12px;border-radius:10px;
  background:#2F221A;color:#FAF8EE;
  font:400 12px/1.45 Mulish,system-ui,sans-serif;text-align:left;
  opacity:0;visibility:hidden;transition:opacity .15s ease}
.ayuda:hover .ayuda__texto,
.ayuda__signo:focus + .ayuda__texto{opacity:1;visibility:visible}

@media (max-width:640px){
  .ayuda__texto{width:12rem}
}

.oags-heroe{background-image:url("../img/home/hero.6cfe59e4890c.jpg")}