/**
* Theme Name: Goya Child Theme
* Description: This is a child theme of Goya, automatically generated.
* Author: <a href="https://themeforest.net/user/luisvelaz">Everthemes</a>
* Template: goya
* Version: 1.0.5.4
*/

/*******************************
SITIO WEB
********************************/
/*Agregar color a la Cabecera*/
.header, .header-spacer, .product-header-spacer {
	background-color: rgba(0, 0, 0, 0.6);
}


/*******************************
VISTA PRODUCTO
********************************/
/*Ocultar descripción e informacion adicional del producto*/
.woocommerce-tabs #tab-description, .woocommerce-tabs #tab-additional_information {
	display: none !important;
}

/*En añadir valoración producto: cambiar el color de la extrella*/
.comment-form-rating .stars:hover a, .comment-form-rating .stars.selected a, .comment-form-rating .stars a:hover {
    color: #d4af37;
}

/*Agregar margen superior de productos relacionados*/
.related, .up-sells, .cross-sells {
    margin: 40px 0 40px !important;
}
/*Cambiar color de fondo de etiqueta de oferta*/
.et-product-detail .summary .badge.onsale {
    background: #ef5c5c !important;
}
/*Cambiar color de fondo y texto de etiqueta de oferta VISTA PRODUCTO Y LISTADO PRODUCTO*/
.badge.onsale {
    background: #ef5c5c !important;
    color: #ffffff !important;
}

/*Fondo de texto de producto "Agotado"*/
.stock.out-of-stock {
    background-color: #585858 !important;
}

/*******************************
LISTADO DE PRODUCTOS
********************************/

/*Cambiar color de fondo y texto de etiqueta de NUEVO
.product-inner .badge.new {
    background-color: #585858;
}
.product-inner .badge.new {
    background-color: #585858;
    color: #ffffff;
}
.badge.new {
    background: #585858 !important;
    color: #ffffff !important;
}
*/

/*******************************
CHECKOUT - METODO DE ENVIO 
********************************/
/*Review Orden: cambiar la posición para que se oculte la lista de productos*/
#order_review.woocommerce-checkout-review-order {
  position: relative !important;
}

/*Alinear todo a la izquierda
.wooco-shipping-method td {
	text-align: left !important;
}
Plugin UBIGEO: Reducir tamaño de titulo Método de Envio
.wooco-shipping-method td h3 {
	font-size: 15px;
	text-transform: uppercase;
}
Plugin UBIGEO: Reducri tamaño de título de opciones
.kwp_checkout_metodo_envio h5 {
	font-weight: bold;
	font-size: 1.0rem;
	margin-bottom: 0px;
}
Plugin UBIGEO: Reducir margen inferior a 0 del título de opciones
.kwp_checkout_metodo_envio label {
	margin-bottom: 0rem;
}
Plugin UBIGEO: Aumentar el tamaño de la descripción de las opciones
.kwp_checkout_metodo_envio small {
	line-height: 1.1 !important;
	font-size: 13px;
}
Plugin UBIGEO: Ampliar el ancho de la descripción de las opciones
.kwp_checkout_metodo_envio .me-2 {
	width: 70% !important;
}
Plugin UBIGEO: Alinear el Costo a la derecha
.kwp_checkout_metodo_envio .me-3 {
	text-align: right;
}
Plugin UBIGEO: Formato a la Fecha y Horario de entrega de la opción PROGRAMADO
.kwp-fecha-horario {
	margin-left: 30px !important;
}
.kwp-fecha-horario h4 {
	font-size: 15px;
	margin-bottom: 0px;
	font-weight: 700;
}
.kwp-fecha-horario label {
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 10px;
}
*/
/*******************************
CHECKOUT - PAGO QR 
********************************/
/*Formatear radio buttom*/
.nobodys-pagomovil .pagomovil .app__radio {
	width: auto;
	display: flex !important;
}
/*Corregir el ancho de los iconos de las apps*/
.nobodys-pagomovil .pagomovil .app__icon {
	max-width: 100% !important;
}
/*******************************
FORMULARIO DE SUSCRIPCION NEWSLETTER 
********************************/
/*Eliminar configuración original de alineamiento de los campos*/
.mc4wp-form-fields {
	display: unset !important;
	justify-content: unset !important;
}
/*Configurar alineamiento de campos por fila*/
.mc4wp-form-fields-fila1 {
	display: inline-flex !important;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.mc4wp-form-fields-fila2 {
	display: inline-flex !important;
	justify-content: flex-start;
}
/*Agregar color de texto a las etiquetas, para el Opt-In*/
.mc4wp-form-fields-fila2 label {
	color: rgba(255,255,255,0.5) !important;
}
/*Configurar alineamiento y formato para el Opt-In*/
.mc4wp-form-fields-fila2 input[type=checkbox] {
    display: inline-flex !important;
	background: #fff;
	border-color: #fff !important;
	color: rgba(255,255,255,0.5) !important;
	border: 2px solid currentColor !important;
}
/*Configurar color para el Opt-In en estado marcado o selecionado */
.mc4wp-form-fields-fila2 input[type=checkbox]:checked {
	border-color: #fff !important;
	color: rgba(255,255,255,0.5) !important;
}
/*Configurar formato para version móvil*/
@media only screen and (max-width: 575px) {
.mc4wp-form-fields-fila1 {
	flex-direction: column;
	width: 100%;
}
.mc4wp-form-fields-fila1 input[type=email] {
	width: 100%;
}
.mc4wp-form-fields-fila1 input[type=submit] {
	width: 100%;
	margin: 10px 0 0;
}
.mc4wp-form-fields-fila2 {
	text-align: left !important;
}
}
/*******************************
FOOTER MENU  
********************************/
/*Reducir el margen inferior*/
.footer-widgets .widget {
	margin-bottom: 15px;
}
/*******************************
MENSAJES WOOCOMMERCE  
********************************/
.woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-notice--success {
    color: #ef5c5c !important;
}
/*******************************
BOTON FLOTANTE DE WHATSAPP  
********************************/
.btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 60px;
    bottom:35px;
    right:25px;
    background:#25d366;
    color:#ffffff !important;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    background: #20ba5a;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}

/*******************************
MENSAJE DELIVERY EN VISTA PRODUCTO 
********************************/
#ctly_info_delivery_date {
    background: #ffe9ab;
}
#ctly_info_delivery_date {
    padding: 10px;
    display: flex;
    flex: 1;
    min-height: 80px;
    margin-bottom: 20px;
}

#ctly_info_delivery_date .ctly_delivery_icon {
    background-image: url(//cattleya.pe/wp-content/uploads/2021/08/icon-delivery.png);
}
#ctly_info_delivery_date .ctly_delivery_icon {
    display: flex;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    margin-right: 10px;
    margin-left: 10px
}
span.ctly_delivery_message {
    flex: 1;
    padding-top: 5px;
}