/*listado*/
.veo-blog {
    max-width: calc(1320px + 2 * var(--cp-margen));
    margin: 0 auto;
    padding: clamp(48px, 6vw, 88px) var(--cp-margen) clamp(64px, 8vw, 100px);
}

.veo-blog__cabecera {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 860px;
    margin-bottom: 56px;
}

.veo-blog__h1 {
    margin: 0;
    font-size: clamp(52px, 7.4vw, 116px);
    line-height: .95;
    overflow-wrap: normal;
}

.veo-blog__intro {
    max-width: 44ch;
    margin: 0;
    font-size: 19px;
    line-height: 1.6;
}

.veo-blog__filtros {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.veo-blog__filtros a {
    padding: 10px 16px;
    border: 2.5px solid var(--cp-tinta);
    border-radius: 999px;
    background: var(--ast-global-color-4);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--cp-tinta);
    text-decoration: none;
    transition: transform .12s;
}

.veo-blog__filtros a:hover {
    transform: translateY(-2px);
    color: var(--cp-tinta);
}

.veo-blog__filtros a[aria-current] {
    background: var(--ast-global-color-0);
    box-shadow: 3px 3px 0 var(--cp-tinta);
}

.veo-blog__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.veo-blog__etiqueta {
    padding: 4px 10px;
    border: 2px solid var(--cp-tinta);
    border-radius: 999px;
    background: var(--cp-ambar-200);
    font-size: 12px;
    font-weight: 800;
}

.veo-blog__etiqueta--clara {
    padding: 5px 12px;
    border-width: 2.5px;
    background: var(--ast-global-color-4);
}

.veo-blog__etiqueta--turquesa {
    padding: 5px 12px;
    border-width: 2.5px;
    background: var(--ast-global-color-6);
}

.veo-blog__destacada {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    overflow: hidden;
    margin-bottom: 56px;
    border: var(--cp-linea);
    border-radius: 40px;
    background: var(--ast-global-color-6);
    box-shadow: var(--cp-sombra-lg);
    color: var(--cp-tinta);
    text-decoration: none;
    transition: transform .2s;
}

.veo-blog__destacada:hover {
    transform: translateY(-4px);
    color: var(--cp-tinta);
}

.veo-blog__destacada-imagen {
    min-height: 320px;
    border-right: var(--cp-linea);
    background: var(--ast-global-color-5);
}

.veo-blog__destacada-imagen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.veo-blog__destacada-texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    padding: clamp(28px, 4vw, 56px);
}

.veo-blog__destacada .veo-blog__meta {
    font-size: 15px;
    font-weight: 700;
}

.veo-blog__destacada-titulo {
    font-family: 'Caprasimo', serif;
    font-size: clamp(32px, 3.6vw, 52px);
    line-height: 1.05;
}

.veo-blog__destacada-extracto {
    font-size: 17px;
    line-height: 1.6;
}

.veo-blog__leer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
}

