/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.8
*/

/*************** CSS COMÚN ***************/

/* ESTILO GENERAL *********************************************************************************/
/* Para el color de fondo del punto actual del breadcrumb */
.current .breadcrumb-step {
    background-color: #7b6aa6;
}

/* Para el estilo del breadcrumb (migas de pan) en toda la web */
.woocommerce-breadcrumb a {
	color: #000000 !important;
}
.woocommerce-breadcrumb span.divider {
	color: #000000 !important;
	opacity: 1 !important;
}

/* PÁGINA DE SINGLE PRODUCT *****************************************************************************************/
/* hacemos más grande el tamaño del texto del código de producto */
.sku_wrapper{
	font-size: 23px;
}

/* Para ocultar categorías y etiquetas del producto en el SKU superior de "single-product" y mostrarlas en el SKU de abajo */
 div.product-gallery + div.product-summary .posted_in {
	display: none !important;
}
div.product-gallery + div.product-summary .tagged_as {
	display: none !important;
}
form.variations_form + div.product_meta .posted_in {
	display: block !important;
}
form.variations_form + div.product_meta .tagged_as {
	display: block !important;
}
form.cart + div.product_meta .posted_in {
	display: block !important;
}
form.cart + div.product_meta .tagged_as {
	display: block !important;
}

/* Para juntar el código de producto inferior con la sección de pestañas de "información adicional" */
.product-main > .row {
	margin-bottom: -3% !important;
}
.product .product-footer {
	margin-top: 1% !important;
}

/* Para quitar el padding-right y left que se crea con los section en la descripción del producto */
.textoSeoProd {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Para quitar los puntos de la lista de tarjeta dedicatoria */
.listaDescCortaProd {
	margin-top: 1.5em !important;
}

/* Para sustituir las etiquetas <h> de los títulos por posicionamiento en google */
.textoDescCorta {
	font-size: 1.1em !important;
	font-weight: 700 !important;
}

/* Para poner tamaño y grosor de fuente en los subtítulos de la descripción del producto */
.subtituloDescripcion {
	font-size: 1.5em !important;
	font-weight: 900 !important;
}

/* Para ocultar los botones de la cantidad de producto en página de producto */
.cart .quantity {
	display: none !important;
}
.woocommerce-variation-add-to-cart .quantity {
	display: none !important;
}

/* Para cambiar el estilo del botón "Continuar con la compra" en página de producto */
.cart .quantity + button {
	width: 100%;
	height: 66px;
	background: #7b6aa6;
	color: #fff;
	border: 0;
	border-radius: 0;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
}
/* Para el estilo de la fila de imágenes (entrega garantizada, tarjetas y comercio seguro) debajo del botón "Continuar con la compra" */
.product .filaImgsTrust {
	margin-bottom: 1.5em !important;
	text-align: center !important;    
}
/* Para igualar la altura de los textos bajo los iconos en el dropdown de la descripción del producto */
.accordion .accordion-item .accordion-inner .col-inner div img {
	height: 50px !important;
	width: 50px !important;
}

/* Para justificar los textos de el desplegable "Leer Más" inferior en la página de producto */
.pTextoLeerMas {
	text-align: justify !important;
}

/* Para el estilo del botón "Continuar con la Compra" en la página de producto */
.product .single_add_to_cart_button {
	border-radius: 5px !important;
	line-height: 1.5;
}

/* Para el estilo de los complementos/productos en la página de producto */
.product .complementosTitle {
	text-transform: capitalize;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .title-wrapper {
	min-height: 4em;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .title-wrapper .product-title {
	font-size: 1.3em;
}
.product .complementosZone {
	margin-bottom: -2em !important;
	margin-top: 2% !important;
}
.product .complementosZone .product-small a {
	line-height: 1.2;
	text-align: center;
}
.product .complementosZone .product-small a img {
	width: 50% !important;
}
.product .complementosZone .product-small .price-wrapper {
	margin-bottom: 10%;
}
.product .complementosZone .product-small .price-wrapper .price {
	display: grid;
}
.product .complementosZone .product-small .price-wrapper .price .woocommerce-Price-amount {
	font-size: 1.3em;
}
.product .complementosZone .product-small .price-wrapper .price .woocommerce-price-suffix {
	margin-top: 5%;
}
.message-container .checkoutBtnBackToShop {
	margin-left: 18% !important;
    margin-top: 3%;
    border-radius: 5px;
}
.product .complementosZone .product-small .add-to-cart-button {
	display: none;
}
.product .complementosZone .product-small .complementoAddToCartLabel {
	position: relative;
	text-align: center;
    top: -1.5em;
}
.product .complementosZone .product-small .complementoAddToCartLabel .add-to-cart-checkbox {
	margin-top: 1em;
	transform: scale(2) !important;
	-ms-transform: scale(2) !important;
    -moz-transform: scale(2) !important;
    -webkit-transform: scale(2) !important;
    -o-transform: scale(2) !important;
}
.product .complementosZone .product-small .complementoAddToCartLabel svg {
	width: 20%;
}
.product .complementosZone .product-small .complementoAddToCartLabel .anadirCarritoText {
	position: relative;
	top: -0.2em !important;
}
.product .complementosZone .product-small .complementoAddToCartLabel .anadidoCarritoText {
	position: relative;
	top: -1em !important;
}
.complementosZone .product-small .complementoAddToCartLabel:has(> .anadirCarritoText) {
	line-height: 0 !important;
	margin-bottom: 2em;
	top: -1.7em;
}
.complementosZone .product-small .complementoAddToCartLabel:has(> .anadidoCarritoText) {
	line-height: 1.55 !important;
}
.product .complementosRow .complementosColumn .flickity-viewport .product-small .product_meta {
	display: none;
}
.product .complementosRow .complementosColumn .flickity-slider .product-small .price-wrapper .price .woocommerce-Price-amount .woocommerce-price-suffix {
	font-size: 0.5em;
    margin-top: 7%;
}

/* Para deshabilitar los enlaces de la imagen y el título de producto de los productos de la categoría "Complementos" en la página de producto */
.product .complementosRow .complementosZone .product-small .box-image .image-none a {
	cursor: default;
	pointer-events: none;    
}
.product .complementosRow .complementosZone .product-small .box-text .title-wrapper .product-title a {
	color: #000000;
	cursor: default;
	pointer-events: none;    
}

/* Para el estilo de las variaciones de producto (si las tiene) en la página de producto */
.variations .label label {
	font-size: 1.1em;
	padding-top: 1.5%;
}
.variations td.value {
	font-size: 1.2em;
}
.variations .value #pa_colores-disponibles {
	font-size: 1.5em;
}
.single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price {
	border-top: none;
	font-size: 2.5em;
}
.reset_variations {
	display: none !important;
}
.woocommerce-variation-price {	
	display: none;
	padding-top: 0 !important;
}

/* Para el texto de solo zonas o localidades con reparto para envío gratis por pedidos superiores a 60 en página producto */
#envioGratisH5 {
	word-spacing: -1px;
}

/* Para separar las secciones del botón "Continuar con la Compra" y "Opiniones de clientes" en la página de Producto */
#divAvisoEnvioGratis {
	margin-bottom: 5% !important;
}

