/*
 * Estilos de entradas individuales para Chollos Radical.
 */

.aviso-antiguedad {
    background: #fff7d6 !important;
    color: #8a6500 !important;
    font-size: 10px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border: 1px solid #fde68a !important;
}

.aviso-chollo-caducado {
    background: #fff1f2 !important;
    color: #9f1239 !important;
    font-size: 10px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border: 1px solid #fda4af !important;
}

.aviso-precio-amazon {
    background: #edf7ff !important;
    color: #1457b2 !important;
    font-size: 10px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-weight: 600 !important;
    border: 1px solid #bfdbfe !important;
}

.single-post .radical-language-switcher {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 12px !important;
    padding: 10px 14px !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    border: 1px solid #e5ebf3 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
}

.single-post .radical-language-label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
}

.single-post .radical-language-control {
    justify-content: flex-start !important;
}

.single-post .radical-language-switcher--post-subtle,
.single-post .et_post_meta_wrapper + .radical-language-switcher {
    width: auto !important;
    max-width: 100% !important;
    margin: 6px 0 8px auto !important;
    padding: 0 !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    align-self: flex-end !important;
    opacity: 0.88 !important;
}

.single-post .radical-language-switcher--post-subtle .radical-language-label,
.single-post .et_post_meta_wrapper + .radical-language-switcher .radical-language-label {
    display: none !important;
}

.single-post .radical-language-switcher--post-subtle .radical-language-control,
.single-post .et_post_meta_wrapper + .radical-language-switcher .radical-language-control {
    justify-content: flex-end !important;
}

.single-post .radical-language-switcher--post-subtle .radical-language-control select,
.single-post .radical-language-switcher--post-subtle .radical-language-control button,
.single-post .et_post_meta_wrapper + .radical-language-switcher .radical-language-control select,
.single-post .et_post_meta_wrapper + .radical-language-switcher .radical-language-control button {
    min-height: 28px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.single-post .aviso-antiguedad,
.single-post .aviso-chollo-caducado,
.single-post .aviso-precio-amazon {
    margin-bottom: 16px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04) !important;
}

.single-post .entry-content,
.single-post .et_pb_post .entry-content,
.single-post .post-content {
    color: #334155 !important;
    font-size: 17px !important;
    line-height: 1.82 !important;
}

.single-post .entry-content > p,
.single-post .et_pb_post .entry-content > p,
.single-post .post-content > p {
    margin-bottom: 1.15em !important;
}

.single-post .entry-content > p:first-of-type,
.single-post .et_pb_post .entry-content > p:first-of-type,
.single-post .post-content > p:first-of-type {
    color: #0f172a !important;
    font-size: 1.08em !important;
    line-height: 1.78 !important;
}

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .et_pb_post .entry-content h2,
.single-post .et_pb_post .entry-content h3,
.single-post .et_pb_post .entry-content h4,
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .post-content h4 {
    color: #0f172a !important;
    line-height: 1.18 !important;
    letter-spacing: -0.03em !important;
    margin: 1.6em 0 0.55em !important;
}

.single-post .entry-content h2,
.single-post .et_pb_post .entry-content h2,
.single-post .post-content h2 {
    font-size: clamp(1.35rem, 1.18rem + 0.45vw, 1.72rem) !important;
}

.single-post .entry-content h3,
.single-post .et_pb_post .entry-content h3,
.single-post .post-content h3 {
    font-size: clamp(1.14rem, 1.03rem + 0.28vw, 1.34rem) !important;
}

.single-post .entry-content a:not(.btn-ir-oferta):not(.btn-compartir-radical),
.single-post .et_pb_post .entry-content a:not(.btn-ir-oferta):not(.btn-compartir-radical),
.single-post .post-content a:not(.btn-ir-oferta):not(.btn-compartir-radical) {
    color: #c2410c !important;
    text-decoration-color: rgba(194, 65, 12, 0.28) !important;
    text-decoration-thickness: 0.08em !important;
    text-underline-offset: 0.16em !important;
    font-weight: 700 !important;
}

.single-post .entry-content a:not(.btn-ir-oferta):not(.btn-compartir-radical):hover,
.single-post .et_pb_post .entry-content a:not(.btn-ir-oferta):not(.btn-compartir-radical):hover,
.single-post .post-content a:not(.btn-ir-oferta):not(.btn-compartir-radical):hover {
    color: #9a3412 !important;
    text-decoration-color: rgba(154, 52, 18, 0.52) !important;
}

.single-post .entry-content ul,
.single-post .entry-content ol,
.single-post .et_pb_post .entry-content ul,
.single-post .et_pb_post .entry-content ol,
.single-post .post-content ul,
.single-post .post-content ol {
    margin: 0 0 1.2em 1.15em !important;
    padding: 0 !important;
}

.single-post .entry-content li,
.single-post .et_pb_post .entry-content li,
.single-post .post-content li {
    margin-bottom: 0.45em !important;
}

