/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.5.5.1713106466
Updated: 2024-04-14 16:54:26

*/

.site-search{
    /*display: none; */
 }



/* Estilos para el botón de "Continuar con el pedido" (Proceed to Checkout Block) */
.wp-block-woocommerce-proceed-to-checkout-block a.wc-block-components-button {
    /* Color de fondo oscuro/marino, similar al botón "AGREGAR PEDIDO AL CARRITO" */
    background-color: #2D4166 !important; /* Ajusta este valor si el azul de tus imágenes es ligeramente diferente */
    /* Color del texto blanco */
    color: white !important; 
    /* Aumentar el tamaño del texto y el relleno */
    padding: 15px 30px !important;
    font-size: 1.2em !important; 
    /* Bordes redondeados sutiles */
    border-radius: 5px !important; 
    /* Sombra para que destaque */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Asegúrate de que no haya borde predeterminado si no lo deseas */
    border: none !important;
}

/* Efecto al pasar el ratón (Hover) */
.wp-block-woocommerce-proceed-to-checkout-block a.wc-block-components-button:hover {
    /* Color de fondo azul claro/celeste, similar al recuadro de opción seleccionada */
    background-color: #9EC0E3 !important; /* Ajusta este valor si el azul claro de tus imágenes es ligeramente diferente */
    /* Puedes mantener el texto blanco o cambiarlo si lo prefieres */
    color: #2D4166 !important; /* O si quieres que el texto se vuelva azul oscuro al hacer hover */
    /* Efecto de sombra sutilmente diferente */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}