/* PAGINA CATEGORIA Y TIENDA *****************************************************************************************/
/* Para ocultar categorías y etiquetas del producto en el SKU de debajo de la imagen del producto en la página de categoría */
div.product-small div.box-image + div.box-text .sku_wrapper {
	font-size: 1.3em !important;
}
div.product-small div.box-image + div.box-text .posted_in {
	display: none !important;
}
div.product-small div.box-image + div.box-text .tagged_as {
	display: none !important;
}
div.product-small div.box-image + div.box-text .product_meta {
	margin-bottom: 1% !important;
}
.product-small .title-wrapper .woocommerce-loop-product__title {
	font-size: 1.2em !important;
}

/* Poner un contador en las valoraciones de los productos y subirlo a la misma línea de las estrellas en las páginas de Categorías y Tienda */
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-review-link {
    display: inline !important;
}
.price-wrapper a.woocommerce-review-link {
	left: 4em !important;
	position: relative !important;
	top: -2.05em !important;
}
.product-small .price-wrapper {
	margin-top: 7.5% !important;
}
.product-small .price-wrapper .price {
	font-size: 1.3em !important;
	margin-top: -1em !important;
}
.box-text .price-wrapper .ratingZero {
	margin-top: 2em !important;
}
.js-star-rating.star-rating {
	display: none !important;
}

/* PÁGINA CARRITO *****************************************************************************************/
/* Para mostrar los botones de la cantidad de producto en página de carrito */
.product-quantity .quantity {
	display: inline-flex !important;
}

/* Para no mostrar el texto "Enviar a ..." debajo de las zonas de envío */
.woocommerce-shipping-totals .woocommerce-shipping-destination {
	display: none;
}

