/****************************/

/* Página General Mi cuenta */

/****************************/

.woocommerce-account { 

  background-color: #F7F7F7;

}



.woocommerce-account .woocommerce {

  max-width: 1280px;

  margin: auto;

  margin-top: 96px;

  margin-bottom: 172px;

  padding: 0 1rem;

}



.woocommerce-account .mi-cuenta-title {

  font-family: "Montserrat", Sans-serif;

  font-size: 40px;

  font-weight: 700;

  line-height: 52px;

  color: #000;

  margin-top: 0;

}



/****************************/

/* Mi cuenta Navigation */

/****************************/

.woocommerce-account .woocommerce-MyAccount-navigation {

  max-width: 340px;

  padding: 1rem 0;

  background-color: #fff;

  border-radius: 6px;

  border: solid 1px #E3E3E3;

}



.woocommerce-account .woocommerce-MyAccount-navigation .navigation-title {

  font-family: "Inter", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 32px;

  color: #000;

  padding: 1.5rem;

  margin: 0;

}



.woocommerce-account .woocommerce-MyAccount-navigation ul {

  list-style: none;

  padding: 0;

}



.woocommerce-account .woocommerce-MyAccount-navigation li {

  transition: all .3s ease-in;

}



.woocommerce-account .woocommerce-MyAccount-navigation li:hover,

.woocommerce-account .woocommerce-MyAccount-navigation .is-active {

  background-color: #E3E3E3;

}



.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {

  border-top: solid 1px #9B9B9B;

}



.woocommerce-account .woocommerce-MyAccount-navigation li a {  

  font-family: "Montserrat", Sans-serif;

  font-size: 20px;

  font-weight: 400;

  line-height: 28px;

  color: #000;

  padding: 1rem 1.5rem;

  width: 100%;

  display: block;

}



@media screen and (max-width: 768px) {

  .woocommerce-account .woocommerce-MyAccount-navigation {

    max-width: 100%;

    margin-bottom: 2rem;

  }

}



/****************************/

/* Mi cuenta - Dashboard */

/****************************/

.woocommerce-account .mi-cuenta-text {  

  font-family: "Inter", Sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 26px;

  color: #272727;

}



.woocommerce-account .mi-cuenta-options {

  display: flex;

  flex-wrap: wrap;

  gap: 24px;

  margin-top: 40px;

}



