/*
 * Theme Name: Hello Elementor Anso
 * Description: Tema hijo de Hello Elementor para el subsite Anso Hemorroides
 * Template: hello-elementor
 * Version: 1.0.9
 * Author: Lacer
 */

/* -------------------------------------------------------
   Custom Properties
------------------------------------------------------- */
:root {
    --color-red:        #E10001;
    --color-white:      #fff;
    --color-text:       #333;
    --color-text-dark:  #1a1a1a;
    --color-text-muted: #555;
    --color-text-light: #888;
    --color-bg-light:   #F5F5F5;
    --color-border:     #eee;
    --color-border-mid: #ddd;

    --font-serif: "Lustria", serif;

    --radius-sm: 10px;
    --radius-md: 12px;

    --shadow-sm: 0px 4px 4px 0px #00000020;
    --shadow-md: 0px 4px 4px 0px #00000040;

    --transition:      all 0.25s ease-in-out;
    --transition-fast: all 0.2s;

    --gap-section: 40px;
    --gap-card:    24px;
}

/* -------------------------------------------------------
   Archive Posts — skin Classic (Elementor)
------------------------------------------------------- */
.elementor-posts--skin-classic .elementor-post {
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.elementor-posts--skin-classic .elementor-post__thumbnail__link {
    display: block;
    overflow: hidden;
}

.elementor-posts--skin-classic .elementor-post__thumbnail,
.elementor-posts--skin-classic .elementor-post__thumbnail img {
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover !important;
    display: block !important;
}

.elementor-posts--skin-classic .elementor-post__text {
    padding: 0 !important;
}

.elementor-posts--skin-classic .elementor-post__meta-data {
    padding: 12px 0 0 !important;
    margin-bottom: 2px !important;
}

.elementor-posts--skin-classic .elementor-post-date {
    font-size: 12px !important;
    color: var(--color-red) !important;
    font-weight: 600 !important;
}

.elementor-posts--skin-classic .elementor-post__title {
    font-family: var(--font-serif) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    margin: 4px 0 8px !important;
}

.elementor-posts--skin-classic .elementor-post__title a {
    color: var(--color-text-dark) !important;
    text-decoration: none !important;
    font-family: var(--font-serif) !important;
    font-weight: 400 !important;
}

.elementor-posts--skin-classic .elementor-post__title a:hover {
    color: var(--color-red) !important;
}

.elementor-posts--skin-classic .elementor-post__excerpt p {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: var(--color-text) !important;
    line-height: 1.5 !important;
    margin: 0 0 8px !important;
}

.elementor-posts--skin-classic .elementor-post__read-more {
    display: none !important;
}

/* -------------------------------------------------------
   Blog Loop template (Elementor Loop Builder)
------------------------------------------------------- */
.e-loop-item .elementor-widget-theme-post-featured-image img {
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover !important;
    display: block !important;
}

.e-loop-item .elementor-post-info__item--type-date time {
    font-size: 12px !important;
    color: var(--color-red) !important;
    font-weight: 600 !important;
}

.e-loop-item .elementor-post-info__terms-list-item,
.e-loop-item .elementor-post-info__terms-list-item a {
    font-size: 11px !important;
    color: var(--color-text-light) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.e-loop-item .elementor-post-info__terms-list-item a:hover {
    color: var(--color-red) !important;
}

.e-loop-item .elementor-heading-title {
    font-family: var(--font-serif) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.e-loop-item .elementor-heading-title a {
    color: var(--color-text-dark) !important;
    text-decoration: none !important;
    font-family: var(--font-serif) !important;
    font-weight: 400 !important;
}

.e-loop-item .elementor-heading-title a:hover {
    color: var(--color-red) !important;
}

.e-loop-item .elementor-widget-theme-post-excerpt {
    font-size: 14px !important;
    font-weight: 300 !important;
    color: var(--color-text) !important;
    line-height: 1.5 !important;
}

/* -------------------------------------------------------
   Pagination — [anso_archive] shortcode
------------------------------------------------------- */
.anso-archive__paginacion {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
    flex-wrap: wrap;
}

.anso-archive__pag-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 4px;
    border: 1px solid var(--color-border-mid);
    font-size: 14px;
    text-decoration: none;
    color: var(--color-text);
    transition: var(--transition-fast);
}

.anso-archive__pag-item:hover,
.anso-archive__pag-item--active {
    background-color: var(--color-red);
    color: var(--color-white) !important;
    border-color: var(--color-red);
}

.anso-archive__pag-item--active {
    font-weight: 600;
}

.anso-archive__pag-prev,
.anso-archive__pag-next {
    min-width: auto;
    padding: 0 12px;
    font-size: 13px;
}

/* -------------------------------------------------------
   Pagination — Elementor Blog Loop
------------------------------------------------------- */
.elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
    flex-wrap: wrap;
}

.elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 4px;
    border: 1px solid var(--color-border-mid);
    border-radius: 0 !important;
    font-size: 14px;
    text-decoration: none;
    color: var(--color-red) !important;
    background-color: var(--color-white);
    transition: var(--transition-fast);
}