/* Para ocultar la frase "Enviar a ...(ciudad)" debajo de las zonas de envío en la página del carrito */
#shipping_method .woocommerce-shipping-destination {
	display: none;
}

/* Para el estilo del botón "Finalizar Compra" */
.wc-proceed-to-checkout .checkout-button {
	border-radius: 5px !important;
}

/* Para quitar los bordes superior, izda y dcha del título "Total del Carrito" en la columna dcha */
.cart_totals .product-name{ 
    border: unset; 
    border-bottom: 3px solid #ececec; 
}
/* Para el estilo del mensaje de importe mínimo 20€ en la página de carrito */
.woocommerce-error .message-container .importeMinimoCart {	
	background-color: #f1f1f1;
    border-radius: 3px;
    color: #ff0000;
	font-weight: bold;
    line-height: 1.2em;
    opacity: .8;
    padding: 1%;
	text-align: center;
}

/* Para el estilo de la fila "Envío" del bloque "Total del Carrito" en página de Carrito */
.woocommerce-shipping-totals.shipping .shipping__inner .shipping__table > tbody > tr > th {
	color: #000000;
}
.woocommerce-shipping-totals.shipping .shipping__inner .shipping__table > tbody > tr > td #shipping_method .shipping__list_item .shipping__list_label {
	color: #000000;
	opacity: 1 !important;
}
.woocommerce-shipping-totals.shipping .shipping__inner .shipping__table > tbody > tr > td #shipping_method .shipping__list_item .shipping__list_label .woocommerce-Price-amount.amount {
	color: #000000;
	opacity: 1 !important;
}

/* PÁGINA CHECKOUT *****************************************************************************************/
/* Para no mostrar el campo "País" en el formulario de "Checkout" */
#billing_country_field, #shipping_country_field {
	display: none;
}

/* Para eliminar el texto "(opcional)" de los campos de la sección del formulario "¿Necesita Factura?" */
#billing_wooccm11_field .optional, #billing_wooccm12_field .optional, #billing_wooccm13_field .optional, #billing_wooccm14_field .optional, #billing_wooccm15_field .optional, #billing_wooccm16_field .optional {
	display: none;
}

/* Para estilo del nombre de producto y precio en página "Checkout" */
.woocommerce-checkout-review-order .product-total .woocommerce-Price-amount {
	font-size: 1.5em;
}
.woocommerce-checkout-review-order .product-total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
	font-size: 1em !important;
}
.woocommerce-checkout-review-order .product-item-thumbnail {
	margin-bottom: 1em;
}
.woocommerce-checkout-review-order .productItemName {
	display: contents;
	font-weight: bold;
}

/*Para poner un borde verde al check y texto de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper p label {
	border: 2px solid #28A745 !important;
}

/*Para hacer más grande el check de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper input[type=checkbox] {
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(2) !important; /* IE */
  -moz-transform: scale(2) !important; /* FF */
  -webkit-transform: scale(2) !important; /* Safari y Chrome */
  -o-transform: scale(2) !important; /* Opera */
	margin-left: 3% !important;
	margin-top: 3% !important;
 	padding: 10px !important;
}

/*Para hacer más grande el texto de página "Checkout" en "He leído y estoy de acuerdo con los términos y condiciones"*/
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
	font-size: 1.2em !important;
	margin-left: 3% !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {
	margin-left: 3% !important;
}

/* Para el icono/botón de "Eliminar producto" y colocar tel texto en página "Checkout" */
div.removeProductContainer {
	display: inline-flex;
}
a.removeProductLink  {
	margin-bottom: 0.5em;
}
span.removeProductText {
	margin-left: 0.5em;
	padding-top: 0.2em;
}

/* Para juntar el "Formulario de la tarjeta de crédito y el texto "Guardar la información de pago..." inferior */
.wc-credit-card-form {
	margin-bottom: 0 !important;
}

/* Para dar espacio entre el texto "He leido..." y el botón "Realizar el pedido" */
#place_order {
	margin-top: 1em !important;
}

/* Para quitar espacio arriba y ponerlo abajo del bloque de texto "¿Tienes un cupón?..." */
.woocommerce-form-coupon-toggle {
	margin-bottom: 1em !important;
	margin-top: -1.5em !important;
}

