/* SER ÚLTIMOS — frontend 3.0 */
.ser-posts{
  --serp-gap:18px;
  --serp-radius:14px;
  --serp-accent:var(--theme-palette-color-1,var(--wp--preset--color--contrast,#1779ba));
  --serp-text:var(--theme-headings-color,var(--theme-text-color,currentColor));
  --serp-muted:color-mix(in srgb,currentColor 58%,transparent);
  --serp-surface:var(--theme-palette-color-8,#fff);
  --serp-line:color-mix(in srgb,currentColor 13%,transparent);
  --serp-soft:color-mix(in srgb,var(--serp-accent) 6%,transparent);
  width:100%;min-width:0;position:relative;color:inherit;font-family:inherit;
}
.ser-posts--frame-soft,.ser-posts--frame-band{padding:clamp(18px,2.4vw,34px);border-radius:calc(var(--serp-radius) + 8px)}
.ser-posts--frame-soft{background:color-mix(in srgb,var(--serp-surface) 92%,var(--serp-accent) 8%)}
.ser-posts--frame-band{background:color-mix(in srgb,var(--serp-accent) 9%,transparent)}
.ser-posts__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 clamp(14px,2vw,24px)}
.ser-posts__heading{margin:0;color:var(--serp-text);font:inherit;font-size:clamp(25px,2.25vw,38px);line-height:1.03;font-weight:800;letter-spacing:-.035em}
.ser-posts__arrows{display:flex;gap:7px;flex:0 0 auto}
.ser-posts__arrow{appearance:none;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--serp-line);border-radius:999px;background:transparent;color:var(--serp-text);font:inherit;font-size:23px;line-height:1;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.ser-posts__arrow:hover{background:var(--serp-soft);border-color:color-mix(in srgb,var(--serp-accent) 34%,transparent);transform:translateY(-1px)}
.ser-posts__arrow[disabled]{opacity:.25;cursor:default;transform:none}
.ser-posts__viewport{width:100%;min-width:0;overflow:hidden}
.ser-posts__track{display:grid;grid-template-columns:repeat(var(--serp-cols,3),minmax(0,1fr));gap:var(--serp-gap);width:100%}

.serp-card{min-width:0;margin:0;color:inherit;background:transparent;border-radius:var(--serp-radius);overflow:hidden;position:relative}
.serp-card__media{display:block;overflow:hidden;background:color-mix(in srgb,currentColor 6%,transparent);border-radius:var(--serp-radius);position:relative}
.ser-posts--ratio-16-10 .serp-card__media{aspect-ratio:16/10}.ser-posts--ratio-3-2 .serp-card__media{aspect-ratio:3/2}.ser-posts--ratio-4-3 .serp-card__media{aspect-ratio:4/3}.ser-posts--ratio-1-1 .serp-card__media{aspect-ratio:1/1}.ser-posts--ratio-21-9 .serp-card__media{aspect-ratio:21/9}
.serp-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.serp-card:hover .serp-card__img{transform:scale(1.025)}
.serp-card__placeholder{display:block;width:100%;height:100%;background:color-mix(in srgb,currentColor 6%,transparent)}
.serp-card__body{padding:11px 1px 2px}
.serp-card__meta-top,.serp-card__meta-bottom{display:flex;gap:8px;flex-wrap:wrap;color:var(--serp-muted);font-size:11px;line-height:1.3}
.serp-card__meta-top{margin-bottom:6px;text-transform:uppercase;letter-spacing:.055em;font-weight:700}
.serp-card__meta-bottom{margin-top:9px}
.serp-card__title{margin:0;color:var(--serp-text);font:inherit;font-size:clamp(14px,1vw,16px);line-height:1.28;font-weight:750;display:-webkit-box;-webkit-line-clamp:var(--serp-title-lines,2);-webkit-box-orient:vertical;overflow:hidden}
.serp-card__title a{color:inherit;text-decoration:none}.serp-card__title a:hover{color:var(--serp-accent)}
.serp-card__excerpt{margin:7px 0 0;color:var(--serp-muted);font:inherit;font-size:13px;line-height:1.5}
.serp-card__readmore{margin:9px 0 0}.serp-card__readmore a{color:var(--serp-accent);font:inherit;font-size:12px;font-weight:750;text-decoration:none}.serp-card__readmore a:hover{text-decoration:underline;text-underline-offset:3px}

/* Acabados: la opción integrada no impone caja */
.ser-posts--soft .serp-card{background:color-mix(in srgb,var(--serp-surface) 96%,var(--serp-accent) 4%);box-shadow:0 10px 28px color-mix(in srgb,#000 8%,transparent)}
.ser-posts--soft .serp-card__body{padding:14px 15px 16px}
.ser-posts--line .serp-card{border-top:1px solid var(--serp-line);border-radius:0;padding-top:10px}
.ser-posts--line .serp-card__media{border-radius:max(4px,calc(var(--serp-radius) - 5px))}
.ser-posts--glass .serp-card{background:color-mix(in srgb,var(--serp-surface) 76%,transparent);border:1px solid color-mix(in srgb,#fff 55%,var(--serp-line));box-shadow:0 14px 40px color-mix(in srgb,#000 9%,transparent);backdrop-filter:blur(14px)}
.ser-posts--glass .serp-card__body{padding:14px 15px 16px}
.ser-posts--photo .serp-card,.ser-posts--image-background .serp-card{min-height:300px}
.ser-posts--photo .serp-card__media,.ser-posts--image-background .serp-card__media{position:absolute;inset:0;height:100%;border-radius:inherit}
.ser-posts--photo .serp-card__media:after,.ser-posts--image-background .serp-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,18,35,.9))}
.ser-posts--photo .serp-card__body,.ser-posts--image-background .serp-card__body{position:absolute;inset:auto 0 0;z-index:2;padding:20px}
.ser-posts--photo .serp-card__title,.ser-posts--photo .serp-card__meta-top,.ser-posts--photo .serp-card__meta-bottom,.ser-posts--photo .serp-card__excerpt,.ser-posts--photo .serp-card__readmore a,.ser-posts--image-background .serp-card__title,.ser-posts--image-background .serp-card__meta-top,.ser-posts--image-background .serp-card__meta-bottom,.ser-posts--image-background .serp-card__excerpt,.ser-posts--image-background .serp-card__readmore a{color:#fff}

/* Carrusel */
.ser-posts--carousel .ser-posts__viewport,.ser-posts--rail .ser-posts__viewport{overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding-bottom:2px}
.ser-posts--carousel .ser-posts__viewport::-webkit-scrollbar,.ser-posts--rail .ser-posts__viewport::-webkit-scrollbar{display:none}
.ser-posts--carousel .ser-posts__track,.ser-posts--rail .ser-posts__track{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--serp-cols,3) - 1)*var(--serp-gap))/var(--serp-cols,3));gap:var(--serp-gap);width:auto}
.ser-posts--carousel .serp-card,.ser-posts--rail .serp-card{scroll-snap-align:start}
.ser-posts--peek.ser-posts--carousel .ser-posts__viewport,.ser-posts--peek.ser-posts--rail .ser-posts__viewport{padding-right:clamp(18px,4vw,58px)}
.ser-posts--peek.ser-posts--carousel .ser-posts__track,.ser-posts--peek.ser-posts--rail .ser-posts__track{grid-auto-columns:calc((94% - (var(--serp-cols,3) - 1)*var(--serp-gap))/var(--serp-cols,3))}
.ser-posts--rail .ser-posts__track{grid-auto-columns:minmax(310px,42%)}
.ser-posts--rail .serp-card{display:grid;grid-template-columns:minmax(150px,44%) 1fr;gap:14px;align-items:stretch}
.ser-posts--rail .serp-card__media{height:100%;min-height:190px;aspect-ratio:auto!important}
.ser-posts--rail .serp-card__body{padding:8px 8px 8px 0;align-self:center}
.ser-posts--rail .serp-card__title{font-size:clamp(16px,1.3vw,21px)}