.veo-blog__leer::after {
    content: "";
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

.veo-blog__rejilla {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: 40px 32px;
}

.veo-blog__tarjeta {
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: var(--cp-tinta);
    text-decoration: none;
    transition: transform .2s;
}

.veo-blog__tarjeta:hover {
    transform: translateY(-6px);
    color: var(--cp-tinta);
}

.veo-blog__imagen {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: var(--cp-linea);
    border-radius: 28px;
    background: var(--ast-global-color-5);
    box-shadow: var(--cp-sombra);
}

.veo-blog__imagen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.veo-blog__tarjeta .veo-blog__meta,
.veo-blog__titulo {
    padding: 0 6px;
}

.veo-blog__titulo {
    font-family: 'Caprasimo', serif;
    font-size: 30px;
    line-height: 1.1;
}

/*articulo*/
.veo-articulo {
    max-width: calc(1100px + 2 * var(--cp-margen));
    margin: 0 auto;
    padding: clamp(48px, 6vw, 88px) var(--cp-margen) clamp(64px, 8vw, 100px);
}

.veo-articulo__volver {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    padding: 8px 14px;
    border: 2.5px solid var(--cp-tinta);
    border-radius: 999px;
    background: var(--ast-global-color-4);
    font-size: 15px;
    font-weight: 700;
    color: var(--cp-tinta);
    text-decoration: none;
}

.veo-articulo__volver:hover {
    background: var(--cp-ambar-200);
    color: var(--cp-tinta);
}

.veo-articulo > .veo-blog__meta {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 700;
}

.veo-articulo__titulo {
    margin: 0 0 40px;
    font-size: clamp(40px, 5.6vw, 84px);
    line-height: 1;
    text-wrap: balance;
    overflow-wrap: normal;
}

.veo-articulo__imagen {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    margin-bottom: 56px;
    border: var(--cp-linea);
    border-radius: 36px;
    background: var(--ast-global-color-5);
    box-shadow: var(--cp-sombra-lg);
}

.veo-articulo__imagen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.veo-articulo__contenido {
    max-width: 680px;
    font-size: 20px;
    line-height: 1.7;
}

.veo-articulo__contenido > * {
    margin-block: 0 24px;
}

.veo-articulo__contenido h2 {
    margin-top: 48px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.1;
}

.veo-articulo__contenido h3 {
    margin-top: 36px;
    font-size: clamp(22px, 2.2vw, 28px);
    line-height: 1.15;
}

.veo-articulo__contenido h4 {
    margin-top: 28px;
    font-size: 21px;
    line-height: 1.2;
}

.veo-articulo__contenido :is(ul, ol) {
    margin-left: 1.2em;
}

.veo-articulo__contenido li + li {
    margin-top: 8px;
}

.veo-articulo__contenido a:not(.wp-element-button) {
    color: var(--cp-tinta);
    text-decoration: underline;
    text-decoration-color: var(--ast-global-color-0);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.veo-articulo__contenido .wp-block-image img,
.veo-articulo__contenido .wp-block-gallery img {
    border: 2.5px solid var(--cp-tinta);
    border-radius: 24px;
}

.veo-articulo__contenido figcaption {
    font-size: 15px;
    text-align: center;
}

.veo-articulo__contenido .wp-block-quote {
    padding: 24px 28px;
    border: var(--cp-linea);
    border-radius: 28px;
    background: var(--cp-ambar-200);
    font-family: 'Caprasimo', serif;
    font-size: 26px;
    font-style: normal;
    line-height: 1.25;
}

.veo-articulo__contenido .wp-block-quote p {
    margin: 0;
}

.veo-articulo__contenido .wp-block-quote cite {
    display: block;
    margin-top: 12px;
    font-family: 'Figtree', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.veo-articulo__contenido .wp-block-embed iframe {
    overflow: hidden;
    border: var(--cp-linea);
    border-radius: 28px;
}

.veo-articulo__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 64px;
    padding: clamp(28px, 4vw, 48px);
    border: var(--cp-linea);
    border-radius: 40px;
    background: var(--cp-ambar);
    box-shadow: var(--cp-sombra);
}

.veo-articulo__cta p {
    max-width: 22ch;
    margin: 0;
    font-family: 'Caprasimo', serif;
    font-size: clamp(26px, 2.8vw, 38px);
    line-height: 1.1;
}

.veo-articulo__cta .wp-block-button__link {
    display: inline-block;
    padding: 16px 26px;
}

.veo-articulo__mas h2 {
    margin: 72px 0 28px;
    font-size: clamp(30px, 3.4vw, 44px);
}

.veo-articulo__mas-lista {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: 28px;
}

.veo-articulo__mas-entrada {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 14px;
    border: var(--cp-linea);
    border-radius: 28px;
    background: var(--ast-global-color-4);
    font-family: 'Caprasimo', serif;
    font-size: 20px;
    line-height: 1.15;
    color: var(--cp-tinta);
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
}

.veo-articulo__mas-entrada:hover {
    transform: translate(-3px, -3px);
    box-shadow: var(--cp-sombra);
    color: var(--cp-tinta);
}

.veo-articulo__mas-entrada img {
    flex: none;
    width: 110px;
    height: 84px;
    border: 2.5px solid var(--cp-tinta);
    border-radius: 18px;
    object-fit: cover;
}

@media (width <=544px) {
    .veo-blog__destacada-imagen {
        min-height: 220px;
        border-right: 0;
        border-bottom: var(--cp-linea);
    }

    .veo-articulo__contenido {
        font-size: 18px;
    }
}