.elementor-5183 .elementor-element.elementor-element-39ca76e{--display:flex;--min-height:658px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-5183 .elementor-element.elementor-element-39ca76e:not(.elementor-motion-effects-element-type-background), .elementor-5183 .elementor-element.elementor-element-39ca76e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5183 .elementor-element.elementor-element-49086bb .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5183 .elementor-element.elementor-element-b07cf71{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:2.3px;}.elementor-5183 .elementor-element.elementor-element-b07cf71 .elementor-divider-separator{width:62%;margin:0 auto;margin-center:0;}.elementor-5183 .elementor-element.elementor-element-b07cf71 .elementor-divider{text-align:center;padding-block-start:11px;padding-block-end:11px;}.elementor-5183 .elementor-element.elementor-element-053f54a.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5183 .elementor-element.elementor-element-49086bb .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-5183 .elementor-element.elementor-element-39ca76e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5183 .elementor-element.elementor-element-49086bb .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-5183 .elementor-element.elementor-element-053f54a{width:100%;max-width:100%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-053f54a *//* =========================================================
   FCC MY ACCOUNT PAGE - CORREGIDO
   Clase recomendada en el widget: fcc-my-account-page
   ========================================================= */

.fcc-my-account-page {
  --fcc-pink: #df5a84;
  --fcc-pink-dark: #d64f7a;
  --fcc-text: #df5a84;
  --fcc-bg-soft: #f3f3f3;
  --fcc-white: #ffffff;
  --fcc-border: rgba(223, 90, 132, 0.22);
  --fcc-border-soft: rgba(223, 90, 132, 0.14);
  --fcc-radius-xl: 24px;
  --fcc-radius-lg: 20px;
  --fcc-radius-md: 16px;
  --fcc-radius-sm: 12px;
}

/* Reset base */
.fcc-my-account-page,
.fcc-my-account-page * {
  font-family: inherit !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce,
.fcc-my-account-page .woocommerce-MyAccount-navigation,
.fcc-my-account-page .woocommerce-MyAccount-content,
.fcc-my-account-page .woocommerce-MyAccount-content-wrapper {
  background: transparent !important;
  color: var(--fcc-text) !important;
  box-shadow: none !important;
}

/* =========================================================
   LAYOUT GENERAL
   ========================================================= */

.fcc-my-account-page .woocommerce {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  width: 100% !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation {
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Evitar anchos raros */
.fcc-my-account-page .woocommerce-MyAccount-navigation ul,
.fcc-my-account-page .woocommerce-MyAccount-content,
.fcc-my-account-page .woocommerce-MyAccount-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* =========================================================
   NAVEGACIÓN
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-navigation {
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-xl) !important;
  padding: 18px !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation a {
  display: block !important;
  width: 100% !important;
  padding: 14px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: var(--fcc-text) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation a:hover {
  background: rgba(223, 90, 132, 0.05) !important;
  border-color: var(--fcc-border) !important;
  color: var(--fcc-pink-dark) !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation li.is-active a,
.fcc-my-account-page .woocommerce-MyAccount-navigation a[aria-current="page"] {
  background: var(--fcc-white) !important;
  border-color: var(--fcc-border) !important;
  color: var(--fcc-pink) !important;
  font-weight: 700 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-navigation-link--customer-logout a {
  opacity: .92 !important;
}

/* =========================================================
   CONTENIDO
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-content {
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-xl) !important;
  padding: 22px !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content-wrapper {
  background: var(--fcc-white) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-lg) !important;
  padding: 22px !important;
  min-height: 220px !important;
}

/* Texto general */
.fcc-my-account-page .woocommerce-MyAccount-content p,
.fcc-my-account-page .woocommerce-MyAccount-content li,
.fcc-my-account-page .woocommerce-MyAccount-content strong,
.fcc-my-account-page .woocommerce-MyAccount-content span,
.fcc-my-account-page .woocommerce-MyAccount-content label,
.fcc-my-account-page .woocommerce-MyAccount-content legend,
.fcc-my-account-page .woocommerce-MyAccount-content address {
  color: var(--fcc-text) !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 14px 0 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content a {
  color: var(--fcc-pink) !important;
  text-decoration: underline !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content a:hover {
  color: var(--fcc-pink-dark) !important;
}

/* =========================================================
   TÍTULOS
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-content h2,
.fcc-my-account-page .woocommerce-MyAccount-content h3,
.fcc-my-account-page .woocommerce-MyAccount-content legend {
  color: var(--fcc-text) !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* =========================================================
   TABLAS
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-content table,
.fcc-my-account-page .woocommerce-MyAccount-content .shop_table,
.fcc-my-account-page .woocommerce-MyAccount-content table.shop_table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-lg) !important;
  overflow: hidden !important;
  background: var(--fcc-white) !important;
  margin: 0 0 18px 0 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content table thead th,
.fcc-my-account-page .woocommerce-MyAccount-content .shop_table thead th,
.fcc-my-account-page .woocommerce-MyAccount-content table.shop_table thead th {
  border: 0 !important;
  border-bottom: 1px solid var(--fcc-border-soft) !important;
  background: transparent !important;
  color: var(--fcc-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 14px 16px !important;
  text-align: left !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content table tbody td,
.fcc-my-account-page .woocommerce-MyAccount-content table tbody th,
.fcc-my-account-page .woocommerce-MyAccount-content .shop_table tbody td,
.fcc-my-account-page .woocommerce-MyAccount-content table.shop_table tbody td {
  border: 0 !important;
  border-bottom: 1px solid var(--fcc-border-soft) !important;
  background: transparent !important;
  color: var(--fcc-text) !important;
  font-size: 14px !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content table tbody tr:last-child td,
.fcc-my-account-page .woocommerce-MyAccount-content table tbody tr:last-child th {
  border-bottom: 0 !important;
}

/* =========================================================
   FORMULARIOS
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-content form {
  margin: 0 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content .form-row {
  margin-bottom: 16px !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content input[type="text"],
.fcc-my-account-page .woocommerce-MyAccount-content input[type="email"],
.fcc-my-account-page .woocommerce-MyAccount-content input[type="password"],
.fcc-my-account-page .woocommerce-MyAccount-content input[type="tel"],
.fcc-my-account-page .woocommerce-MyAccount-content input[type="number"],
.fcc-my-account-page .woocommerce-MyAccount-content textarea,
.fcc-my-account-page .woocommerce-MyAccount-content select {
  width: 100% !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  border: 2px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  background: var(--fcc-white) !important;
  color: var(--fcc-text) !important;
  font-size: 15px !important;
  outline: none !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content textarea {
  min-height: 120px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content input::placeholder,
.fcc-my-account-page .woocommerce-MyAccount-content textarea::placeholder {
  color: rgba(223, 90, 132, 0.58) !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content input:focus,
.fcc-my-account-page .woocommerce-MyAccount-content textarea:focus,
.fcc-my-account-page .woocommerce-MyAccount-content select:focus {
  border-color: var(--fcc-pink) !important;
  outline: none !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content fieldset {
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-lg) !important;
  padding: 18px !important;
  margin: 20px 0 !important;
  background: transparent !important;
}

/* =========================================================
   BOTONES
   ========================================================= */

.fcc-my-account-page .woocommerce-MyAccount-content .button,
.fcc-my-account-page .woocommerce-MyAccount-content button,
.fcc-my-account-page .woocommerce-MyAccount-content input.button,
.fcc-my-account-page .woocommerce-MyAccount-content .woocommerce-Button {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--fcc-pink) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-MyAccount-content .button:hover,
.fcc-my-account-page .woocommerce-MyAccount-content button:hover,
.fcc-my-account-page .woocommerce-MyAccount-content input.button:hover,
.fcc-my-account-page .woocommerce-MyAccount-content .woocommerce-Button:hover {
  background: var(--fcc-pink-dark) !important;
  color: #fff !important;
}

/* =========================================================
   MENSAJES
   ========================================================= */

.fcc-my-account-page .woocommerce-message,
.fcc-my-account-page .woocommerce-info,
.fcc-my-account-page .woocommerce-error {
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  color: var(--fcc-text) !important;
  padding: 14px 16px !important;
  margin-bottom: 16px !important;
}

.fcc-my-account-page .woocommerce-message::before,
.fcc-my-account-page .woocommerce-info::before,
.fcc-my-account-page .woocommerce-error::before {
  color: var(--fcc-pink) !important;
}

/* =========================================================
   DIRECCIONES
   ========================================================= */

.fcc-my-account-page .woocommerce-Addresses,
.fcc-my-account-page .u-columns.woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.fcc-my-account-page .woocommerce-Address,
.fcc-my-account-page .woocommerce-column--billing-address,
.fcc-my-account-page .woocommerce-column--shipping-address {
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-lg) !important;
  padding: 18px !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .fcc-my-account-page .woocommerce {
    flex-direction: column !important;
    gap: 22px !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-navigation,
  .fcc-my-account-page .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

@media (max-width: 767px) {
  .fcc-my-account-page .woocommerce-MyAccount-navigation,
  .fcc-my-account-page .woocommerce-MyAccount-content {
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-content-wrapper {
    padding: 16px !important;
    border-radius: 16px !important;
    min-height: 0 !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-navigation a {
    padding: 12px 14px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-content h2,
  .fcc-my-account-page .woocommerce-MyAccount-content h3,
  .fcc-my-account-page .woocommerce-MyAccount-content legend {
    font-size: 22px !important;
  }

  .fcc-my-account-page .woocommerce-Addresses,
  .fcc-my-account-page .u-columns.woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-content table thead {
    display: none !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-content input[type="text"],
  .fcc-my-account-page .woocommerce-MyAccount-content input[type="email"],
  .fcc-my-account-page .woocommerce-MyAccount-content input[type="password"],
  .fcc-my-account-page .woocommerce-MyAccount-content input[type="tel"],
  .fcc-my-account-page .woocommerce-MyAccount-content input[type="number"],
  .fcc-my-account-page .woocommerce-MyAccount-content textarea,
  .fcc-my-account-page .woocommerce-MyAccount-content select {
    min-height: 46px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page .woocommerce-MyAccount-content .button,
  .fcc-my-account-page .woocommerce-MyAccount-content button,
  .fcc-my-account-page .woocommerce-MyAccount-content input.button,
  .fcc-my-account-page .woocommerce-MyAccount-content .woocommerce-Button {
    min-height: 46px !important;
    font-size: 14px !important;
    width: 100% !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - FIX DESKTOP ADDRESSES
   Pegar al final del CSS de My Account
   ========================================================= */

@media (min-width: 768px) {
  /* Grid real para las dos direcciones */
  .fcc-my-account-page .woocommerce-Addresses,
  .fcc-my-account-page .u-columns.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
  }

  /* Quitar floats y anchos raros de WooCommerce */
  .fcc-my-account-page .woocommerce-Addresses::before,
  .fcc-my-account-page .woocommerce-Addresses::after,
  .fcc-my-account-page .u-columns.woocommerce-Addresses::before,
  .fcc-my-account-page .u-columns.woocommerce-Addresses::after {
    display: none !important;
    content: none !important;
  }

  .fcc-my-account-page .woocommerce-Address,
  .fcc-my-account-page .woocommerce-Addresses .col-1,
  .fcc-my-account-page .woocommerce-Addresses .col-2,
  .fcc-my-account-page .u-column1.woocommerce-Address,
  .fcc-my-account-page .u-column2.woocommerce-Address,
  .fcc-my-account-page .woocommerce-column--billing-address,
  .fcc-my-account-page .woocommerce-column--shipping-address {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    align-self: start !important;
  }

  /* Card de cada dirección */
  .fcc-my-account-page .woocommerce-Address,
  .fcc-my-account-page .woocommerce-column--billing-address,
  .fcc-my-account-page .woocommerce-column--shipping-address {
    background: var(--fcc-bg-soft) !important;
    border: 1px solid var(--fcc-border) !important;
    border-radius: var(--fcc-radius-lg) !important;
    padding: 20px !important;
  }

  /* Header de cada card */
  .fcc-my-account-page .woocommerce-Address header,
  .fcc-my-account-page .woocommerce-column--billing-address header,
  .fcc-my-account-page .woocommerce-column--shipping-address header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid var(--fcc-border-soft) !important;
  }

  .fcc-my-account-page .woocommerce-Address h3,
  .fcc-my-account-page .woocommerce-column--billing-address h3,
  .fcc-my-account-page .woocommerce-column--shipping-address h3 {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    color: var(--fcc-text) !important;
  }

  .fcc-my-account-page .woocommerce-Address .edit,
  .fcc-my-account-page .woocommerce-column--billing-address .edit,
  .fcc-my-account-page .woocommerce-column--shipping-address .edit {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--fcc-pink) !important;
    text-decoration: underline !important;
  }

  /* Texto dirección */
  .fcc-my-account-page .woocommerce-Address address,
  .fcc-my-account-page .woocommerce-column--billing-address address,
  .fcc-my-account-page .woocommerce-column--shipping-address address {
    margin: 0 !important;
    font-style: normal !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: var(--fcc-text) !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - FIX OVERLAP HEADER ADDRESSES
   ========================================================= */

@media (min-width: 768px) {
  .fcc-my-account-page .woocommerce-Address header,
  .fcc-my-account-page .woocommerce-column--billing-address header,
  .fcc-my-account-page .woocommerce-column--shipping-address header,
  .fcc-my-account-page .woocommerce-Address-title.title {
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 14px 0 !important;
    border-bottom: 1px solid var(--fcc-border-soft) !important;
  }

  .fcc-my-account-page .woocommerce-Address h3,
  .fcc-my-account-page .woocommerce-column--billing-address h3,
  .fcc-my-account-page .woocommerce-column--shipping-address h3,
  .fcc-my-account-page .woocommerce-Address-title.title h3 {
    display: block !important;
    margin: 0 0 8px 0 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  .fcc-my-account-page .woocommerce-Address .edit,
  .fcc-my-account-page .woocommerce-column--billing-address .edit,
  .fcc-my-account-page .woocommerce-column--shipping-address .edit,
  .fcc-my-account-page .woocommerce-Address-title.title .edit {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-decoration: underline !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - LOGIN STATE (NUEVA VERSIÓN)
   Reemplaza el bloque anterior de LOGIN STATE por este
   ========================================================= */

/* Título login */
.fcc-my-account-page .woocommerce > h2 {
  max-width: 680px !important;
  margin: 0 auto 20px auto !important;
  padding: 0 !important;
  color: var(--fcc-text) !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  text-align: center !important;
  border: 0 !important;
  background: transparent !important;
}

/* Card del login */
.fcc-my-account-page .woocommerce > h2 + .woocommerce-form-login.login {
  max-width: 680px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 28px !important;
  height: auto !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-xl) !important;
  box-shadow: none !important;
}

/* Filas */
.fcc-my-account-page .woocommerce-form-login.login .form-row,
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-row {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

/* Labels */
.fcc-my-account-page .woocommerce-form-login.login label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: var(--fcc-text) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.fcc-my-account-page .woocommerce-form-login.login .required {
  color: var(--fcc-pink) !important;
}

/* Inputs */
.fcc-my-account-page .woocommerce-form-login.login input[type="text"],
.fcc-my-account-page .woocommerce-form-login.login input[type="email"],
.fcc-my-account-page .woocommerce-form-login.login input[type="password"] {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 2px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  background: var(--fcc-white) !important;
  color: var(--fcc-text) !important;
  font-size: 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-form-login.login input::placeholder {
  color: rgba(223, 90, 132, 0.58) !important;
}

.fcc-my-account-page .woocommerce-form-login.login input:focus {
  border-color: var(--fcc-pink) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Campo password */
.fcc-my-account-page .woocommerce-form-login.login .password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.fcc-my-account-page .woocommerce-form-login.login .password-input input {
  padding-right: 54px !important;
}

.fcc-my-account-page .woocommerce-form-login.login .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: .8 !important;
}

/* Fila inferior */
.fcc-my-account-page .woocommerce-form-login.login p.form-row:last-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

/* Botón login */
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit,
.fcc-my-account-page .woocommerce-form-login.login .button,
.fcc-my-account-page .woocommerce-form-login.login button {
  min-width: 166px !important;
  min-height: 52px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--fcc-pink) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
  order: 1 !important;
}

.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit:hover,
.fcc-my-account-page .woocommerce-form-login.login .button:hover,
.fcc-my-account-page .woocommerce-form-login.login button:hover {
  background: var(--fcc-pink-dark) !important;
  color: #fff !important;
}

/* Remember me */
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  order: 2 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: var(--fcc-text) !important;
}

.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  accent-color: var(--fcc-pink) !important;
}

/* Lost password */
.fcc-my-account-page .woocommerce-form-login.login .lost_password {
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
}

.fcc-my-account-page .woocommerce-form-login.login .lost_password a {
  color: var(--fcc-pink) !important;
  text-decoration: underline !important;
  font-size: 15px !important;
}

.fcc-my-account-page .woocommerce-form-login.login .lost_password a:hover {
  color: var(--fcc-pink-dark) !important;
}

/* Mensajes */
.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-message,
.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-info,
.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-error {
  max-width: 680px !important;
  margin: 0 auto 16px auto !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  color: var(--fcc-text) !important;
  padding: 14px 16px !important;
}

.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-message::before,
.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-info::before,
.fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-error::before {
  color: var(--fcc-pink) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .fcc-my-account-page .woocommerce > h2 {
    max-width: 100% !important;
    font-size: 30px !important;
    margin-bottom: 16px !important;
  }

  .fcc-my-account-page .woocommerce > h2 + .woocommerce-form-login.login {
    max-width: 100% !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login input[type="text"],
  .fcc-my-account-page .woocommerce-form-login.login input[type="email"],
  .fcc-my-account-page .woocommerce-form-login.login input[type="password"] {
    min-height: 48px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login p.form-row:last-of-type {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit,
  .fcc-my-account-page .woocommerce-form-login.login .button,
  .fcc-my-account-page .woocommerce-form-login.login button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme {
    width: 100% !important;
  }

  .fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-message,
  .fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-info,
  .fcc-my-account-page .woocommerce-notices-wrapper .woocommerce-error {
    max-width: 100% !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - LOGIN FIX DEFINITIVO
   Pegar al final del CSS de My Account
   ========================================================= */

/* 1) Cuando el widget está en modo login, quitar el layout lateral */
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* 2) Título centrado arriba */
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > h2 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: var(--fcc-text) !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  border: 0 !important;
  background: transparent !important;
}

/* 3) Card del login centrada y más ancha */
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > .woocommerce-form-login.login {
  display: block !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 28px !important;
  height: auto !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-xl) !important;
  box-shadow: none !important;
}

/* 4) Filas */
.fcc-my-account-page .woocommerce-form-login.login .form-row,
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-row {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

/* 5) Labels */
.fcc-my-account-page .woocommerce-form-login.login label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: var(--fcc-text) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.fcc-my-account-page .woocommerce-form-login.login .required {
  color: var(--fcc-pink) !important;
}

/* 6) Inputs */
.fcc-my-account-page .woocommerce-form-login.login input[type="text"],
.fcc-my-account-page .woocommerce-form-login.login input[type="email"],
.fcc-my-account-page .woocommerce-form-login.login input[type="password"] {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 2px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  background: var(--fcc-white) !important;
  color: var(--fcc-text) !important;
  font-size: 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-form-login.login input::placeholder {
  color: rgba(223, 90, 132, 0.58) !important;
}

.fcc-my-account-page .woocommerce-form-login.login input:focus {
  border-color: var(--fcc-pink) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 7) Password input: corregir el ojo */
.fcc-my-account-page .woocommerce-form-login.login .password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.fcc-my-account-page .woocommerce-form-login.login .password-input input {
  padding-right: 56px !important;
}

.fcc-my-account-page .woocommerce-form-login.login .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--fcc-text) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fcc-my-account-page .woocommerce-form-login.login .show-password-input:hover,
.fcc-my-account-page .woocommerce-form-login.login .show-password-input:focus,
.fcc-my-account-page .woocommerce-form-login.login .show-password-input:active {
  background: transparent !important;
  color: var(--fcc-text) !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 8) Fila botón + remember */
.fcc-my-account-page .woocommerce-form-login.login p.form-row:last-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

/* Botón */
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit,
.fcc-my-account-page .woocommerce-form-login.login .button,
.fcc-my-account-page .woocommerce-form-login.login button[type="submit"] {
  order: 1 !important;
  min-width: 166px !important;
  min-height: 52px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--fcc-pink) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit:hover,
.fcc-my-account-page .woocommerce-form-login.login .button:hover,
.fcc-my-account-page .woocommerce-form-login.login button[type="submit"]:hover {
  background: var(--fcc-pink-dark) !important;
  color: #fff !important;
}

/* Remember me */
.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: var(--fcc-text) !important;
}

.fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  accent-color: var(--fcc-pink) !important;
}

/* Lost password */
.fcc-my-account-page .woocommerce-form-login.login .lost_password {
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
}

.fcc-my-account-page .woocommerce-form-login.login .lost_password a {
  color: var(--fcc-pink) !important;
  text-decoration: underline !important;
  font-size: 15px !important;
}

.fcc-my-account-page .woocommerce-form-login.login .lost_password a:hover {
  color: var(--fcc-pink-dark) !important;
}

/* 9) Mensajes */
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-message,
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-info,
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-error {
  max-width: 680px !important;
  margin: 0 auto 16px auto !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  color: var(--fcc-text) !important;
  padding: 14px 16px !important;
}

.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-message::before,
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-info::before,
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-error::before {
  color: var(--fcc-pink) !important;
}

/* 10) Responsive */
@media (max-width: 767px) {
  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) {
    max-width: 100% !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > h2 {
    font-size: 30px !important;
    margin-bottom: 16px !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > .woocommerce-form-login.login {
    max-width: 100% !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login input[type="text"],
  .fcc-my-account-page .woocommerce-form-login.login input[type="email"],
  .fcc-my-account-page .woocommerce-form-login.login input[type="password"] {
    min-height: 48px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login p.form-row:last-of-type {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__submit,
  .fcc-my-account-page .woocommerce-form-login.login .button,
  .fcc-my-account-page .woocommerce-form-login.login button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fcc-my-account-page .woocommerce-form-login.login .woocommerce-form-login__rememberme {
    width: 100% !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-message,
  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-info,
  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) .woocommerce-notices-wrapper .woocommerce-error {
    max-width: 100% !important;
  }
}

/* Login más ancho + ocultar título */
.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) {
  max-width: 1500px !important;
}

.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > h2 {
  display: none !important;
}

.fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > .woocommerce-form-login.login {
  max-width: 1520px !important;
  padding: 32px !important;
}

@media (max-width: 767px) {
  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) {
    max-width: 100% !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-form-login.login) > .woocommerce-form-login.login {
    max-width: 100% !important;
    padding: 18px !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - LOST PASSWORD STATE
   Añadir al final del CSS actual de My Account
   ========================================================= */

/* Layout del estado lost password */
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) {
  display: block !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Card */
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) > .woocommerce-ResetPassword.lost_reset_password {
  display: block !important;
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 32px !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-xl) !important;
  box-shadow: none !important;
}

/* Texto introductorio */
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password > p:first-child {
  margin: 0 0 20px 0 !important;
  color: var(--fcc-text) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Filas */
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .form-row,
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
}

.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .clear {
  display: none !important;
}

/* Labels */
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password label {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: var(--fcc-text) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .required {
  color: var(--fcc-pink) !important;
}

/* Input */
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password input[type="text"],
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password input[type="email"] {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 2px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  background: var(--fcc-white) !important;
  color: var(--fcc-text) !important;
  font-size: 16px !important;
  outline: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password input:focus {
  border-color: var(--fcc-pink) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Botón */
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button,
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .button,
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password button[type="submit"] {
  min-width: 220px !important;
  min-height: 52px !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: var(--fcc-pink) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover,
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .button:hover,
.fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover {
  background: var(--fcc-pink-dark) !important;
  color: #fff !important;
}

/* Mensajes */
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-message,
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-info,
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-error {
  max-width: 820px !important;
  margin: 0 auto 16px auto !important;
  background: var(--fcc-bg-soft) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-md) !important;
  color: var(--fcc-text) !important;
  padding: 14px 16px !important;
}

.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-message::before,
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-info::before,
.fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-error::before {
  color: var(--fcc-pink) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) {
    max-width: 100% !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) > .woocommerce-ResetPassword.lost_reset_password {
    max-width: 100% !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password input[type="text"],
  .fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password input[type="email"] {
    min-height: 48px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button,
  .fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password .button,
  .fcc-my-account-page .woocommerce-ResetPassword.lost_reset_password button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-message,
  .fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-info,
  .fcc-my-account-page .woocommerce:has(> .woocommerce-ResetPassword.lost_reset_password) .woocommerce-notices-wrapper .woocommerce-error {
    max-width: 100% !important;
  }
}

/* =========================================================
   FCC MY ACCOUNT - LOGIN / REGISTER LOGGED OUT
   Solo afecta al estado sin sesión iniciada
   ========================================================= */

.fcc-my-account-page {
  --fcc-pink: #df5a84;
  --fcc-pink-dark: #d64f7a;
  --fcc-card-bg: #f6f6f6;
  --fcc-white: #ffffff;
  --fcc-text-soft: #6f7480;
  --fcc-border: rgba(223, 90, 132, 0.24);
  --fcc-border-strong: rgba(223, 90, 132, 0.32);
  --fcc-radius-card: 24px;
  --fcc-radius-input: 16px;
}

/* Desactiva el layout lateral SOLO cuando existe el login/register */
.fcc-my-account-page .woocommerce:has(#customer_login) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  background: transparent !important;
}

/* Grid de las dos cards */
.fcc-my-account-page #customer_login.u-columns,
.fcc-my-account-page #customer_login.col2-set {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 400px)) !important;
  justify-content: center !important;
  align-items: start !important;
  gap: 32px !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Quitar floats/ancho por defecto de WooCommerce */
.fcc-my-account-page #customer_login::before,
.fcc-my-account-page #customer_login::after {
  display: none !important;
  content: none !important;
}

.fcc-my-account-page #customer_login .u-column1,
.fcc-my-account-page #customer_login .u-column2,
.fcc-my-account-page #customer_login .col-1,
.fcc-my-account-page #customer_login .col-2 {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Oculta los títulos Login / Register para que la card quede como la referencia */
.fcc-my-account-page #customer_login .u-column1 > h2,
.fcc-my-account-page #customer_login .u-column2 > h2 {
  display: none !important;
}

/* Card */
.fcc-my-account-page #customer_login form.login,
.fcc-my-account-page #customer_login form.register {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 30px !important;
  background: var(--fcc-card-bg) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-card) !important;
  box-shadow: none !important;
}

/* Filas */
.fcc-my-account-page #customer_login .form-row,
.fcc-my-account-page #customer_login .woocommerce-form-row {
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Labels */
.fcc-my-account-page #customer_login label {
  display: block !important;
  margin: 0 0 9px 0 !important;
  color: var(--fcc-pink) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

.fcc-my-account-page #customer_login .required {
  color: var(--fcc-pink) !important;
}

/* Inputs */
.fcc-my-account-page #customer_login input[type="text"],
.fcc-my-account-page #customer_login input[type="email"],
.fcc-my-account-page #customer_login input[type="password"] {
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  background: var(--fcc-white) !important;
  border: 2px solid var(--fcc-border) !important;
  border-radius: var(--fcc-radius-input) !important;
  color: #333333 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  outline: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page #customer_login input[type="text"]:focus,
.fcc-my-account-page #customer_login input[type="email"]:focus,
.fcc-my-account-page #customer_login input[type="password"]:focus {
  border-color: var(--fcc-border-strong) !important;
  box-shadow: none !important;
}

/* Campo password */
.fcc-my-account-page #customer_login .password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.fcc-my-account-page #customer_login .password-input input {
  padding-right: 52px !important;
}

/* Ojo de contraseña */
.fcc-my-account-page #customer_login .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #333333 !important;
  box-shadow: none !important;
}

.fcc-my-account-page #customer_login .show-password-input:hover,
.fcc-my-account-page #customer_login .show-password-input:focus {
  background: transparent !important;
  color: #333333 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Fila botón + remember */
.fcc-my-account-page #customer_login form.login p.form-row:nth-last-of-type(2),
.fcc-my-account-page #customer_login form.login p.form-row:has(.woocommerce-form-login__submit) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 4px 0 16px 0 !important;
}

/* Botones */
.fcc-my-account-page #customer_login button[type="submit"],
.fcc-my-account-page #customer_login .woocommerce-button,
.fcc-my-account-page #customer_login .woocommerce-Button {
  order: 1 !important;
  min-width: 152px !important;
  min-height: 48px !important;
  padding: 12px 24px !important;
  background: var(--fcc-pink) !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.fcc-my-account-page #customer_login button[type="submit"]:hover,
.fcc-my-account-page #customer_login .woocommerce-button:hover,
.fcc-my-account-page #customer_login .woocommerce-Button:hover {
  background: var(--fcc-pink-dark) !important;
  color: #ffffff !important;
}

/* Remember me */
.fcc-my-account-page #customer_login .woocommerce-form-login__rememberme {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  color: var(--fcc-text-soft) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

.fcc-my-account-page #customer_login .woocommerce-form-login__rememberme span {
  color: var(--fcc-text-soft) !important;
}

.fcc-my-account-page #customer_login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: var(--fcc-pink) !important;
}

/* Lost password */
.fcc-my-account-page #customer_login .lost_password {
  margin: 0 !important;
  padding: 0 !important;
}

.fcc-my-account-page #customer_login .lost_password a,
.fcc-my-account-page #customer_login a {
  color: var(--fcc-pink) !important;
  text-decoration: underline !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Textos register */
.fcc-my-account-page #customer_login form.register p,
.fcc-my-account-page #customer_login .woocommerce-privacy-policy-text p {
  margin: 0 0 18px 0 !important;
  color: var(--fcc-text-soft) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* Register button */
.fcc-my-account-page #customer_login form.register button[type="submit"] {
  min-width: 150px !important;
}

/* Accesibilidad */
.fcc-my-account-page #customer_login .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Mensajes WooCommerce en estado logged out */
.fcc-my-account-page .woocommerce:has(#customer_login) .woocommerce-notices-wrapper {
  max-width: 920px !important;
  margin: 0 auto 18px auto !important;
}

.fcc-my-account-page .woocommerce:has(#customer_login) .woocommerce-message,
.fcc-my-account-page .woocommerce:has(#customer_login) .woocommerce-info,
.fcc-my-account-page .woocommerce:has(#customer_login) .woocommerce-error {
  background: var(--fcc-card-bg) !important;
  border: 1px solid var(--fcc-border) !important;
  border-radius: 16px !important;
  color: var(--fcc-text-soft) !important;
  box-shadow: none !important;
}

/* Responsive */
@media (max-width: 900px) {
  .fcc-my-account-page #customer_login.u-columns,
  .fcc-my-account-page #customer_login.col2-set {
    grid-template-columns: minmax(0, 400px) !important;
    max-width: 100% !important;
    gap: 22px !important;
  }
}

@media (max-width: 767px) {
  .fcc-my-account-page #customer_login.u-columns,
  .fcc-my-account-page #customer_login.col2-set {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .fcc-my-account-page #customer_login form.login,
  .fcc-my-account-page #customer_login form.register {
    padding: 24px !important;
    border-radius: 20px !important;
  }

  .fcc-my-account-page #customer_login input[type="text"],
  .fcc-my-account-page #customer_login input[type="email"],
  .fcc-my-account-page #customer_login input[type="password"] {
    min-height: 50px !important;
    font-size: 14px !important;
  }

  .fcc-my-account-page #customer_login form.login p.form-row:has(.woocommerce-form-login__submit) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .fcc-my-account-page #customer_login button[type="submit"],
  .fcc-my-account-page #customer_login .woocommerce-button,
  .fcc-my-account-page #customer_login .woocommerce-Button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .fcc-my-account-page #customer_login .woocommerce-form-login__rememberme {
    width: 100% !important;
  }
}/* End custom CSS */