/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.25.0.1715164606
Updated: 2024-05-08 10:36:46

*/
/*PARA SEÑALIZAR LOS ENLACES ACCESIBILIDAD*/
a:focus {
outline: thin dotted;
outline-width: 2px !important;
outline-color: #8D1A1A;
}

/*ESTILOS CSS PARA PLUGIN CONTACT FORM7*/
/*Diseño responsivo y ajustable y con un ancho del 100% para el plugin Contact Form 7 */
div.wpcf7 .wpcf7-form-control {
  max-width: 95%;
}

/*Formulario centrado PC*/
.wpcf7-form {
  width: 60%; 
  margin: 0 auto!important;
}

/*Formulario centrado para móviles*/
@media (max-width: 480px) {
	.wpcf7-form {
  width: 100%; 
  margin: 0 auto!important;
}
	
/*Para que el boton enviar formulario sea mas ancho para el movil*/
	.wpcf7-submit {
		margin-bottom: -20px !important;
		width: 80% !important;
margin-left: 25px;
		margin-right: 50px;
	}
}

/*Formulario centrado para tables*/
@media (max-width: 800px) {
	.wpcf7-form {
  width: 100%; 
  margin: 0 auto!important;
	}
}

/* Campo de texto y mensaje*/
.wpcf7-text, .wpcf7-textarea, input[type="tel"], input[type=email], input[type=text]  {
	background-color: #f2f2f2;
	color: #000;
	border:none;
	padding-bottom: 7px;
	padding-top: 7px;
	width: 100%;
	font-weight: 600;
	font-size: 16px;
}

/*Estilos para el texto obligatorio*/
small {
    font-size: 14px;
	color: #be0001;
	font-weight: 600;
}

/*Cambiar el tamaño de las etiquetas de los campos y el grosor*/
.wpcf7 form  {
	font-size: 16px;
	font-weight: 700;
}
/*Código para que los campos de los formularios este más separados*/
.wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="group"], .wpcf7-form-control.wpcf7-select {
	margin-bottom: 5px;
}

/*Para que la eleccion de botones de selección salga en fila*/
span.wpcf7-list-item {
   display: block;
}

/* Estilos del botón de enviar */
.wpcf7-submit {
	background-color: #000;
	color: #fff;
	border:none;
    border-radius: 2px;
    padding: 10px;
    font-size: 18px;
	letter-spacing: 0.7px;
	font-weight: 600;
	width: 50%;
	cursor: pointer;
	margin-bottom: 1px;
	transition-duration: 2s;
}
/* Estilos del botón al pasar el cursor*/
.wpcf7-submit:hover {
	background-color: #40593c;
	letter-spacing: 0.1rem; 
	transition: all 1s ease;
}

/*Estilos para el parrafo del texto de la privacidad en el formulario*/
.pprivacidad {
	font-size: 12px;
	border: 1px dotted #40593c;
	padding: 5px;
	line-height: normal;
	margin-right: 20px;
}

/*Dar un espacio en la parte de abajo de el campo nombre cuando haces la eleccion condicional del cliente*/
#espC { 
	padding-bottom: 15px; 
}

/*Para que el testo Acepto el uso de datos salga mas pequeño*/
.acept {
	position: relative;
	right: 20px;
	font-size: 13px;
}
/*Alinera el campo de señalar que se acepta la privacidad*/
input[type=checkbox] {
    position: relative;
	right: 20px;
}
/*ESTILOS PARA LA CASILLA DE ERROR AL NO COMPLETA EL FORMULARIO BIEN*/
.wpcf7 form .wpcf7-response-output {
	margin: 3px;
}

.wpcf7 form.invalid .wpcf7-response-output {
	border-color: #4AF700;
}
/* Ocultar icono de reCaptcha v3 */
.grecaptcha-badge{
	visibility: collapse !important;  
}
/*FIN CODIGO FORMU*/