.elementor-pagination .page-numbers:hover,
.elementor-pagination .page-numbers.current {
    background-color: var(--color-red) !important;
    color: var(--color-white) !important;
    border-color: var(--color-red) !important;
}

.elementor-pagination .page-numbers.current {
    font-weight: 600;
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next {
    min-width: auto;
    padding: 0 12px;
    font-size: 13px;
}

/* Hide "Anterior" when it's a <span> (first page, no link) */
.elementor-pagination span.page-numbers.prev { display: none !important; }

/* Hide Elementor's visually-hidden "Página" text */
.elementor-pagination .elementor-screen-only { display: none !important; }

/* -------------------------------------------------------
   Blog Loop — [anso_autor_card] author strip
------------------------------------------------------- */
.elementor-widget-shortcode .anso-autor-posts__card-autor {
    display: block;
    text-decoration: none;
    border-top: 1px solid var(--color-border);
    padding-top: 8px;
}

/* -------------------------------------------------------
   Single Post — [anso_autor_sobre]
------------------------------------------------------- */
.anso-autor-sobre {
    margin: var(--gap-section) 0;
    box-shadow: var(--shadow-sm) !important;
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: row;
    gap: 30px;
    overflow: hidden;
    background-color: var(--color-bg-light);
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}

.elementor-kit-3 a.anso-autor-sobre {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}

.anso-autor-sobre img {
    width: 145px;
    height: 145px;
    aspect-ratio: 1;
    object-fit: cover;
    flex-shrink: 0;
}

.anso-autor-sobre div {
    padding: 18px 25px 18px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.anso-autor-sobre .name {
    margin: 0 0 4px;
    font-weight: 600 !important;
    color: var(--color-red) !important;
    font-family: inherit !important;
}

.anso-autor-sobre .desc {
    margin: 0 0 4px;
    color: var(--color-text) !important;
    font-size: 15px;
    font-weight: 400 !important;
    font-family: inherit !important;
}

.anso-autor-sobre .desc p {
    margin: 0;
    color: var(--color-text);
    font-weight: 400;
    font-family: inherit;
}

.anso-autor-sobre .btn {
    margin: 0;
    font-weight: 600 !important;
    color: var(--color-red) !important;
    font-family: inherit !important;
}

@media (max-width: 768px) {
    .anso-autor-sobre {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .anso-autor-sobre img {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .anso-autor-sobre .name,
    .anso-autor-sobre .desc,
    .anso-autor-sobre p:not(.btn) {
        text-align: center;
        margin-bottom: 10px;
    }

    .anso-autor-sobre .btn {
        text-align: right;
    }

    .anso-autor-sobre div {
        padding: 0 20px 20px;
    }
}

/* -------------------------------------------------------
   Author Archive — [anso_autor_info]
------------------------------------------------------- */
.anso-autor-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
}

.anso-autor-info__foto {
    margin-top: var(--gap-section);
}

.anso-autor-info__foto img {
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
}

.anso-autor-info__nombre {
    font-size: 36px;
    font-weight: 400;
    margin: 16px 0 8px;
    color: var(--color-text-dark);
}

.anso-autor-info__oficio {
    color: var(--color-red);
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px;
}

.anso-autor-info__oficio span {
    font-weight: 700;
}

.anso-autor-info__redes {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 8px;
}

.anso-autor-info__red img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

/* Author Archive — [anso_autor_descripcion] */
.anso-autor-descripcion {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

/* -------------------------------------------------------
   Author Posts — [anso_autor_posts]
------------------------------------------------------- */
.anso-autor-posts__titulo {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: var(--gap-card);
}

.anso-autor-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap-card);
}

@media (max-width: 768px) {
    .anso-autor-posts__grid {
        grid-template-columns: 1fr;
    }
}

.anso-autor-posts__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.anso-autor-posts__card-img-link {
    display: block;
    overflow: hidden;
}

.anso-autor-posts__card-img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.anso-autor-posts__card-img:hover {
    transform: scale(1.03);
}

.anso-autor-posts__card-body {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.anso-autor-posts__card-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.anso-autor-posts__card-date {
    font-size: 12px;
    color: var(--color-red);
    font-weight: 600;
}

.anso-autor-posts__card .anso-autor-posts__card-cat,
.anso-autor-posts__card .anso-autor-posts__card-cat a {
    font-size: 11px;
    color: var(--color-text-light);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
}

.anso-autor-posts__card-cat a:hover {
    color: var(--color-red);
}

.anso-autor-posts__card .anso-autor-posts__card-body .anso-autor-posts__card-title a {
    font-size: 26px;
    font-weight: 400;
    font-family: var(--font-serif);
    line-height: 1.3;
    margin: 4px 0 8px;
    color: var(--color-text);
}

.anso-autor-posts__card .anso-autor-posts__card-body .anso-autor-posts__card-title a:hover {
    color: var(--color-red);
}

.anso-autor-posts__card-title a {
    color: var(--color-text-dark);
    text-decoration: none;
}

.anso-autor-posts__card-autor {
    display: block;
    text-decoration: none;
    margin-top: auto;
    padding-top: 4px;
    border-top: 1px solid var(--color-border);
}

.anso-autor-posts__card-autor-nombre {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-red);
    margin: 8px 0 2px;
}

.anso-autor-posts__card-autor-oficio,
.anso-autor-posts__card-autor-colegiado {
    font-size: 12px;
    color: var(--color-text-muted);
    margin: 0;
    font-weight: 300;
}

/* -------------------------------------------------------
   Sources — [anso_fuentes]
------------------------------------------------------- */
.anso-fuentes {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid gray;
    clear: both;
}

.anso-fuentes__titulo {
    color: var(--color-red);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.anso-fuentes__lista {
    padding-left: 20px;
    list-style: disc;
}

.anso-fuentes__item {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 4px;
}

.anso-fuentes__item a {
    color: var(--color-red);
    word-break: break-all;
}

/* -------------------------------------------------------
   Single Post — Opinion Plugin
------------------------------------------------------- */
.single-post .opinion-plugin {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.single-post .opinion-plugin > div {
    padding: 20px;
    background-color: var(--color-bg-light);
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
    display: flex;
    justify-content: space-between;
}


.single-post .opinion-plugin > div > div:first-child  { flex: 1 0 70%; }
.single-post .opinion-plugin > div > div:nth-child(2) { flex: 1 0 30%; }

.single-post .opinion-plugin > div > div > span.hidden {
    display: none;
    font-size: 14px;
}

.single-post .opinion-plugin > div > div > p {
    color: black;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
}

.single-post .opinion-plugin > p {
    margin-top: 8px;
}

.single-post .opinion-plugin i { display: none !important; }

.single-post .opinion-plugin #votar3675,
.single-post .opinion-plugin [id^="votar"] {
    display: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-red);
    margin-top: 4px;
}

/* -------------------------------------------------------
   Single Post — Post Ratings (plugin WP-PostRatings v2.x)
   Markup real: .wp-postratings > .wp-postratings-vote > button.wp-postratings-up/down > i.wp-postratings-item
   (el plugin ya no imprime <img>, ver [[anso-child-theme-pipeline]])
------------------------------------------------------- */
.single-post .post-ratings strong,
.single-post .post-ratings br,
.single-post .post-ratings em,
.single-post .post-ratings-loading,
.single-post .post-ratings-text,
.single-post .wp-postratings > strong,
.single-post .wp-postratings > br,
.single-post .wp-postratings > em,
.single-post .wp-postratings-loading,
.single-post .wp-postratings-text,
.single-post .wp-postratings-strip { display: none !important; }

.single-post .post-ratings,
.single-post .wp-postratings {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.single-post .wp-postratings-vote {
    display: flex;
    align-items: center;
    gap: 25px;
}

.single-post .wp-postratings-up,
.single-post .wp-postratings-down {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 40px;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
}

.single-post .wp-postratings-up .wp-postratings-item,
.single-post .wp-postratings-down .wp-postratings-item {
    display: none !important;
}

/* Orden visual fijo (down/X primero, up/check despues, igual que PROD)
   independiente del orden real en el DOM del plugin */
.single-post .wp-postratings-down {
    order: 1;
    background-image: url("/wp-content/uploads/sites/4/2026/05/icon-downvote.svg");
    box-shadow: 0 0 10px 5px rgba(205, 0, 0, 0) !important;
}

.single-post .wp-postratings-down:hover,
.single-post .wp-postratings-down:focus,
.single-post .wp-postratings-down:focus-visible {
    background-color: transparent !important;
    background-image: url("/wp-content/uploads/sites/4/2026/05/icon-downvote.svg") !important;
    box-shadow: 0 0 10px 5px rgba(205, 0, 0, 0.3) !important;
    border-radius: 40px !important;
}

.single-post .wp-postratings-up {
    order: 2;
    background-image: url("/wp-content/uploads/sites/4/2026/05/icon-upvote.svg");
    box-shadow: 0 0 10px 5px rgba(0, 205, 0, 0) !important;
}

.single-post .wp-postratings-up:hover,
.single-post .wp-postratings-up:focus,
.single-post .wp-postratings-up:focus-visible {
    background-color: transparent !important;
    background-image: url("/wp-content/uploads/sites/4/2026/05/icon-upvote.svg") !important;
    box-shadow: 0 0 10px 5px rgba(0, 205, 0, 0.3) !important;
    border-radius: 40px !important;
}


@media (max-width: 768px) {
    .single-post .opinion-plugin > div {
        flex-direction: column;
    }
    .single-post .opinion-plugin > div p {
        text-align: center;
    }
    .single-post .post-ratings,
    .single-post .wp-postratings {
        justify-content: center;
        margin-top: 12px;
    }
}

/* -------------------------------------------------------
   Single Post — EZ TOC (Table of Contents)
------------------------------------------------------- */
.single-post #ez-toc-container.counter-hierarchy {
    border: none;
    border-top: 1px solid var(--color-red);
    border-bottom: 1px solid var(--color-red);
    border-radius: 0;
    width: calc(100% - 40px);
    padding: 20px 0 20px 30px;
    margin: var(--gap-section) 0;
}

#ez-toc-container a.ez-toc-toggle {
    border: none;
    outline: none;
}

.single-post #ez-toc-container.counter-hierarchy .ez-toc-title {
    font-weight: 600;
    font-size: 18px;
}

.single-post .ez-toc-js-icon-con { border: none !important; }

.single-post .ez-toc-icon-toggle-span svg { opacity: 0; }

.single-post .ez-toc-icon-toggle-span {
    background-image: url("/wp-content/uploads/sites/4/2026/05/icon-cerrado.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--transition);
    -webkit-transition: var(--transition);
}

.single-post .ez-toc-container-direction.toc_close .ez-toc-icon-toggle-span {
    transform: rotate(180deg);
}

.single-post #ez-toc-container.counter-hierarchy li {
    list-style: none !important;
    position: relative;
    padding-left: 20px;
}

.single-post #ez-toc-container.counter-hierarchy li::before {
    content: "\2022";
    color: var(--color-red);
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

.single-post #ez-toc-container.counter-hierarchy li a { text-decoration: underline; }

.single-post #ez-toc-container.counter-hierarchy a::before { display: none !important; }

.single-post #ez-toc-container.counter-hierarchy ul * {
    font-size: 16px;
    font-weight: 300;
}