/* Para ocultar el check y dar estilo al texto del título "DATOS NECESARIOS PARA LA ENTREGA" */
.woocommerce-shipping-fields #ship-to-different-address label {
	font-size: 1em !important;
	font-weight: bold !important;
}
.woocommerce-shipping-fields #ship-to-different-address-checkbox {
	display: none !important;
}

/* Para el estilo del botón "Realizar el Pedido" */
.form-row #place_order {
	border-radius: 5px !important;
	width: 100%;
}

/* PÁGINAS CARRITO Y CHECKOUT *******************************************************************************/
/* Estilo para los iconos de eliminar producto en Carrito y Checkout */
a.icon-remove, a.remove {
	color: #000000 !important;
}

/* PÁGINA THANKYOU *****************************************************************************************/
/* Para no mostrar la columna de "Shipping address" en página Thankyou */
.page-checkout .woocommerce-column--shipping-address {
	display: none;
}

/* PÁGINA CONTACTO *****************************************************************************************/
/* Para hacer más grande el botón "Enviar" en el formulario de contacto */
#nf-field-32 {
	height: 3.5em;
	width: 100%;
}

/* PÁGINA 404 (NOT FOUND) *********************************************************************************/
/* Para el estilo de la página 404.php */
.error-404 {
	margin-top: 0 !important;
}
.error-404 #divLogo404 {
	font-size: 5em;
	font-weight: bold;
	opacity: .3;
}
.error-404 #divLogo404 img {
	height: 1em;
	margin-left: 12% !important;
}
.error-404 #divTexto404 {
	margin-top: 8% !important;
}
.error-404 #divContImgs404 {
	margin-top: -5%;
	padding-top: 0 !important;
}
.error-404 #divContImgs404 > p {
	text-align: center;
	font-variant: small-caps;
}
.error-404 #divContImgs404 .iconBoxImg404 {
	width: 372px;
}
.error-404 #divContImgs404 .iconBoxText404 .spanIconBoxText404 {
	font-size: 120%;
}

/* PÁGINA CART-EMPTY **************************************************************************************/
/* Para el estilo de la página cart-empty.php */
.woocommerce-notices-wrapper {
	text-align: center;
}
#divContImgsCartEmpty {
	font-variant: small-caps;
	padding-top: 0;
	text-align: center;
}
#divContImgsCartEmpty > p {
	text-align: center;
	font-variant: small-caps;
}
#divContImgsCartEmpty .iconBoxImgCartEmpty {
	width: 372px;
}
#divContImgsCartEmpty .iconBoxTextCartEmpty .spanIconBoxTextCartEmpty {
	font-size: 120%;
}

/* Para centrar textos en página cart-empty.php */
.woocommerce-notices-wrapper .woocommerce-message .message-container {
	color: #000000 !important;
	text-align: center !important;
}
.woocommerce-notices-wrapper .woocommerce-message .cart-empty {
	text-align: center !important;
}
.woocommerce-notices-wrapper .cart-empty {
	text-align: center !important;
}

/* Para el estilo del botón "Volver a la Tienda" */
#divContImgsCartEmpty + a.button {
	border-radius: 5px;
}

/* FOOTER **************************************************************************************/
/* Para cambiar el color al icono social de "Email" */
.footer .social-icons .email {
	color: #7D7D7D !important;
}

/* Para que no aparezca la categoría de complementos en las categorías del footer */
.product-categories li a[href*="complementos"] {
    display: none !important;
}

/* BARRA DE COOKIES ****************************************************************************/
/*  Para el estilo del botón "Aceptar" de la barra de Cookies */
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all {
	background-color: #006600 !important;
	color: #ffffff !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-allow-all:hover {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Para cambiar el color de fondo del botón de "Rechazar" en la barra de cookies */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .gdpr-fbo-1 {
	background-color: #dc3545 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .gdpr-fbo-1:hover {
	background-color: #dc3545 !important;
	color: #ffffff !important;
}

/* Para cambiar los colores del botón de "Configurar" de la barra de cookies */
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .gdpr-fbo-2 {
	background-color: #ffffff !important;
	color: #000000 !important;
	opacity: 1 !important
}
#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder .gdpr-fbo-2:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	opacity: 1 !important
}

/* MEDIA QUERY 768 - 1024 ***********************************************************************/
@media (min-width: 768px) and (max-width: 1024px) {
	
	/* Para el estilo de los botones de "otras secciones" a media altura en Index */
	.home .btnOtrasSeccionesIndex span {
		min-height: 4.9em !important;
		line-height: 1.1 !important;
		padding: 7% !important;
	}

	/* Para cambiar el tamaño del texto (fuente) del botón "Continuar con la compra" en la página de producto */
	.cart .quantity + button {
		font-size: 1.3rem !important;
	}
	
}