/* Listas y composiciones editoriales */
.ser-posts--list .ser-posts__track{grid-template-columns:1fr}
.ser-posts--list .serp-card{display:grid;grid-template-columns:minmax(150px,26%) 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--serp-line);border-radius:0;padding:0 0 16px}
.ser-posts--list .serp-card__body{padding:0}
.ser-posts--featured .ser-posts__track{grid-template-columns:2fr 1fr 1fr}.ser-posts--featured .serp-card.is-first{grid-row:span 2}.ser-posts--featured .serp-card.is-first .serp-card__title{font-size:clamp(20px,2vw,30px)}
.ser-posts--magazine .ser-posts__track{grid-template-columns:minmax(0,1.65fr) repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start}
.ser-posts--magazine .serp-card.is-first{grid-row:span 2}.ser-posts--magazine .serp-card.is-first .serp-card__title{font-size:clamp(22px,2.2vw,34px);-webkit-line-clamp:3}.ser-posts--magazine .serp-card.is-first .serp-card__body{padding-top:15px}
.ser-posts--magazine .serp-card:not(.is-first){display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;padding-top:10px;border-top:1px solid var(--serp-line);border-radius:0}.ser-posts--magazine .serp-card:not(.is-first) .serp-card__media{aspect-ratio:1/1}.ser-posts--magazine .serp-card:not(.is-first) .serp-card__body{padding:0}.ser-posts--magazine .serp-card:not(.is-first) .serp-card__excerpt,.ser-posts--magazine .serp-card:not(.is-first) .serp-card__readmore{display:none}
.ser-posts--image-left .serp-card{display:grid;grid-template-columns:minmax(130px,38%) 1fr;gap:14px}.ser-posts--image-left .serp-card__body{padding:6px 6px 6px 0}

