.elementor-2264 .elementor-element.elementor-element-1f65b76a{padding:40px 0px 40px 0px;}.elementor-2264 .elementor-element.elementor-element-31760f68.elementor-column > .elementor-widget-wrap{justify-content:center;}/* Start custom CSS for wc-elements, class: .elementor-element-f0f14ca *//* Títulos */
#customer_login h2 {
    font-size: 1.5rem;
    color: #cc2c7d;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff66a3;
    padding-bottom: 5px;
    text-align: center;
}

/* Formularios */
form.woocommerce-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

form input,
form button {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
}

form input:focus {
    border-color: #ff66a3;
    outline: none;
    box-shadow: 0 0 4px #ff66a3;
}

/* Botones */
form button {
    background: #ff66a3;
    color: #ffffff;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

form button:hover {
    background: #e05591;
    transform: translateY(-2px);
}

/* Enlace de contraseña olvidada */
.woocommerce-LostPassword a {
    font-size: 0.9rem;
    color: #cc2c7d;
    text-decoration: underline;
}

.woocommerce-LostPassword a:hover {
    color: #ff66a3;
}

/* Mensajes y política */
.woocommerce-privacy-policy-text {
    font-size: 0.9rem;
    color: #555555;
    margin-top: 10px;
    line-height: 1.4;
}

/* Responsividad */
@media (max-width: 768px) {
    #customer_login {
        flex-direction: column; /* Cambia a una sola columna en móviles */
    }

    .u-column1,
    .u-column2 {
        flex: 1 1 100%; /* Cada columna ocupa el 100% en pantallas pequeñas */
    }

    #customer_login h2 {
        font-size: 1.25rem; /* Ajusta el tamaño del título */
    }
}

/* En pantallas grandes, las columnas estarán en horizontal */
@media (min-width: 769px) {
    #customer_login {
        flex-direction: row; /* Asegura que las columnas se alineen en horizontal */
    }

    .u-column1,
    .u-column2 {
        flex: 1 1 48%; /* Las columnas ocuparán el 48% cada una en pantallas grandes */
    }
}

/* Estilos Generales */
.woocommerce {
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

.woocommerce-MyAccount-navigation {
    background-color: #f9e5f6;  /* Fondo rosa claro */
    padding: 20px;
    border-radius: 8px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation li {
    margin: 10px 0;
}

.woocommerce-MyAccount-navigation-link {
    font-size: 16px;
}

.woocommerce-MyAccount-navigation-link a {
    text-decoration: none;
    color: #d5006d;  /* Color rosa oscuro */
    padding: 10px 15px;
    display: block;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.woocommerce-MyAccount-navigation-link:hover a {
    background-color: #f06292;  /* Rosa más brillante al pasar el cursor */
    color: #fff;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: #d5006d;  /* Rosa oscuro cuando está activo */
    color: #fff;
}

.woocommerce-MyAccount-content {
    margin-top: 20px;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.woocommerce-MyAccount-content p {
    font-size: 16px;
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content a {
    color: #d5006d;  /* Rosa oscuro para los enlaces */
    text-decoration: none;
    font-weight: bold;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* Estilos para los avisos */
.woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

.woocommerce-notices-wrapper .woocommerce-message {
    background-color: #fce4ec;  /* Rosa suave para el mensaje de éxito */
    color: #880e4f;  /* Rosa oscuro para el texto del mensaje */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.woocommerce-notices-wrapper .woocommerce-error {
    background-color: #f8bbd0;  /* Rosa claro para el mensaje de error */
    color: #c2185b;  /* Rosa fuerte para el texto de error */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Ajustes para la salida */
a[href*="logout"] {
    color: #c2185b;  /* Rosa fuerte para la salida */
    font-weight: bold;
}

a[href*="logout"]:hover {
    color: #880e4f;  /* Rosa oscuro al pasar el cursor */
}/* End custom CSS */