.woocommerce-account .mi-cuenta-options .elementor-icon-box-wrapper {

  width: 100%;

  max-width: 207px;

  height: 148px;

  background-color: #fff;

  border: solid 1px #000;

  border-radius: 8px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.woocommerce-account .mi-cuenta-options .elementor-icon-box-wrapper svg {

  width: 32px;

  height: 32px;

}



.woocommerce-account .mi-cuenta-options .elementor-icon-box-title {

  margin: 0;

}



.woocommerce-account .mi-cuenta-options .elementor-icon-box-title a {

  font-family: "Montserrat", Sans-serif;

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

  color: #000;

}



@media screen and (max-width: 768px) {

  .woocommerce-account .mi-cuenta-options .elementor-icon-box-wrapper {

    margin: auto;

  }

}



/****************************/

/* Mi cuenta - Órdenes */

/****************************/

.woocommerce-account .woocommerce-orders-table.custom-orders-table {

  border-radius: 6px;

  border: solid 1px #E3E3E3;

}



.woocommerce-account .custom-orders-table .woocommerce-orders-table__header {

  border: none;

  border-bottom: solid 1px #9B9B9B;

}



.woocommerce-account .custom-orders-table .woocommerce-orders-table__cell {

  border: none;

}



.woocommerce-account .custom-orders-table tbody>tr:nth-child(odd)>td, 

.woocommerce-account .custom-orders-table tbody>tr:nth-child(odd)>th,

.woocommerce-account .custom-orders-table tbody>tr:hover>td {

  background-color: transparent;

}



.woocommerce-account .custom-orders-table td.woocommerce-orders-table__cell,

.woocommerce-account .custom-orders-table th.woocommerce-orders-table__header  {

  padding: 1rem;

}



.woocommerce-account .custom-orders-table td,

.woocommerce-account .custom-orders-table td > a {

  font-family: "Inter", Sans-serif;

  font-size: 15px;

  font-weight: 400;

  line-height: 24px;

  color: #1E1E1E;

}



.woocommerce-account .custom-orders-table td .view {

  background-color: #5CE1E6;

  border: solid 1px #5CE1E6;

  border-radius: 6px;

  font-family: "Inter", Sans-serif;

  font-size: 14px;

  font-weight: 500;

  line-height: 18px;

  color: #000;

  text-transform: uppercase;

  transition: all .3s ease-in;

}



.woocommerce-account .custom-orders-table td .view:hover {

  background-color: #000;

  color: #5CE1E6;

}



/****************************/

/* Mi cuenta - Detalles de la órden */

/****************************/

.woocommerce-account .order-detail-excerpt {

  font-family: "Inter", Sans-serif;

  font-size: 1.2rem;

  font-weight: 400;

  line-height: 24px;

  color: #1E1E1E;

}



.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {

  font-family: "Montserrat", Sans-serif;

  font-size: 2rem;

  font-weight: 600;

  line-height: 2.3rem;

  color: #1E1E1E;

}



.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-details {

  font-family: "Inter", Sans-serif;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.2rem;

  color: #1E1E1E;

}



.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column--1 {

  margin-bottom: 2rem;

}



.woocommerce-account .woocommerce-MyAccount-content th,

.woocommerce-account .woocommerce-MyAccount-content td {

  border-color: #E3E3E3 !important;

}



/****************************/

/* Mi cuenta - Direcciones */

/****************************/

.woocommerce-account .custom-address {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  border: solid 1px #E3E3E3;

  border-radius: 6px;

  padding: 1rem;

}



.woocommerce-account .custom-address div {

  width: 50%;

  padding: 0.5rem;

}



.woocommerce-account .custom-address div:nth-child(even) {

  text-align: right;

}



.woocommerce-account .woocommerce-Address-title {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 1.5rem;

  font-family: "Montserrat", Sans-serif;

}



.woocommerce-account .addresses .woocommerce-Address-title::before,

.woocommerce-account .addresses .woocommerce-Address-title::after {

  display: none;

}



.woocommerce-account .woocommerce-Address-title h3 {

  margin: 0;

  font-size: 1.2rem;

}



.woocommerce-account .woocommerce-Address-title a {

  color: #000;

  text-decoration: underline;

}



@media screen and (max-width: 768px) {

  .woocommerce-account .woocommerce-Address.col-2 {

    margin-top: 4rem;

  }

}





/****************************/

/* Mi cuenta - Direcciones */

/****************************/

.woocommerce-account .woocommerce .custom-form-edit-addresses .form-row {

  width: 100%;

}



.woocommerce-account .select2-container--default .select2-selection--single {

  border: solid 1px #9B9B9B;

  border-radius: 6px;

  padding: 12px 16px;

  background-color: transparent;

  display: flex;

  align-items: center;

  height: 3rem !important;

}



.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {

  top: 0.7rem;

}





/****************************/

/* Mi cuenta - Detalles de Cuenta */

/****************************/

.woocommerce-account .information {

  font-family: "Inter", Sans-serif;

  font-size: 18px;

  font-weight: 600;

  line-height: 26px;

  color: #535353;

}



.woocommerce-account .password-change-title {

  font-family: "Inter", Sans-serif;

  font-size: 24px;

  font-weight: 600;

  line-height: 32px;

  color: #535353;

  margin-bottom: 1rem;

}



.woocommerce-account fieldset {

  padding: 0;

  border: none;

  margin-top: 2rem;

}



.woocommerce-account .woocommerce form .form-row label {

  font-family: "Inter", Sans-serif;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  color: #535353;

  margin: 0.5rem 0;

}



.woocommerce-account .woocommerce .form-row .input-text {

  border: solid 1px #9B9B9B;

  border-radius: 6px;

  padding: 12px 24px;

  background-color: transparent;

}



.woocommerce-account .woocommerce .woocommerce-Button {

  background-color: #5CE1E6;

  border: solid 1px #5CE1E6;

  border-radius: 6px;

  padding: 1rem;

  margin-top: 2rem;

  font-family: "Inter", Sans-serif;

  font-size: 15px;

  font-weight: 500;

  line-height: 18px;

  color: #000;

  text-transform: uppercase;

  transition: all .3s ease-in;

}



.woocommerce-account .woocommerce .woocommerce-Button:hover {

  background-color: #000;

  color: #5CE1E6;

}



@media screen and (max-width: 768px) {

  .woocommerce-account .woocommerce .form-row {

    width: 100%;

  }

}