/* menú navegacion - contenedor*/
.woocommerce-MyAccount-navigation{
    max-width: 250px !important;
    position: sticky;
    top: 80px;
    display: block;
}

.woocommerce-MyAccount-navigation ul li{
    padding: .5rem 1rem !important;
    margin: .5rem 0;
    background-color: var(--wp--preset--color--tertiary);
    padding: 1rem 2rem 1rem 0;
    border-radius: 1rem;
}


.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
    text-decoration: none;
    font-weight: bold;
    color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active  {
    text-decoration: none;
    background-color: var(--wp--preset--color--secundary);
    padding: 1rem 2rem 1rem 0;
    border-radius: 1rem;
}

/* Estilos contenido mi cuenta - contenedor */
.woocommerce-MyAccount-content{
    padding: 2rem 0;
}

/* Anular el ancho del contenido solo en la página "Mi Cuenta" */
.woocommerce-account .is-layout-constrained >
:where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 980px;
    /* max-width: var(--wp--style--global--wide-size); */
}

.woocommerce-MyAccount-content .woocommerce-Address h2{
    font-size: var(--wp--preset--font-size--small);
} 

.woocommerce-MyAccount-content legend, label{
    margin-bottom: 5px;
}

/* Modificacion dirrección  */
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{
    background-color: #fff;
    padding: 1rem;
    margin: .5rem auto;
    max-width: 290px;
    min-width: 260px;
    border-radius: 1rem;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title h2 {
    font-size: var(--wp--preset--font-size--large);
    margin: .5rem 0;
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title a {
    font-size: var(--wp--preset--font-size--small);
    float: none;
}
.woocommerce-MyAccount-content .woocommerce-Addresses address {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 400;
    font-style: normal;
}

/* detalles de cuenta */

.woocommerce-EditAccountForm fieldset{
    background: #fff;
    padding: 1rem;
}

.woocommerce-EditAccountForm fieldset legend{
    position: relative;
    top: 20px;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium);
}

/* Media query para tablets */
@media (min-width: 600px) and (max-width: 900px) {
    body {
      font-size: 16px;
    }

    /* menú navegacion */
    .woocommerce-MyAccount-navigation{
        width: 100% !important;
        position: static;
        display: block;
        margin-bottom: 10px;
    }
  }
  
  /* Media query para smartphones */
  @media (max-width: 599px) {
    body {
      font-size: 14px;
    }
    .woocommerce .woocommerce-MyAccount-navigation{
        position: static;
        display: block;
        margin-bottom: 10px;
    }

  }