/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It鈥檚 ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It鈥檚 fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.12.1.1769439881
Updated: 2026-01-26 15:04:41

*/


/* --- DULCE ABASTO: BUSCADOR TOTAL --- */

/* 1. Forzamos que el contenedor del widget ocupe espacio */
#ast-hf-widget-1 {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

/* 2. Estiramos la caja de b煤squeda */
#ast-hf-widget-1 .wp-block-search {
    width: 100% !important;
    max-width: 550px !important; /* Ajusta este ancho a tu gusto */
    margin: 0 auto !important;
}

/* 3. Estilo del input (el campo de texto) */
#ast-hf-widget-1 .wp-block-search__input {
    border: 1px solid #ddd !important;
    border-radius: 25px 0 0 25px !important; /* Bordes redondeados como Shipin */
    padding: 12px 20px !important;
    font-size: 14px !important;
}

/* 4. Estilo del bot贸n "Buscar" rosa */
#ast-hf-widget-1 .wp-block-search__button {
    background-color: #ff69b4 !important; /* Tu rosa corporativo */
    color: white !important;
    border: none !important;
    border-radius: 0 25px 25px 0 !important;
    padding: 0 25px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

/* 5. Quitamos el texto "Buscar" que sobra arriba */
#ast-hf-widget-1 .wp-block-search__label {
    display: none !important;
}

/* =========================================================
   FIJAR ALTURA MÁXIMA DE FOTOS MUY LARGAS (Estilo ML)
   ========================================================= */
@media (min-width: 1024px) {
    /* 1. Le ponemos un "techo" de 550px a la caja contenedora y centramos el contenido */
    .woocommerce-product-gallery .flex-viewport {
        max-height: 550px !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* 2. Hacemos que la foto respete el techo y no se deforme */
    .woocommerce-product-gallery .flex-viewport img {
        max-height: 550px !important; 
        width: auto !important; /* Evita que se estire a lo ancho si es muy finita */
        max-width: 100% !important;
        object-fit: contain !important; /* Encaja perfecto dejando espacio en blanco a los lados */
        margin: 0 auto !important;
    }
}