/*ESTILOS PARA EL BOTON DE VOLVER ARRIBA*/
/*Cambiar el color de fondo*/
.et_pb_scroll_top {
background-color: #a67721 !important;
}

/*Cambiar el color del icono*/
.et_pb_scroll_top:before {
color: #000;
}

/*Cambiar el tamaño del icono*/
.et_pb_scroll_top:before {
font-size: 30px;
}

/*Agregar una sombra de cuadro*/
.et_pb_scroll_top {
box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
}

/*Retire las esquinas redondeadas*/
.et_pb_scroll_top {
border-radius: 0px !important;
}

/*Cambiar el icono*/
.et_pb_scroll_top:before {
content: '\21';
}

/*ESTILO PERSONALIZADO PARA LA LINEA hr QUE VA ANTES DE LAS PROPIEDADES NUTRICIONALES DE LOS PRODUCTOS*/
.estilo-personalizado {
	border: 0;
	height: 1px;
	background: linear-gradient(to right, #bfa77a, #a67721, #bfa77a);
}

/**/
/*PARA QUE MUESTRE UN SOLO PRODUCTO de la tienda y productos relacionados de la ficha EN MOVIL*/
/*Cuatro columna*/
@media (max-width: 479px) {
	.et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product {
	width: 100%!important;
    margin-right: 4% !important;
}
}
/*Tres columnas*/
@media (max-width: 479px) {
	.et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-3 li.product {
	width: 100%!important;
    margin-right: 4%!important;
}
}

/*ANULAR LA CASILLA ORDEN POR DEFECTO Y MOSTAR RESULTADOS DE LA PAGINA TIENDA Woo*/
.woocommerce .woocommerce-ordering select, p.woocommerce-result-count {
    display: none;
}
/*Quitar el enlace de VER CARRITO que sale al lado del btn AÑADIR AL CARRITO*/
.woocommerce a.added_to_cart {
	display: none;
}

/*ESTILOS PARA LA CARTAS DE LA PAGINA TIENDA */
.dfw-shop-31 .woocommerce ul.products li.product .onsale {
  right: 20px !important;
  left: auto !important;
  top: 30px !important;
  border-radius: 0 !important;
  height: 30px;
  display: flex;
  align-items: center;
  overflow: visible;
background-color: #000 !important;
}

/*EStilos etiqueta oferta*/
.dfw-shop-31 .woocommerce ul.products li.product .onsale:before {
	position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  top: 100%;
  right: 0;
  background: #000000 !important;
  clip-path: polygon(0 0,0% 100%, 100% 0);
}

.dfw-shop-31 select.orderby {
	background-color: #fff;
  border: 1px solid #f2f2f2;
	border-radius: 0px;
	padding: 10px;
}

.dfw-shop-31 .woocommerce-pagination span.page-numbers.current ,
.dfw-shop-31 .woocommerce-pagination a.page-numbers {
  padding: 10px 14px;
}
  
.dfw-shop-31 .woocommerce ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
}

/*Estilos para las imagenes de los productos en las cartas*/
.dfw-shop-31 .woocommerce ul.products li.product .et_shop_image {
  margin: 20px 20px 10px 20px;
  order: 1;
}
  
.dfw-shop-31 .woocommerce ul.products li.product .star-rating {
  order: 2;
}
  
.dfw-shop-31 .woocommerce ul.products li.product .woocommerce-loop-product__title {
  order: 3;
}

.dfw-shop-31 span.price {
  padding: 5px 10px;
  order: 4;
}
  
 @media screen and (max-width: 767px) {
.dfw-shop-31.et_pb_shop ul.products li.product {
  margin-bottom: 30px !important;
  width: 100% !important;
}
   
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  float: left !important;
}
}

/*Estilos para el BTN de ver productos en las cartas de los productos*/
.btn-tarjetas .woocommerce ul.products li.product .button {
    display: inline-block;
    background-color: #000 !important;
	border: none;
	font-size: 15px;
	color: #fff !important;
	padding: 5px 30px 7px 30px;
}

