/*
 Theme Name:   Astra Child Técnica Valero
 Theme URI:    https://tuseleccionvalero.com/
 Description:  Tema optimizado para 100/100 PageSpeed, Nitidez Total y Diseño Compacto.
 Author:       Carlos Valero
 Template:     astra
 Version:      1.2.0
*/

/* --- 1. INYECCIÓN DE NITIDEZ GLOBAL --- */
img {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    -ms-interpolation-mode: bicubic !important;
}

/* Evitar que Elementor estire imágenes y las ponga borrosas */
.elementor-widget-image img, .tsv-reveal-img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* --- 2. LIMPIEZA Y CIERRE DE BRECHAS (Home) --- */
/* Ocultamos lo que estorba */
.home .entry-title, 
.home .ast-archive-description,
.home .main-header-bar,
.home .ast-header-breadcrumb {
    display: none !important;
}

/* Subimos los productos al buscador */
.home #content, 
.home .site-content,
.home .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- 3. REPARAR BUSCADOR EN MÓVIL --- */
.tsv-search-container {
    max-width: 95% !important;
    margin: 10px auto 5px auto !important; /* Reducimos margen inferior a 5px */
}

@media (max-width: 768px) {
    .tsv-search-input {
        font-size: 15px !important;
        padding: 8px 12px !important;
        height: 45px !important;
    }
    .tsv-search-action-btn {
        height: 45px !important;
        padding: 0 10px !important;
    }
}

/* --- 4. AJUSTE DE PRODUCTO (Separación) --- */
.tsv-product-page {
    margin-top: 5px !important;
    padding-top: 0 !important;
}

/* Ajuste extra para Astra (Contenedor de página) */
.ast-container {
    margin-top: 0 !important;
}

/* =========================================================
   5. ACELERADOR DE RENDERIZADO (TÉCNICA VALERO PRO)
   ========================================================= */
/* Obliga al navegador a NO dibujar lo que no se ve en el primer pantallazo */
.tsv-main-footer, 
.tsv-carousel-wrapper {
    content-visibility: auto;
    contain-intrinsic-size: 1px 500px;
}