/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/********************************************************/
/********************************************************/
/****************** Login - registro ********************/
/********************************************************/

.woocommerce a.button, 
.woocommerce button.button {
    border-radius: 6px;
    /*padding: 12px 25px;*/
    background-color: #532059; /* tu color corporativo */
    color: #fff;
}
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    background-color: #e06600;
}

/* Separar login y registro en dos columnas */
.woocommerce-account .col2-set {
    display: flex;
    gap: 40px; /* separación entre columnas */
    flex-wrap: wrap; /* para móviles */
}

.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    width: 48%;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

/* Botones más profesionales */
.woocommerce-account button.button {
    border-radius: 6px;
    padding: 12px 25px;
    font-weight: 600;
}

.woocommerce-account .col2-set {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    width: 48%;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.woocommerce-account button.button {
    border-radius: 6px;
    padding: 12px 25px;
    font-weight: 600;
    background-color: #532059; /* color corporativo */
    color: #fff;
    transition: background 0.3s;
}
.woocommerce-account button.button:hover {
    background-color: #e8ad1a;
}


.woocommerce #lost_password button.button {
    background: #532059; /* tu color corporativo */
    color: #fff;
    border-radius: 6px;
    padding: 12px 25px;
    font-weight: bold;
}
.woocommerce #lost_password button.button:hover {
    background: #e8ad1a;
}
.woocommerce #lost_password p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #555;
}
.woocommerce .woocommerce-form .woocommerce-form-row {
    margin-bottom: 18px;
}
/* Quitar fondo y borde superior */
.woocommerce-account .woocommerce #lost_password {
    border: none;        /* Quita borde */
    box-shadow: none;    /* Quita sombra */
    background: transparent; /* Quita fondo blanco */
    padding: 0;          /* Quita padding extra */
}

/* Ajustar los párrafos y campos para que se integren */
.woocommerce-account .woocommerce #lost_password p,
.woocommerce-account .woocommerce #lost_password .woocommerce-form-row {
    margin: 10px 0;
    font-size: 14px;
    color: #555;
}

/* Botón sigue con branding */
.woocommerce-account .woocommerce #lost_password button.button {
    border-radius: 6px;
    padding: 12px 25px;
    background-color: #FF7A00;
    color: #fff;
    font-weight: 600;
}
.woocommerce-account .woocommerce #lost_password button.button:hover {
    background-color: #e06600;
}