/*
Theme Name: Storefront Child
Template: storefront
*/
 
/* Aquí tus reglas CSS */
/**Aquí importo el archivo css para hacer las pestañas del producto horizontales, no verticales**/

@import 'style_tabs.css';
/*Le doy el ancho completo a los productos*/
body.woocommerce #primary { 
	width: 100%;
}
/*Quito que se vea el título por defecto en las página*/
/*.entry-title{
	display:none;
}*/
.storefront-breadcrumb {
	padding: 1.41575em 0;
	/*margin: 0 0 3.706325903em;*/
	margin: 0 0 0;
}
.yo_justificado {	
 	text-align:justify;
	font-size:21px;
}
.yo_texto a {	
	font-size:21px;
	text-align:justify;
	text-decoration:none !important;
	color:inherit;
}
.yo_texto_cursiva{	
	font-size:21px;
	font-style:italic;
	text-align:justify;
}
.texto_verde_negrita{
	color:#a607c9;
	font-weight:bold;
}
hr {
  /*background-color: #ccc;*/
	background-color: #c4ea1b;
  border: 0;
  height: 2px;
  margin: 0 0 1.41575em;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
     margin-bottom: 4.235801032em;
	/* margin-bottom: 0;*/
}
/*Lo de aquí debajo es lo de ocultar mostrar texto*/	 
.titulo_boton {
  float:left; 
  padding:5px;  
  background-color:#e9e9e9;
  width:400px;
  font-family:helvetica;
  font-size:16px;
  font-weight:bold;
}
.boton_mostrar {
  float:right;
  font-size:12px;
  line-height:20px;
  color:#DE7217;
}
#contenido{
  float:left;
  clear:both;
  border:2px solid #e9e9e9;
  margin-top:2px;
  padding:5px;
  width:396px;
  overflow:auto;
  font-family:helvetica;
  font-size:14px;
  text-align: justify;
}
.centrado{
	text-align:center
}
/*.footer-widgets {
    padding-top: 4.235801032em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: right;
}*/
/*Es es para ocultar el icono de reCaptcha de Google en la parte inferior*/
.grecaptcha-badge {
    opacity:0;
}
.yo_comentarios{
	font-size:20px;
	font-style:italic;
	background-color:#e9e9e9;
	margin-bottom:25px;
	border-radius: 20px 20px 70px 2px;
	-moz-border-radius: 20px 20px 70px 2px;
	-webkit-border-radius: 20px 20px 70px 2px;
	border: 0px solid #000000;
	padding:15px;
}
.footer-widgets {
    /*padding-top: 4.235801032em;*/
	padding-top: 1.235801032em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: right;
}
.site-footer {
    /*background-color: #f3f3f3;*/
    /*color: #3b3c3f;*/
    background-color: #000000;
    color: #919191;
    /*padding: 1.618em 0 3.706325903em;*/
	padding: 0.0em 0 0.0em;
}
.site-footer a:not(.button):not(.components-button) {
    /*color: #dd3333;*/
	color:#d8b815;
}
.widget {
  /*margin: 0 0 3.706325903em;*/
	margin: 0 0 1.706325903em;
}
.site-header-cart .cart-contents {
    /*padding: 1.618em 0;*/
    padding: 0.5em 0.0em;
    /*display: block;*/
	display: ruby;
    position: relative;
    background-color: transparent;
    height: auto;
    width: auto;
    text-indent: 0;
}
#payment .payment_methods li img {
    float: right;
    border: 0;
    padding: 0;
    /*max-height: 1.618em;*/
	  max-height: 5.0em;
}
/*Tanaño de logo del hedder */
.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
  /* width: 100%; */
	width:130%;
	/*max-width: 210px;*/
	max-width: 310px;
}
/*border superior top*/
.site-header {
    /*padding-top: 2.617924em;*/
    padding-top: 1.0em;
    padding-bottom: 0;
}
/**/
/**** El texto de la descripción del producto ocupa todo el ancho ****/
.woocommerce-tabs .panel {
    /*width: 64.7058823529%;*/
	width:100%;
	float: right;
	margin-right: 0;
	margin-top: 0;
}
/**** Quito el borde en los clicks de los botones****/
a:focus, input:focus, textarea:focus, button:focus {
    /*outline: 2px solid #96588a;*/
	outline: 0px solid #96588a;
	
}
.algo_oculto{
	display:none;
}