.btn-tarjetas .woocommerce ul.products li.product .button::after {
	display: none;
}

.btn-tarjetas .woocommerce ul.products li.product .button:hover {
	padding: 5px 30px 7px 30px;
	-webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  background: #46733f !important;
}

/*FINAL CSS PARA CARTAS DE LA PAGINA DE LA TIENDA*/

/*ESTILO PARA EL COMMUTADOR DE LA FICHA DE PRODUCTOS DONDE ESTA EL FORMULARIO*/
/*Codigo para poner el formulario a ancho completo en el conmutador de Divi*/
.pa-toggle-second-line-1 .wpcf7-form.init.wpcf7-acceptance-as-validation {
  width: 100% !important;
}

.pa-toggle-second-line-1 .wpcf7 form {
	width: 100% !important;
}

/*EScribir una linea en el modulo commutador de la ficah de producto done esta el Formu*/
.pa-toggle-second-line-1 .et_pb_toggle_title:after {
	content: "Si tienes dudas o consultas, rellena nuestro Formulario.";
	display: block;
	font-family: "Titillium Web", Verdana, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.7em;
}

/*CSS PARA AUMENTAR El Área del COMMUTADOR en La Que Se Puede Hacer Clic*/
/*eliminar el relleno predeterminado del interruptor*/
.pa-toggle-clickable-area.et_pb_toggle {
	padding: 0;
}
/*agregar el relleno nuevamente al título*/
.pa-toggle-clickable-area.et_pb_toggle .et_pb_toggle_title {
	padding: 20px;
}
/*ajustar el relleno del icono para restaurar la posición original*/
.pa-toggle-clickable-area.et_pb_toggle .et_pb_toggle_title:before {
	padding-right: 20px;
}
/*agregar el relleno nuevamente al contenido del acordeón abierto*/
.pa-toggle-clickable-area.et_pb_toggle .et_pb_toggle_content {
	padding: 0 20px 20px 20px;
}

/*PARA QUE SE VEA LAS MINIATURAS DE LAS IMAGENES DE LOS PRODUCTOS EN EL MOVIL en la pagina Carrito y chequevox*/
@media(max-width: 768px) {
	.woocommerce-page table.cart .product-thumbnail {
		display: block !important;
	}

.woocommerce-page table.cart .product-thumbnail:before {
        content: '';
}

.woocommerce-page table.cart .product-thumbnail img {
        width: 120px;
}

.woocommerce-page table.cart .product-remove {
        float: left;
        border-bottom: 0;
    }
}

/* ### ESTILOS PAGINA Mi Cuenta MY ACCOUNT ### */
.dc-account .woocommerce-MyAccount-navigation ul {
	padding: 0px;
    list-style-type: none;
}

.dc-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #a67721;
    padding: 10px 0px;
}

.dc-account .woocommerce-privacy-policy-text {
	padding-bottom: 10px;
}

@media all and (min-width: 981px) {
.woocommerce-account .dc-account .woocommerce-MyAccount-navigation {
    width: 24%;
}
}

.woocommerce .dc-account a.button, .woocommerce-page .dc-account a.button {
	font-size: 14px !important;	
}

/*quitar el icono al hacer rollover en el boton explorar*/
.woocommerce .dc-account a.button, .woocommerce-page .dc-account a.button::after {
	content: none;
}

/*CODIGO PAGINA FINALIZAR COMPRA*/
/* ### CHECKOUT V1 ### */
.woocommerce-checkout .checkout_v1 .woocommerce-checkout-review-order {
	background-color: #ffffff;
}

.woocommerce table.shop_table {
    border: 1px solid #a67721;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #f2f2f2 !important;
}