.ser-posts__dots{display:flex;justify-content:center;gap:7px;margin-top:16px;min-height:10px}.ser-posts__dot{width:7px;height:7px;border:0;border-radius:50%;background:color-mix(in srgb,currentColor 25%,transparent);padding:0;cursor:pointer;transition:transform .16s ease,background .16s ease}.ser-posts__dot.is-active{background:var(--serp-accent);transform:scale(1.35)}
.ser-posts__more-wrap{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.ser-posts__more{appearance:none;border:1px solid color-mix(in srgb,var(--serp-accent) 35%,transparent);border-radius:999px;background:transparent;color:var(--serp-accent);font:inherit;font-weight:750;font-size:13px;padding:10px 18px;cursor:pointer}.ser-posts__more:hover{background:var(--serp-accent);color:#fff}.ser-posts__more:disabled{opacity:.5;cursor:wait}.ser-posts__status{font-size:12px;color:var(--serp-muted)}
.ser-posts__arrow:focus-visible,.ser-posts__more:focus-visible,.ser-posts__dot:focus-visible,.serp-card a:focus-visible{outline:2px solid var(--serp-accent);outline-offset:3px}

@media(max-width:1024px){
  .ser-posts__track{grid-template-columns:repeat(var(--serp-cols-tablet,2),minmax(0,1fr))}
  .ser-posts--carousel .ser-posts__track{grid-template-columns:none;grid-auto-columns:calc((100% - (var(--serp-cols-tablet,2) - 1)*var(--serp-gap))/var(--serp-cols-tablet,2))}
  .ser-posts--peek.ser-posts--carousel .ser-posts__track{grid-auto-columns:calc((94% - (var(--serp-cols-tablet,2) - 1)*var(--serp-gap))/var(--serp-cols-tablet,2))}
  .ser-posts--rail .ser-posts__track{grid-auto-columns:minmax(300px,64%)}
  .ser-posts--featured .ser-posts__track,.ser-posts--magazine .ser-posts__track{grid-template-columns:1fr 1fr}
  .ser-posts--magazine .serp-card.is-first{grid-column:1/-1;grid-row:auto}
}
@media(max-width:767px){
  .ser-posts--frame-soft,.ser-posts--frame-band{padding:18px 14px}
  .ser-posts__heading{font-size:27px}.ser-posts__arrow{width:36px;height:36px}
  .ser-posts__track{grid-template-columns:repeat(var(--serp-cols-mobile,1),minmax(0,1fr))}
  .ser-posts--carousel .ser-posts__track{grid-template-columns:none;grid-auto-columns:86vw}.ser-posts--peek.ser-posts--carousel .ser-posts__track{grid-auto-columns:82vw}
  .ser-posts--rail .ser-posts__track{grid-auto-columns:88vw}.ser-posts--rail .serp-card{grid-template-columns:42% 1fr}
  .ser-posts--list .serp-card,.ser-posts--image-left .serp-card{grid-template-columns:112px 1fr;gap:12px}
  .ser-posts--featured .ser-posts__track,.ser-posts--magazine .ser-posts__track{grid-template-columns:1fr}
  .ser-posts--featured .serp-card.is-first{grid-row:auto}
  .ser-posts--magazine .serp-card:not(.is-first){grid-template-columns:105px 1fr}
}
@media(prefers-reduced-motion:reduce){.ser-posts *{scroll-behavior:auto!important;transition:none!important}.serp-card:hover .serp-card__img{transform:none}}
