.efch-category-visual{width:100%;max-width:1180px;margin:0 auto 34px;box-sizing:border-box}.efch-category-visual *{box-sizing:border-box}.efch-category-visual img{max-width:100%;height:auto}.efch-category-visual a{text-decoration:none}.efch-category-visual a:hover{text-decoration:underline}@media(max-width:768px){.efch-category-visual{margin-bottom:24px;padding-left:14px;padding-right:14px}}

/* Oculta el título nativo de WordPress/WooCommerce solo cuando la categoría tiene HTML visual activo y la opción está marcada. */
body.efch-hide-native-category-title .woocommerce-products-header__title.page-title,
body.efch-hide-native-category-title .woocommerce-products-header h1,
body.efch-hide-native-category-title h1.page-title,
body.efch-hide-native-category-title .page-header h1,
body.efch-hide-native-category-title .archive-header h1,
body.efch-hide-native-category-title .page-title-head h1,
body.efch-hide-native-category-title .page-title h1,
body.efch-hide-native-category-title .main-title-section h1,
body.efch-hide-native-category-title .dt-page-title h1,
body.efch-hide-native-category-title .fancy-title-head h1,
body.efch-hide-native-category-title .category-title h1,
body.efch-hide-native-category-title .term-title h1,
body.efch-hide-native-category-title .taxonomy-title h1,
body.efch-hide-native-category-title header.archive-header h1,
body.efch-hide-native-category-title header.page-header h1 {
    display: none !important;
}

/* Si se decide no ocultar el título nativo, el plugin convierte H1 visuales en DIV con esta clase. */
.efch-category-visual .efch-visual-fake-h1 {
    display: block;
    font-size: clamp(36px, 5vw, 68px);
    line-height: 1;
    margin: 0 0 22px;
    font-weight: 900;
    letter-spacing: -1.8px;
}

.efch-category-visual [class*="hero"] .efch-visual-fake-h1,
.efch-category-visual [class*="Hero"] .efch-visual-fake-h1 {
    color: #fff;
}

@media (max-width: 680px) {
    .efch-category-visual .efch-visual-fake-h1 {
        letter-spacing: -1px;
    }
}