/* CSS Document */
/*
Theme Name:     Storefront Child
Template:       storefront
Version:        1.0
*/

body {
  /* puedes empezar a añadir tu CSS aquí */
}

.entry-header h1 {
	font-weight:700;
	font-size: 2em;
}

.page-title, .product-title, .entry-title {
	font-weight:600;
	font-size:1.6em;
	line-height: 1.6em;
}

.price {
	font-weight:700;
}
.storefront-breadcrumb {
	height: 0px;
	padding: 0px;
}

/*** ** ***/ 
/*** íconos ***/ 
/* .footer-cart-contents::before {
    display: none !important;
} /* oculta el ícono */
.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
    color: #e19d7b;
}
.storefront-handheld-footer-bar ul li.cart .count {
	background-color: #d67e52;
}
/* .footer-cart-contents {
	background-size:cover;
	background-image: url("https://gdm-catalog-fmapi-prod.imgix.net/ProductLogo/713f882b-f7a1-4f3f-a484-7af2fe13f5c3.png");
} */
/* .footer-cart-contents::before {
/*    content: "&#xf292"; /* Ícono carrito normal */
/*    font-family: "Font Awesome 5 Free", "fa-solid-900"; /* Usa la que funcione */
/*    font-weight: 900;
    display: inline-block;
    margin-right: 8px; 
	/* background-image: url("https://gdm-catalog-fmapi-prod.imgix.net/ProductLogo/713f882b-f7a1-4f3f-a484-7af2fe13f5c3.png");
} */
/* probar reemplazo 
.footer-cart-contents {
    position: relative;
    padding-left: 24px; /* espacio para el ícono 
}

.footer-cart-contents::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M528.12 301.319l47.273-208A16 16 0 0 0 560 80H128l-12.46-56.231A16 16 0 0 0 100 16H24A16 16 0 0 0 8 32v16a16 16 0 0 0 16 16h58.25l70.596 318.356A96 96 0 1 0 304 416h128a96 96 0 1 0 96.12-114.681zM208 464a48 48 0 1 1 48-48 48 48 0 0 1-48 48zm256 0a48 48 0 1 1 48-48 48 48 0 0 1-48 48z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
 fin probar reemplazo */
/*** fin íconos ***/

.mi-header-contenedor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 2em;
	height: 54px;
	position: fixed;
	width: 100%;
	background: white;
	border-bottom: 1px solid;
	top: 0px;
}

.mi-logo {
    flex: 1;
}

.mi-menu {
    flex: 2;
    text-align: right;
}
.site-header .custom-logo-link img {
	width: 100%;
	max-width: 300px;
}
.mi-header-contenedor .site-branding,
.mi-header-contenedor .primary-navigation {
    margin: 0;
    padding: 0;
}

.home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0px;
}

#pa_talle {
  appearance: none; /* Quita el estilo por defecto */
  -webkit-appearance: none; /* Para navegadores WebKit */
  -moz-appearance: none; /* Para navegadores Firefox */
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  border-radius: 0.3em;
  width: 200px; /* Ajusta el ancho según sea necesario */
}

/* Menú */ 

.main-navigation ul li {
	font-weight: 700;
}

/* Ruta de enlaces - Breadcrumb */
.storefront-breadcrumbs {
	visibility: hidden;
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: 0px solid #7f54b3;
}

/* agregados inicio */
.grupo-categorias-destacadas {
	margin-top: 3px;
	width100%;
}
.categorias-destacadas {
	display:inline-flex;
	width: 33%;
}
.primary-navigation {
		width: 800px;
}

@media (min-width: 768px) {
  .site-header {
    padding-top: 0;
    padding-bottom: 0;
  }
  .site-header .site-branding img {
    /* height: 100px; */
    width: auto;
    max-height: none;
  }
  .col-full
 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    box-sizing: content-box;
  }
	/*página productos*/
	.margen-productos {
		margin-left: 48px;
  }
}

@media (max-width: 66.4989em) {
.mi-logo {
    flex: 6;
	}
.site-branding {
	width:calc(100% - 40px)
	}
.mi-menu {
	flex: 3;
	}
.main-navigation {
	position: absolute;
    width: 40%;
    right: 0px;
	}
.main-navigation ul {
		margin-top: 10px;
	}
.main-navigation ul li {
	background-color: white;
	border-bottom: solid 1px;
	}
.main-navigation ul li a {
	margin-right: 14px; 
	padding: 8 0 0 0;
	}
	button.menu-toggle {
		border: none;
		bottom: 10px;
		right: 20px;
	}
.categorias-destacadas {
	width: 100%;
}
}

/*--------------------------------------------------------------
Whatsapp button
--------------------------------------------------------------*/
	.go-topw {
		position: fixed !important; 
		background-color: #00e676;
		right: 10px;
		bottom: 90px;
		color: #fff;
		display: block;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
		width: 140px;
		height: 40px;
		/* visibility: hidden; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0; */
		z-index: 9000;
		cursor: pointer;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
			 -o-border-radius: 4px;
				border-radius: 4px;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
		    -ms-transition: all 0.5s;
		     -o-transition: all 0.5s;
		        transition: all 0.5s;
	}
	.go-topw:hover {
		background-color: #fff;
	}
	.go-topw.show {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
		bottom : 11px;
	}