/* ###### CHECKOUT PAGE V1 ###### */
@media all and (min-width: 981px) {
.woocommerce-checkout .checkout_v1 .col2-set {
	float:left;
	width: 60% !important;
	margin-right:3%;
}

.woocommerce-checkout .checkout_v1 .woocommerce-checkout-review-order {
	float:left;
	width: 35%;
}	

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    border-radius: 2px;
}

	.woocommerce-checkout .checkout_v1 .col-1, .woocommerce-checkout .checkout_v1 .col-2 {
	width: 100% !important;
}}

.woocommerce-checkout .checkout_v1 label {
	font-size: 16px !important;
	color: #000 !important;
}

.woocommerce-checkout .checkout_v1 .woocommerce table.shop_table th,
.woocommerce-checkout .checkout_v1 .woocommerce table.shop_table td {
	color: #000 !important;	
	font-size: 16px !important;
}

.woocommerce-checkout .checkout_v1 .order-total .woocommerce-Price-amount {
	color: #000 !important;	
	font-size: 19px !important;	
}

.woocommerce table.shop_table td small  {
	color: #000 !important;
	font-size: 14px;
}

.woocommerce-checkout .checkout_v1 .woocommerce-privacy-policy-text {
	font-size: 14px;
    line-height: 1.6em;
}

.woocommerce-checkout .checkout_v1 .woocommerce-additional-fields {
	padding-top: 35px;
}

.woocommerce-checkout .checkout_v1 .form-row.place-order button.button:after {
	content: none !important;
}

.woocommerce-checkout .checkout_v1 .form-row.place-order button.button:hover {
	padding: .3em 1em .3em 1em !important;
}

/*Boton realizar pedido*/
.woocommerce-checkout .checkout_v1 .form-row.place-order button.button {
	font-size: 18px !important;
}

.woocommerce-checkout .checkout_v1 .woocommerce #payment #place_order, .woocommerce-checkout .woocommerce-page .checkout_v1 #payment #place_order {
    margin: 15px auto 0px auto !important;
    display: block !important;
	float: unset !important;
}

.woocommerce-checkout .checkout_v1 .woocommerce-checkout-payment {
	font-size: 14px;
    line-height: 1.6em;
}

.woocommerce-message a.button.wc-forward, .woocommerce-message a.button.wc-forward:hover {
	padding: .3em 1em .3em 1em !important;
}

.woocommerce-message a.button.wc-forward:after {
	content: none !important;
}

.woocommerce-checkout .checkout_v1 .woocommerce #payment #place_order {
	border-width: 0px !important;
}

/*Para acercar el recuadro de señalar He leido y estoy de acuerdo con el texto*/
.checkout_v1 input[type=checkbox] {
	left: 5px;
}

/*Dar color negro al txt transferencia y tarjetas*/
.woocommerce-checkout #payment div.payment_box {
	color: #000;
}

/*Cambiar el color y tamaño de los asteriscos del formulario para la accesibilidad*/
.woocommerce form .form-row .required {
    color: #690900;
    font-size: 18px;
}

/* ###### FIN CHECKOUT PAGE V1 ###### */

/*PLUGIN plugin JOIN CHAT*/
/*Para cambiar el color del rolover del icono del boton de whatsapp*/
.joinchat__button:hover{
background-color: #4aa63c;
}
/*Poner el logo de la marca en el plugin JOIN CHAT*/
.joinchat__header { 
	background-color: #0D0D0D;
	background-image: url("https://aceitelajacoba.es/wp-content/uploads/2024/06/logo-whatsapp.png");
	background-position: top center;
	background-repeat: no-repeat;	
}
/* Definimos imagen de fondo y color */
.joinchat__box__scroll {
	background-image: url("https://aceitelajacoba.es/wp-content/uploads/2024/06/fondo-chat-whatsapp.jpg");
}
/* Para que el chat este por encima de todos los bloques de la web */
.joinchat {
 z-index: 99999; 
}