/*
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.6.0.1717165403
Updated: 2024-05-31 14:23:23

*/

p  {
    font-family: "Nunito", sans-serif !important;} /* Establece el tipo de letra */

a, li {
    font-family: "Nunito", sans-serif !important;} /* Establece el tipo de letra */

h1 {
    font-family: "Fredoka", sans-serif !important;
    font-size: 50px !important;
    font-weight: 900 !important;} /* Establece el tipo de letra Fredoka One */

h2 {
    font-family: "Fredoka", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;} /* Establece el tipo de letra Fredoka One */

/* Cambiar el color de fondo cuando se pasa el ratón por encima*/
.button:hover {
    background-color: #e032a6; 
  }

  button.alt:hover {
    background-color: #e032a6 !important; 
  }

.franja { width: 150%;
          height: 150px;}

      

.primary-navigation a{
    /*display: block !important;*/
    color: #034DD3 !important;
   /* text-align: center !important;
    padding: 14px 16px !important;*/
    text-decoration: none !important;
    font-size: 18px !important;
  }
  
  .primary-navigation a:hover {
    color: #e032a6 !important;
  }