/* -------------------------------------------------------
   Single Post — Espaciado de contenido (h2/h3/h4 y párrafos)
   Feedback cliente: los headings y párrafos del cuerpo del
   artículo quedan pegados al contenido de arriba porque el
   widget "Post Content" de Elementor no trae separación
   propia (margin-top por defecto de apenas 8px).
------------------------------------------------------- */
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4 {
    margin-top: var(--gap-section) !important;
    margin-bottom: 16px !important;
}

/* El primer elemento del contenido no necesita separación extra
   respecto al bloque anterior (cita de introducción / índice) */
.elementor-widget-theme-post-content .elementor-widget-container > *:first-child {
    margin-top: 0 !important;
}

/* Espaciado consistente entre párrafos: algunos posts traen
   estilos inline pegados de contenido migrado que pisan el
   margin por defecto y hacen que ciertos párrafos se junten */
.elementor-widget-theme-post-content p {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* -------------------------------------------------------
   Home — Hero Slider: diagonal roja (slide "¿Tienes
   problemas de hemorroides?")
   Feedback cliente: mantener el estilo del hero actual
   (ORIGEN en RevSlider). En destino, el overlay rojo del
   slide es un rectángulo recto (::before sin clip-path).
   En ORIGEN el corte es diagonal (más ancho arriba, más
   angosto abajo). Se reproduce el mismo corte con
   clip-path, sin tocar el layout existente (la esquina
   superior derecha queda igual — cero riesgo de regresión;
   solo se "muerde" la esquina inferior derecha).
------------------------------------------------------- */
.elementor-element-c6842bf::before {
    clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

@media (max-width: 768px) {
    /* En mobile el hero apila las columnas — el corte
       diagonal no aplica sobre el layout apilado. */
    .elementor-element-c6842bf::before {
        clip-path: none;
    }
}

/* -------------------------------------------------------
   Home — Hero Slider: diagonal roja (slide "¡Descubre
   nuestra gama de productos!")
   Este slide usaba la diagonal "incorporada" en la imagen
   de fondo (background-size: cover), pero el corte solo
   existe en una franja de la imagen (no en toda la altura):
   con cover, el navegador recorta la imagen de forma distinta
   según el ancho de pantalla y en muchos casos el corte queda
   fuera del área visible (se ve un borde recto en vez de
   diagonal). Mismo fix que la otra slide: clip-path CSS sobre
   el overlay rojo, independiente del recorte de la imagen.
   Mismas dimensiones que el otro overlay (951.5×700 en
   desktop) → mismo polygon para que el ángulo sea idéntico.
------------------------------------------------------- */
.elementor-element-3aa9ee5::before {
    clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

@media (max-width: 768px) {
    .elementor-element-3aa9ee5::before {
        clip-path: none;
    }
}

/* -------------------------------------------------------
   Home — Hero Slider: ajuste diagonal en rango 769px–1200px
   Causa raíz: el overlay rojo mide siempre 50% del viewport
   (ancho fluido), pero el texto del heading tiene tamaño de
   fuente fijo (56px, sin responsive de Elementor) y por tanto
   mantiene un ancho en px prácticamente constante. Al achicarse
   el viewport, ese texto de ancho fijo ocupa una proporción
   cada vez mayor del overlay, y en este rango empieza a
   sobresalir del corte diagonal (78% desktop). Se ensancha el
   área roja (diagonal más a la derecha) solo en este rango
   intermedio para dar más aire al texto sin tocar desktop
   (>1200px, ya validado con el cliente) ni mobile (<=768px,
   layout apilado con clip-path: none).
------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1200px) {
    .elementor-element-c6842bf::before,
    .elementor-element-3aa9ee5::before {
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .elementor-element-c6842bf::before,
    .elementor-element-3aa9ee5::before {
        clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
    }
}

/* -------------------------------------------------------
   Single Post — [anso_post_updated]
   "Última actualización..." — replica el bloque
   .eltd-post-updated de ORIGEN (ansohemorroides.com):
   icono + texto con link al autor en rojo.
------------------------------------------------------- */
.anso-post-updated {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 0 16px;
}

.anso-post-updated img {
    width: 25px;
    height: 27px;
    flex-shrink: 0;
}

.anso-post-updated p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
}

.anso-post-updated a {
    color: var(--color-red);
    font-weight: 600;
    text-decoration: none;
}