.single-post .entry-content blockquote,
.single-post .et_pb_post .entry-content blockquote,
.single-post .post-content blockquote {
    margin: 1.4em 0 !important;
    padding: 14px 18px !important;
    border-left: 4px solid #ef4444 !important;
    border-radius: 0 16px 16px 0 !important;
    background: #fff7f7 !important;
    color: #475467 !important;
    font-size: 0.98em !important;
}

.single-post .entry-content img,
.single-post .entry-content .wp-caption,
.single-post .et_pb_post .entry-content img,
.single-post .et_pb_post .entry-content .wp-caption,
.single-post .post-content img,
.single-post .post-content .wp-caption {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.single-post .entry-content img,
.single-post .et_pb_post .entry-content img,
.single-post .post-content img {
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08) !important;
}

.single-post .entry-content figcaption,
.single-post .entry-content .wp-caption-text,
.single-post .et_pb_post .entry-content figcaption,
.single-post .et_pb_post .entry-content .wp-caption-text,
.single-post .post-content figcaption,
.single-post .post-content .wp-caption-text {
    margin-top: 8px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.single-post .et_post_meta_wrapper {
    position: relative;
    margin-bottom: 12px !important;
    padding: 0 0 18px !important;
}

.single-post .et_post_meta_wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 18px;
    background: linear-gradient(90deg, rgba(226, 232, 240, 0.95) 0%, rgba(226, 232, 240, 0.4) 72%, rgba(226, 232, 240, 0) 100%);
}

.single-post .et_post_meta_wrapper .entry-title,
.single-post .entry-title {
    margin: 0 0 14px !important;
    color: #0f172a !important;
    font-size: clamp(2rem, 1.7rem + 1vw, 2.9rem) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.055em !important;
    text-wrap: balance;
}

.single-post .et_post_meta_wrapper .post-meta,
.single-post .post-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.single-post .et_post_meta_wrapper .post-meta a,
.single-post .post-meta a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475467 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.single-post .et_post_meta_wrapper .post-meta a:hover,
.single-post .post-meta a:hover {
    background: #fff7ed !important;
    border-color: #fdba74 !important;
    color: #9a3412 !important;
}

.single-post .et_post_meta_wrapper > img,
.single-post .et_post_meta_wrapper .wp-post-image,
.single-post .et_post_meta_wrapper .entry-featured-image-url img,
.single-post .et_post_meta_wrapper .et_pb_image_wrap img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 20px 0 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12) !important;
}

@media (max-width: 640px) {
    .single-post .et_post_meta_wrapper {
        margin-bottom: 20px !important;
        padding-bottom: 18px !important;
    }

    .single-post .et_post_meta_wrapper .entry-title,
    .single-post .entry-title {
        margin-bottom: 12px !important;
        font-size: clamp(1.55rem, 1.32rem + 1.1vw, 2.05rem) !important;
        line-height: 1.08 !important;
    }

    .single-post .et_post_meta_wrapper .post-meta,
    .single-post .post-meta {
        gap: 6px !important;
        font-size: 11px !important;
    }

    .single-post .et_post_meta_wrapper .post-meta a,
    .single-post .post-meta a {
        min-height: 28px !important;
        padding: 0 9px !important;
    }

    .single-post .et_post_meta_wrapper > img,
    .single-post .et_post_meta_wrapper .wp-post-image,
    .single-post .et_post_meta_wrapper .entry-featured-image-url img,
    .single-post .et_post_meta_wrapper .et_pb_image_wrap img {
        margin-top: 16px !important;
        border-radius: 20px !important;
        box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1) !important;
    }

    .single-post .entry-content,
    .single-post .et_pb_post .entry-content,
    .single-post .post-content {
        font-size: 16px !important;
        line-height: 1.76 !important;
    }

    .single-post .entry-content > p:first-of-type,
    .single-post .et_pb_post .entry-content > p:first-of-type,
    .single-post .post-content > p:first-of-type {
        font-size: 1.03em !important;
    }

    .single-post .radical-language-switcher {
        padding: 9px 12px !important;
        margin-bottom: 10px !important;
    }

    .single-post .radical-language-switcher--post-subtle,
    .single-post .et_post_meta_wrapper + .radical-language-switcher {
        padding: 0 !important;
        margin: 4px 0 8px auto !important;
    }

    .aviso-antiguedad,
    .aviso-precio-amazon {
        font-size: 11px !important;
        padding: 8px 10px !important;
        text-align: left !important;
    }
}

@media (max-width: 420px) {
    .single-post .et_post_meta_wrapper .entry-title,
    .single-post .entry-title {
        font-size: 1.42rem !important;
        line-height: 1.1 !important;
    }

    .single-post .et_post_meta_wrapper .post-meta,
    .single-post .post-meta {
        font-size: 10px !important;
    }

    .single-post .entry-content,
    .single-post .et_pb_post .entry-content,
    .single-post .post-content {
        font-size: 15px !important;
        line-height: 1.72 !important;
    }

    .single-post .entry-content h2,
    .single-post .et_pb_post .entry-content h2,
    .single-post .post-content h2 {
        font-size: 1.24rem !important;
    }

    .single-post .entry-content h3,
    .single-post .et_pb_post .entry-content h3,
    .single-post .post-content h3 {
        font-size: 1.08rem !important;
    }
}