/* MEDIA QUERY 550 - 767 ***********************************************************************/
@media (min-width: 550px) and (max-width: 767px) {
	
	/* Para el estilo de los botones cuando se muestran 4 colunas en la web */
  	a.btn4Columns {      	
      	letter-spacing: -0.5px !important;
      	line-height: 1 !important;
      	padding: 0 !important;
  	}
	/* Para el estilo de los botones de "otras secciones" a media altura en Index */
	.home a.btnOtrasSeccionesIndex {		
		font-size: 1.1em !important;
		line-height: 0.5 !important;
		min-width: 100% !important;
		padding: 0 !important;
	}
	/* Para el estilo de los complementos en la página de producto */
	.custom-product-page .complementosRow .complementosColumn .complementosZone .product-small {
		max-height: 14em !important;
	}
	.complementosZone .product-small .complementoAddToCartLabel:has(> .anadirCarritoText) {
		line-height: 1 !important;
	}
	/* Para cambiar el estilo del botón "Continuar con la compra" en página de producto */
	.cart .quantity + button {
		font-size: 1.7em !important;
		line-height: 1 !important;
	}
	/* Para el estilo de la página 404.php (Not Found) */
	.error-404 #divLogo404 {
    	font-size: 3em !important;
		margin-top: 10% !important;
	}
	
}

/* MEDIA QUERY 0 - 549 ***********************************************************************/
@media only screen and (max-width: 549px) {
	
	/* Para el estilo del título de la página 404.php */
	.error-404 #divLogo404 {
		margin-top: -10% !important;
		padding-bottom: 0 !important;
		text-align: center;
	}
	.error-404 #divLogo404 span img {
		margin-left: 0 !important;
		}
	.error-404 #divTexto404 {
		margin-top: 0 !important;
	}
	
}

/* MEDIA QUERY 0 - 480 ***********************************************************************/
@media only screen and (max-width: 480px) {
	
	/* Para hacer más pequeño el tamaño de fuente del banner superior en Index */
	.banner .text-box-content .text-inner h1 {
		font-size: 3em !important;
	}	
	/* Estilo para los botones de categorías en Index */
	.home .catBtnIndex span {
		line-height: 1.3 !important;
		padding-top: 7% !important;
	}
	/* Para cambiar el tamaño del texto (fuente) del botón "Continuar con la compra" en la página de producto */
	.cart .quantity + button {
		font-size: 1.1rem !important;
	}
	/* Para hacer más pequeño el tamaño de la fuente del nombre y del precio en la página de producto */
	.product-small  .title-wrapper {
		font-size: 0.85em !important;
	}
	.product-small  .price-wrapper {
		font-size: 0.85em !important;
	}
	/* Para el estilo de las variaciones, si las tiene, en la página de producto */
	.product .variations_form {
		margin-top: -5%;
	}

}

/*************** CSS PERSONALIZADO ***************/

/* PAGINA DE PRODUCTO: */

/* Para el texto de solo zonas o localidades con reparto para envío gratis por pedidos superiores a 60 en página producto */
.spanEnvioGratis {
	font-size: 0.8em !important;
	font-style: italic;
	font-weight: normal;
}


/* CATALOG MODE */
/* Para centrar el botón de las páginas de Tienda y Categorías (cuando se activa el plugin "Woocommerce Catalog Mode" */
.shop-container .col-inner {
	text-align: center !important;
}
/*  Para el estilo los botones de "Más Información" en las página de "Tienda" y "Categorías" */
.woocommerce_catalog_product_button {
	margin: 0 auto;
}
.llamarButton {
	background-color: #17273f;
	border-radius: 5px;
	color: #fff;
  	display: inline-block;
	font-size: 1.2em;
	margin-top: 3%;
  	padding: 5px 30px;  	
  	text-decoration: none;  	
  	transition: background-color 0.3s ease;
}
.llamarButton:hover {
  	background-color: #75844c;
}
.llamarButton i {
  	margin-right: 8px;
	margin-top: -1%;
}
.btnProdCategorias {
	background-color: #17273f !important;
	border-radius: 5px;
	margin-bottom: 15%;
	margin-top: -12%;
}
.btnProdCategorias:hover {
	background-color: #75844c !important;
}