/*Esto es para la valoración del producto sobre la descripción corta se vea bien*/
.single-product div.product .woocommerce-product-rating {
    margin-bottom: 1.618em;
    /*margin-top: -0.875em;*/
    margin-top: 0.875em;
}
/*Con esto quito el márgen qeu tiene el logo del header que encima del menú principal que está debajo*/
@media (min-width: 768px){
.site-branding, .site-search, .site-header-cart, .site-logo-anchor, .site-logo-link, .custom-logo-link {
    /*margin-bottom: 1.41575em;*/
	margin-bottom: 0.00em;
}
}
/*Para que el menú principal (inferior) ocupe el 100%*/
@media (min-width: 768px){
.woocommerce-active .site-header .main-navigation {
    /*width: 73.9130434783%;*/
    width: 100%;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
}
}
/*Para que el fondo del submenú no sea negro, sino gris*/
@media screen and (min-width: 768px){
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    /*background-color: #000000;*/
    background-color: #191e23;
}
}
/*Para que el menú principal (inferior) esté centrado*/
@media (min-width: 768px){
.main-navigation ul.menu, .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    margin-left: -1em;
    -webkit-transition: none;
    transition: none;
    text-align: center;
}
}

.titulos{
	font-family:Playfair Display;
}
h2 a{
	font-family:Playfair Display;
}
h1{
	font-family:Cormorant;
	font-size:50px;
}
.wc-block-grid__product-price .wc-block-grid__product-price__value {
    letter-spacing: -1px;
    font-weight: 600;
    display: block;
    font-size: 1.25em;
    line-height: 1.25;
    /*color: #000;*/
	color: #919191;
}
.wc-block-grid__products .wc-block-grid__product .price {
    display: block;
    /*color: #43454b;*/
	color: #919191;
    font-weight: 400;
    margin-bottom: 1rem;
}
.editor-styles-wrapper .wp-block-button .wp-block-button__link, .hentry .entry-content .wp-block-button .wp-block-button__link {
    border-radius: 0;
    font-size: 1em;
    line-height: 1.618;
    border: 0;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none;
    font-size: 14px;
}
/*Le doy 10px de separeción entre la imagen y el titulo del loop y algo más*/
.woocommerce-loop-product__title {
    color: #919191;
    font-size: 16px!important;
    margin-top: 10px;
}
/*Con esto  quito el subrayado de los botones y pongo la letra original en "Todos los productos"*/
.hentry .entry-content a:not(.button):not(.components-button) {
	/*text-decoration: underline;*/
    text-decoration: none;
	font-weight: 600;
    font-family:inherit;
}
/* Le doy una mínima altura a los productos en loop*/
ul.products li.product h2 {
  min-height:50px;
}
/*con esto quito las estrellas en el loop*/
/*ul.products li.product .star-rating, ul.products li.product .onsale {
  display:none;
}*/

/*Para alinear al centro horizontalmente el loop de los productos*/
ul.products, .wc-block-grid__products {
    margin-left: 0;
    margin-bottom: 0;
    clear: both;
    justify-content: center;
}

/*Le dejo el color gris al ttítulo del loop*/
 .wc-block-grid__product-title {
    margin-top: 0;
    color: #919191;
    margin-bottom: 12px;
}
/* Versión anterior del tema Con esto oculto la imagen superior de la Home (el banner) si no tine al menso 600 px de ancho*/
@media screen and (max-width: 600px) {
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
	/*width: 100%;*/
	display:none
}
}
/*Con esto oculto la imagen superior de la Home (el banner) si no tine al menso 600 px de ancho*/
@media screen and (max-width: 600px) {
.home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-cover.alignfull, .home.storefront-align-wide.page-template-template-fullwidth .hentry .entry-content > .wp-block-image.alignfull {
    margin-top: -4.235801032em;
	display:none;
}
}
/*pongo el ancho completo al banner de la home. Enla versión anterior no era necesario*/
.banner_ancho_completo{
	display:block!important;
}
/*El color de las estrellas de valoración*/
.wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
    content: "\53\53\53\53\53";
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    /*color: #000;*/
	  color:#1183af;
    white-space: nowrap;
}	
/* El color de los botones de páginación. El activo*/
.wc-block-components-pagination__page--active[disabled] {
    color: #FFF;
    font-weight: 700;
    opacity: 1!important;
}
/* El color de los botones de páginación. El no activo*/
.wc-block-components-pagination__ellipsis, .wc-block-components-pagination__page {
    font-size: 1em;
    /*color: #333;*/
	  color: #AAA;
    display: inline-block;
    font-weight: 400;
}
/*El color del texto del menú del carrito para cambiar de país*/
body, .secondary-navigation a {
   /*color: #ffffff;*/
	color: #aaa;
}