@import url('global-vars.css');

/*SECCION MICUENTA*/
/*generales*/
.input-group.focus {
    outline: none !important;
}
textarea:focus-visible,textarea:focus,
select:focus-visible,select:focus,
input:focus-visible,input:focus,
button:focus-visible,button:focus{
    outline: 0px !important;
    box-shadow: 0px 0px 2px var(--color-hover)!important;
    border-color:var(--color-hover)!important;
}
.page-header{
    margin-bottom:40px !important;
}
.page-header h1{
    font:var(--fuente-titulos-myacc)!important;
}
#my-account .container,
#identity .container,
#addresses .container,
#address .container,
#history .container,
#order-slip .container,
#discount .container,
#module-psgdpr-gdpr .container,
#checkout .container,
#order-detail .container,
#order-follow .container,
#order-return .container,
#module-blockwishlist-lists .container,
#view .container,
#module-ps_emailalerts-account .container{
    max-width:var(--ancho-total-web);
    width:100%;
    margin:0;
    padding:var(--padding-container-desk);
}
#my-account,
#identity,
#addresses,
#address,
#history,
#order-slip,
#discount,
#module-psgdpr-gdpr,
#order-detail,
#order-follow,
#order-return,
#module-blockwishlist-lists,
#view,
#module-ps_emailalerts-account{
    background:var(--backgrounud-myacc-pages);
}

#my-account #content-wrapper,
#identity #content-wrapper,
#addresses #content-wrapper,
#address #content-wrapper,
#history #content-wrapper,
#order-slip #content-wrapper,
#discount #content-wrapper,
#module-psgdpr-gdpr #content-wrapper,
#checkout #content-wrapper,
#order-detail #content-wrapper,
#order-follow #content-wrapper,
#order-return #content-wrapper,
#module-blockwishlist-lists #content-wrapper,
#view #content-wrapper,
#module-ps_emailalerts-account #content-wrapper{
    margin-top:50px;
    padding:0;
}

#my-account .row,
#identity .row,
#addresses .row,
#address .row,
#history .row,
#order-slip .row,
#discount .row,
#module-psgdpr-gdpr .row,
#checkout .row,
#order-detail .row,
#order-follow .row,
#order-return .row,
#module-blockwishlist-lists .row,
#view .row,
#module-ps_emailalerts-account .row
{
    padding:0;
    margin:0;
}
#my-account #wrapper,
#identity #wrapper,
#addresses #wrapper,
#address #wrapper,
#history #wrapper,
#order-slip #wrapper,
#discount #wrapper,
#module-psgdpr-gdpr #wrapper,
#checkout #wrapper,
#order-detail #wrapper,
#order-follow #wrapper,
#order-return #wrapper,
#module-blockwishlist-lists #wrapper,
#view #wrapper,
#module-ps_emailalerts-account #wrapper{
    display:flex;
    justify-content:center;
}
#checkout #wrapper{
	flex-direction: column;
	align-items: center;
	justify-content: start;
}
#checkout #content-wrapper{
    margin-top: 0px;
}
.page-identity #content,
#addresses #content,
#address #content,
#order-slip #content{
    border-radius:var(--radius-primary);
    box-shadow: 0px 3px 6px #00000029;
    padding:78px 156px;
    background:#fff;
}
.field-password-policy .form-control-comment,
.form-group:has(#field-birthday){
    text-align:right;
}
.form-group .js-input-column:has(#field-birthday) .form-control-comment{
    display:none;
}
.page-footer a{
    font:var(--fuente-texto-p);
    color:var(--color-hover);
}
.page-footer a:hover{
    opacity:0.6;
}
.c-btn-myac{
    border-radius:var(--radius-primary) !important;
    background:var(--color-hover);
    transition:0.5s all ease;
    font:var(--fuente-botones)!important;
    padding: 10px 30px!important;
}
.page-identity button:hover,
#address button:hover{
    background:var(--color-hover);
    opacity:0.6;
}
.alert.alert-info{
    border: 0.5px solid #21718E;
    background:#F7FCFF;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:5px;
}
#history h6,
#order-slip h6{
    font:var(--fuente-texto-p);
    color:var(--color-primary);
}
/*end generales*/
/*myacc page*/
.page-my-account #content .links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
    gap:60px;
}
.page-my-account #content .links a{
    padding:0;
    margin:0;
}
.page-my-account #content .links .top-link{
    height:17px;
    background:var(--color-secondary);
    border-radius:15px 15px 0px 0px;
    transition:background 0.5s ease;
}
.page-my-account #content .links .link-item{
    height:100%;
    display:flex;
    flex-direction:column;
    gap:0px;
}
.page-my-account #content .links .content-link{
    height:157px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    background:var(--fondo-links);
    box-shadow: 0px 3px 6px #00000029;
    padding-right:40px;
    justify-content:space-between;
}
.page-my-account #content .links .content-link .text-link{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    font:var(--fuente-texto-p);
    text-transform:uppercase;
    color:var(--color-primary);
    text-align: left;
}
.page-my-account #content .links .content-link > svg path{
    fill:var(--color-primary);
    transition:fill 0.5s ease;
}
.page-my-account #content .links .content-link .text-link svg{
    opacity:0;
    transition:opacity 0.5s ease;
}

.page-my-account #content .links .mya-link:hover .link-item .top-link{
    background:var(--color-hover);
}
.page-my-account #content .links .mya-link:hover .content-link .text-link svg{
    opacity:1;
}
.page-my-account #content .links .mya-link .content-link .text-link svg path{
	fill:var(--color-hover);
}
.page-my-account #content .links .mya-link:hover .content-link > svg path{
    fill:var(--color-hover);
}
.page-my-account #content .links .content-link > svg{
    flex-shrink:0;
    flex-grow:0;
}
/*end myacc page*/
/*identity page*/
.page-identity .custom-checkbox span {
  flex-shrink: 0 !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: var(--radius-primary) !important;
  border: 0.5px solid #707070 !important;
  background: white !important;
  position:relative;
  box-shadow: 0px 3px 6px #00000029;
}
.page-identity .custom-checkbox span i{
    font-size:0px !important;
}

.page-identity .custom-checkbox input[type="checkbox"]:checked + span::after {
  content: "" !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: calc(var(--radius-primary) - 6.5px) !important;
  background: var(--color-hover) !important;
  position:absolute;
  top:6px;
  left:6px;
}

.page-identity .custom-checkbox label{
    font:var(--fuente-texto-p)!important;
    font-weight:200 !important;
}
.page-identity .custom-checkbox em {
    position: relative;
    margin-left: 37px;
    font-style: unset;
}

/*End identity page*/
/*formularios*/
.page-identity #content #customer-form .form-group.row,
#address #content .address-form .form-group.row{
    display:flex;
    flex-direction:column;
    
} 
.page-identity #content #customer-form .form-group.row label,
#address #content .address-form .form-group.row label{
    font:var(--fuente-texto-p);
    padding:0;
    margin-bottom:20px;
    text-align:left;
    width:100%;
}
.page-identity #content #customer-form .form-group.row .js-input-column label.radio-inline{
    width:auto;
}
.page-identity #content #customer-form .form-group.row .js-input-column,
#address #content .address-form .form-group.row .js-input-column{
    padding:0;
    width:100%;
}
.page-identity #content #customer-form .form-group.row .js-input-column .custom-radio {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: .5rem;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 0.5px solid #707070;
    border-radius: var(--radius-primary);
}
.page-identity #content #customer-form .form-group.row .js-input-column .custom-radio input[type=radio]:checked+span{
    position: absolute;
    top: 9px;
    left: 9px;
    display: block;
    width: 23px;
    height: 23px;
    background-color: var(--color-hover);
    border-radius: calc(var(--radius-primary) - 10px) ;
}
.page-identity #content #customer-form .form-group.row input.form-control,
#address #content .address-form .form-group.row .form-control{
    border-radius:var(--radius-primary);
    border:0.5px solid #707070;
    font:var(--fuente-texto-p);
    font-weight:400;
}
.page-identity #content #customer-form .form-group.row .form-control-comment,
#address #content .address-form .form-group.row .form-control-comment{
    font:var(--fuente-texto-p);
    font-weight:200;
    color:var(--color-primary);
    padding:0;
    width:100%;
}
.field-password-policy .form-control-comment,
.form-group:has(#field-birthday),
.form-group > .form-control-comment{
    text-align:right;
}
#address #content .address-form .form-group.row{
    margin-top:20px;
}
.form-group .js-input-column:has(#field-birthday) .form-control-comment{
    display:none;
}
.page-identity #content #customer-form .form-group.row #field-password,
.page-identity #content #customer-form .form-group.row #field-new_password{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-identity #content #customer-form .form-group.row [data-action="show-password"]{
    border-top-right-radius: var(--radius-primary);
    border-bottom-right-radius: var(--radius-primary);
    transition:0.5s all ease;
}
.form-group.has-error input, .form-group.has-error select {
    outline: none !important;
    box-shadow: 0px 0px 6px var(--color-hover)!important;
    border-color:var(--color-hover)!important;
}
/*end formularios*/
/*discount page*/
#discount #content{
   border-radius:12px;
    box-shadow: 0px 3px 6px #00000029;
    padding:78px 90px;
    background:#fff; 
}
/*end discount page*/

/*addresses page*/
#history #content{
    border-radius:12px;
    box-shadow: 0px 3px 6px #00000029;
    padding:78px 30px;
    background:#fff;
}
#addresses .alert.alert-info a{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:5px;
}
#addresses .alert.alert-info a:hover{
    opacity:0.6;
}
.alert{
    border-radius:var(--radius-primary);
    font:var(--fuente-texto-p);
    font-weight:400;
}
#addresses .alert.alert-success{
    border: 0.5px solid #1A6F28;
    background:#F7FFF9;
}
#addresses #content .addresses-container{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap:16px;
}
#addresses #content .addresses-container .address{
    border: 0.5px solid #707070;
    border-radius: var(--radius-primary);
    margin-bottom: 0px;
}
#addresses #content .addresses-container .address-body{
    padding:0;
    display:flex;
    flex-direction:column;
    height: 100%;
}
#addresses #content .addresses-container .address-body .address-title{
    background: color-mix(in srgb, var(--color-hover) 20%, transparent);
    padding:7px 15px;
    border-bottom: 0.5px solid #707070;
    border-radius: var(--radius-primary);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
#addresses #content .addresses-container .address-body .address-title h4,
#addresses #content .addresses-container .address-body address{
    font:var(--fuente-preview-direccion);
    color:#000;
}
#addresses #content .addresses-container .address-body .address-c{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex-grow: 1;
}
#addresses #content .addresses-container .address-body .address-c .acst{
    flex-grow:1;
}
#addresses #content .addresses-container .address-body .address-c address{
    padding:12px 15px;
    font-weight:400;
}
#addresses #content .addresses-container .address-footer{
    padding: .5rem 1rem;
    border:none;
    display:flex;
    flex-direction:row;
    gap:25px;
}
#addresses #content .addresses-container .add-address{

    display:flex;
    align-items:center;
    justify-content:center;
}
#addresses #content .addresses-container .add-address a{
    padding: 40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:30px;
    font:var(--fuente-preview-direccion);
    color:var(--color-primary);
    width:100%;
    height:100%;
    border: 0.5px dashed #707070;
    border-radius: var(--radius-primary);
}
#addresses #content .addresses-container .add-address a:hover{
    color:var(--color-hover) !important;
    border-color:var(--color-hover);
}
#addresses #content .addresses-container .add-address a svg path,
#addresses #content .addresses-container .add-address a{
    transition:0.5s all ease;
}
#addresses #content .addresses-container .add-address a:hover svg path{
    stroke: color-mix(in srgb, var(--color-hover) 50%, white);
}

.address-footer [data-link-action="edit-address"],
.address-footer [data-link-action="delete-address"]{
    display:flex;
    flex-direction:row;
    gap:5px;
    align-items:center;
}
.address-footer [data-link-action="edit-address"] span,
.address-footer [data-link-action="delete-address"] span{
    color:#39809A;
    transition:0.5s all ease;
}
.address-footer [data-link-action="edit-address"] svg path,
.address-footer [data-link-action="delete-address"] svg path{
    transition:0.5s all ease;
}
.address-footer [data-link-action="edit-address"]:hover span,
.address-footer [data-link-action="delete-address"]:hover span{
    color:var(--color-hover);
}
.address-footer [data-link-action="edit-address"]:hover svg path,
.address-footer [data-link-action="delete-address"]:hover svg path{
    fill:var(--color-hover);
}
/*end addresses page*/


/*address page*/
#address .c-btn-myac{
    margin-top:30px;
}

/*endaddress page*/

/*History page*/

/*end history page*/

/*ORDER DETAIL*/
#order-detail{
    font:500 18px/20px Outfit;
}
#order-detail .box{
    padding:40px 90px;
    border-radius:var(--radius-primary);
    margin-bottom:60px;
    background:#fff;
    box-shadow: 0px 3px 6px #00000029;
    padding: 78px 30px;
    background: #fff;
}
#order-detail .box.order-detail-1{
    padding:0px 0 0px 90px;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:15px;
    min-height:116px;
}
#order-detail .box.order-detail-1 .c-wrapper{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    font:500 16px/20px Outfit;
}
#order-detail .box.order-detail-1 .reorder-btn{
    flex-direction:column;
}
#order-detail .box.order-detail-1 .reorder-btn{
    height:100%;
    max-height:100%;
    border-radius:0px var(--radius-primary) var(--radius-primary) 0px;
}
#order-detail .box.order-detail-1 .c-wrapper .icon-container{
    position:relative;
    height:28.755px;
}
#order-detail .box.order-detail-1 .c-wrapper .icon-container svg:has(#Icon_material-label){
    position:absolute;
    left:0;
    top:6px;
}
#order-detail h3{
    font:500 18px/24px Outfit;
}
#order-detail .box.order-detail-2 li{
    font:400 16px/20px Outfit;
}
#order-detail .c-addresses{
    display:flex;
    flex-direction:row;
    gap:60px;
}
.delivery-address-container,
.invoice-address-container {
    width:100%;
}
#order-detail .c-addresses .box{
    padding:0;
    display:flex;
    flex-direction:row;
    
}
#order-detail .c-addresses .box .icon-container{
    padding:60px 30px;
    background:#FAFAFA;
}
#order-detail .c-addresses .box article{
    padding:60px;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:15px;
    justify-content:start;
    font:400 16px/22px Outfit;
}
#order-detail .c-addresses .box article h4{
    font:600 18px/24px Outfit;
}
#order-detail .c-addresses .box article .invoice-address-alias,
#order-detail .c-addresses .box article .delivery-address-alias{
    font:600 16px/22px Outfit;
}

#order-detail #order-items .c-oc-header {
  display: grid;
  grid-template-columns: 100px 1fr 120px 120px 150px;
  padding: 0.5rem 0 0.75rem;
  text-transform: uppercase;
  font-weight: 700;
}
#order-detail #order-items .c-oc-header h3{
    font:500 18px/24px Outfit;
}

#order-detail .c-oc-header-title:first-child {
  grid-column: 1 / 3;
}

#order-detail .c-oc-header-title:nth-child(2) {
  visibility: hidden;
}

#order-detail .c-oc-header-title--center { text-align: center; }
#order-detail .c-oc-header-title--right  { text-align: right; }

@media (max-width: 767px) {
  #order-detail .c-oc-header-title--desktop { display: none; }
}

#order-detail .c-oc-table {
  width: 100%;
}
#order-detail .c-oc-line {
  display: grid;
  grid-template-columns: 100px 1fr 120px 120px 150px;
  align-items: start;
  padding: 1rem 0;
}

@media (max-width: 767px) {
  #order-detail .c-oc-line {
    grid-template-columns: 100px 1fr;
  }
}

#order-detail .c-oc-image {
  width: 100px;
  padding-right: 15px;
}

#order-detail .c-oc-image picture,
#order-detail .c-oc-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

#order-detail .c-oc-details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 1rem;
  height:100%;
}

@media (max-width: 767px) {
  #order-detail .c-oc-details {
    grid-column: 2 / 3;
  }
}

#order-detail .c-oc-product-name {
  font-weight: 600;
  color: #000;
}

#order-detail .c-oc-product-ref,
#order-detail .c-oc-virtual-notice {
  color: #777;
  font-size: 0.8rem;
}



#order-detail .c-oc-price-row {
  display: none;
  gap: 1rem;
}

@media (max-width: 767px) {
  #order-detail .c-oc-price-row {
    display: flex;
    flex-wrap: wrap;
  }
  .c-oc-details{
      justify-content:space-between;
  }
}

#order-detail .c-oc-unit-price,
#order-detail .c-oc-qty,
#order-detail .c-oc-total {
  text-align: center;
  padding-top: 0.125rem;
}

#order-detail .c-oc-total {
  text-align: right;
}

@media (max-width: 767px) {
  #order-detail .c-oc-unit-price,
  #order-detail .c-oc-qty,
  #order-detail .c-oc-total {
    display: none;
  }
  #order-detail .c-oc-price-row .c-oc-unit-price,
  #order-detail .c-oc-price-row .c-oc-qty,
  #order-detail .c-oc-price-row .c-oc-total{
      display:block;
  }
}

#order-detail .c-oc-hr {
  margin: 0.5rem 0;
  border: none;
  border-top: 1px solid #707070;
}

#order-detail .c-oc-totals-table {
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

#order-detail .c-oc-totals-table td {
  padding: 15px;
}

#order-detail .c-oc-totals-table td:first-child {
  text-align: left;
}

#order-detail .c-oc-totals-table td:last-child {
  text-align: right;
}
#order-detail .c-oc-total-row td {
  font-weight: 700;
  font-size: 1rem;
  background: #f5f5f5;
  border-top: 0.5px solid #707070;
  border-bottom: 0.5px solid #707070;
  border-radius:var(--radius-primary);
  padding: 15px;
}
#order-detail .c-oc-total-row td:first-child{
    border-left: 0.5px solid #707070;
}
#order-detail .c-oc-total-row td:last-child{
    border-right: 0.5px solid #707070;
}
#order-detail .c-oc-tax-row td {
  color: #777;
  font-size: 0.8rem;
}

#order-detail .c-oc-customization-line {
  display: flex;
  gap: 1rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #dee2e6;
}

#order-detail .c-oc-customization-line:last-child {
  border-bottom: none;
}

#order-detail .c-oc-customization-label {
  flex: 0 0 30%;
  font-weight: 600;
}

#order-detail .c-oc-customization-value {
  flex: 1;
}

#order-detail .c-oc-customization-value img {
  max-width: 100px;
}

#order-detail #order-return-form .c-oc-header {
  grid-template-columns: 40px 100px 1fr 120px 100px 100px 120px;
  padding-right:15px;
}

#order-detail #order-return-form .c-oc-header-title:first-child {
  grid-column: auto;
}

#order-detail #order-return-form .c-oc-header-title:nth-child(2) {
  grid-column: 2 / 4;
  visibility: visible;
}

#order-detail #order-return-form .c-oc-header-title:nth-child(3) {
  visibility: hidden;
}
#order-items{
    border:none;
}
#order-detail #order-return-form #order-items h3{
    font-size:16px;
}
#order-detail #order-return-form .c-oc-line {
  grid-template-columns: 40px 100px 1fr 120px 100px 100px 120px;
  padding-right:15px;
}
#order-detail #order-return-form .c-oc-line .c-qty-select{
    display:flex;
    justify-content:center;
}

@media (max-width: 767px) {
  #order-detail #order-return-form .c-oc-line {
    grid-template-columns: 40px 100px 1fr;
  }
    #order-detail #order-return-form .c-oc-line .c-oc-details{
        grid-column: 3/4;
    }
    #order-detail #order-return-form .c-oc-line .c-oc-price-row{
        grid-column:2/4;
        display:flex;
        flex-direction:column;
        align-items:start;
        margin-top:10px;
        
    }
    #order-detail #order-return-form .c-oc-line .c-oc-price-row .c-qty-select{
        display:flex;
        flex-direction:row;
        gap:5px;
        align-items:center;
    }
}

#order-detail .c-oc-checkbox {
  display: flex;
  align-items: flex-start;
  padding-top: 0.2rem;
}

#order-detail .c-oc-checkbox input[type="checkbox"] {
  margin: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#order-detail .c-oc-qty select.form-control-select {
  font-size: 0.8rem;
  padding: 0.2rem 0.4rem;
  width: 70px;
  border-radius:var(--radius-primary);
}
#order-detail .return-form{
    margin-top:30px;
}
#order-detail .return-form h3{
    font-size:18px;
}
#order-detail .return-form .form-fields{
    margin-top:20px;
}
#order-detail .return-form textarea{
    border-radius:var(--radius-primary);
    font-weight:400;
}
#order-detail .return-form .form-footer{
    margin-top:40px;
    text-align:right;
}
#order-detail .return-form .form-footer button{
    border-radius:var(--radius-primary);
    background:var(--color-hover);
    transition:0.5s all ease;
}
#order-detail .return-form .form-footer button:hover{
    background:color-mix(in srgb, var(--color-hover) 70%, transparent);
}

#order-detail .order-message-form .form-fields{
    margin-top:30px;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#order-detail .order-message-form .form-fields label{
    padding-left:0;
}
#order-detail .order-message-form .form-fields .col-md-11{
    padding-right:0;
}
#order-detail .order-message-form select,
#order-detail .order-message-form textarea{
    border-radius:var(--radius-primary);
}
#order-detail .order-message-form .form-footer{
    margin-top:40px;
    text-align:right;
}
#order-detail .order-message-form  .form-footer button{
    border-radius:var(--radius-primary);
    background:var(--color-hover);
    transition:0.5s all ease;
}
#order-detail .order-message-form  .form-footer button:hover{
    background:color-mix(in srgb, var(--color-hover) 70%, transparent);
}
.c-mobile-selector-qty{
    min-width:60px;
}
/*END ORDER DETAIL*/
/*ORDER FOLLOW*/
#order-follow #content {
    border-radius: var(--radius-primary);
    padding: 78px 30px;
    box-shadow: 0px 3px 6px #00000029;
    background:#fff;
    font:var(--fuente-texto-p);
}
#order-follow h6{
    font:var(--fuente-texto-p);
    color:var(--color-primary);
}
#order-follow #content a{
    color:var(--color-primary);
    transition:0.5s all ease;
}
#order-follow #content  a:hover{
    color:var(--color-hover);
}
#order-follow  .thead-default th{
    color:var(--color-primary);
    background-color: #FAFAFA !important;
    font-weight:400;
}
#order-follow  tbody tr{
    color:var(--color-primary);
    background-color: #F4F0F0 !important;
    font-weight:300;
}
#order-follow tbody tr a{
    font-weight:400;
}
/*END ORDER FOLLOW*/

/*ORDER RETURN*/
#order-return .card-block{
    border-radius: var(--radius-primary);
    padding: 78px 30px;
    font: var(--fuente-texto-p);
    box-shadow: 0px 3px 6px #00000029;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:14px;
}
#order-return .thead-default th{
    color:var(--color-primary);
    background-color: #FAFAFA !important;
    font-weight:400;
}
#order-return tbody tr{
    color:var(--color-primary);
    background-color: #F4F0F0 !important;
    font-weight:300;
}

/*END ORDER RETURN*/

/*WISHLIST*/
#module-blockwishlist-lists .wishlist-container-header h1{
    font:var(--fuente-titulos-myacc);
    
}
#module-blockwishlist-lists .wishlist-container-header .wishlist-add-to-new{
    color:var(--color-hover)!important;
}
#module-blockwishlist-lists .wishlist-container-header{
    margin-bottom:35px;
}
#module-blockwishlist-lists .wishlist-list{
    display:flex;
    flex-direction:column;
    gap:20px;
}
#module-blockwishlist-lists .wishlist-list li.wishlist-list-item{
    box-shadow: 0px 3px 6px #00000029;
    border-bottom:0;
}
#module-blockwishlist-lists .wishlist-footer-links,
#view .wishlist-footer-links{
    margin-top:40px;
    display:flex;
    flex-direction:row;
}
#module-blockwishlist-lists .wishlist-list-item-link{
    font:400 21px/30px Outfit;
    color:#000 !important;
}
    .wishlist-container .page-content.card{
        background:none !important;
        box-shadow:unset !important;
    }
#module-blockwishlist-lists .wishlist-list-item-link:hover p{
    color:var(--color-hover) !important;
}
#module-blockwishlist-lists .wishlist-list-item-link span{
    color:#000 !important;
}
#module-blockwishlist-lists .wishlist-list-item-right button i{
    color:#70706F !important;
}
#module-blockwishlist-lists .wishlist-list-item-right button:hover{
    opacity:1;
}
#module-blockwishlist-lists .wishlist-list-item-right button:hover i{
    color:var(--color-hover) !important;
}
#module-blockwishlist-lists .wishlist-footer-links a,
#view .wishlist-footer-links a{
    font:var(--fuente-texto-p);
    color:var(--color-hover) !important;
    font-size: .875rem;
    transition:0.5s all ease;
    display:flex;
    flex-direction:row;
    align-items:center;
}
#module-blockwishlist-lists .wishlist-footer-links a:hover,
#view .wishlist-footer-links a:hover{
    color:color-mix(in srgb, var(--color-hover) 80%, transparent) !important;
}
#module-blockwishlist-lists .wishlist-create .modal-header .modal-title,
#module-blockwishlist-lists .wishlist-share .modal-header .modal-title,
#module-blockwishlist-lists .wishlist-rename .modal-header .modal-title,
#module-blockwishlist-lists .wishlist-delete .modal-header .modal-title,
.wishlist-add-to .modal-header .modal-title{
    font:var(--fuente-titulos-myacc);
}
#module-blockwishlist-lists .wishlist-create .modal-content,
#module-blockwishlist-lists .wishlist-share .modal-content,
#module-blockwishlist-lists .wishlist-rename .modal-content,
#module-blockwishlist-lists .wishlist-delete .modal-content,
.wishlist-add-to .modal-content
{
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--color-hover);
    border-radius: var(--radius-primary);
    outline: 0;
}
#module-blockwishlist-lists .wishlist-create .modal-body label,
#module-blockwishlist-lists .wishlist-share .modal-body label,
#module-blockwishlist-lists .wishlist-rename .modal-body label,
.wishlist-add-to .modal-body p,
.wishlist-add-to .modal-footer .wishlist-add-to-new{
    font:var(--fuente-texto-p);
}
.wishlist-add-to .modal-footer .wishlist-add-to-new,
.wishlist-add-to .modal-footer .wishlist-add-to-new i{
    color:var(--color-hover) !important;
}
.wishlist-add-to .modal-body .wishlist-list-item:hover{
    background:color-mix(in srgb, var(--color-hover) 10%, transparent) !important;
}
#module-blockwishlist-lists .wishlist-create .modal-body input,
#module-blockwishlist-lists .wishlist-share .modal-body input,
#module-blockwishlist-lists .wishlist-rename .modal-body input,
#module-blockwishlist-lists .wishlist-rename .modal-body input{
    border:1px solid #707070;
    border-radius:var(--radius-primary);
    font:var(--fuente-texto-p);
}
#module-blockwishlist-lists .wishlist-create .modal-footer button,
#module-blockwishlist-lists .wishlist-share .modal-footer button,
#module-blockwishlist-lists .wishlist-rename .modal-footer button,
#module-blockwishlist-lists .wishlist-delete .modal-footer button,
#module-blockwishlist-lists .wishlist-delete .modal-footer button{
    border-radius:var(--radius-primary);
    transition:0.5s all ease;
}
#module-blockwishlist-lists .wishlist-create .modal-footer button:hover,
#module-blockwishlist-lists .wishlist-share .modal-footer button:hover,
#module-blockwishlist-lists .wishlist-rename .modal-footer button:hover,
#module-blockwishlist-lists .wishlist-delete .modal-footer button:hover,
#module-blockwishlist-lists .wishlist-delete .modal-footer button:hover{
    opacity:0.8 !important;

}
#module-blockwishlist-lists .wishlist-create .modal-footer button.btn-primary,
#module-blockwishlist-lists .wishlist-share .modal-footer button.btn-primary,
#module-blockwishlist-lists .wishlist-rename .modal-footer button.btn-primary,
#module-blockwishlist-lists .wishlist-delete .modal-footer button.btn-primary,
#module-blockwishlist-lists .wishlist-delete .modal-footer button.btn-primary{
    background:var(--color-hover);
}
#view #wrapper{
    flex-direction:column;
    align-items: center;
}
#view .wishlist-products-container-header h1{
    font:var(--fuente-titulos-myacc);
}
#view .wishlist-products-container .sort-by-row{
    display:flex;
    flex-direction:row;
    gap:15px;
    width:fit-content;
    justify-content:end;
    font:var(--fuente-texto-p);
}
#view .wishlist-products-container .sort-by-row button{
    display:flex;
    flex-direction:row;
    align-items:center;
}
#view .wishlist-products-container .sort-by-row span,
#view .wishlist-products-container .sort-by-row .products-sort-order{
    width:fit-content!important;
}

#view .wishlist-products-container .sort-by-row .select-list:hover{
    background:var(--color-hover);
    color:white;
}
#view .wishlist-products-container .sort-by-row .dropdown-menu{
    right:0;
}
#view .wishlist-products-container .wishlist-products-list{
    margin:0;
    padding:20px;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px, 1fr));
}
#view .wishlist-products-container .wishlist-products-list .wishlist-product,
#view .wishlist-products-container .wishlist-products-list .wishlist-product .wishlist-product-image,
#view .wishlist-products-container .wishlist-products-list .wishlist-product .wishlist-product-image img{
    width:100%;
    max-width:unset !important;
}
#view .wishlist-products-container .wishlist-products-list .wishlist-product .wishlist-product-image img{
    object-fit:cover;
}
#view .wishlist-product p{
    font:var(--fuente-texto-p);
    color:#000;
}
#view .wishlist-product .wishlist-product-right{
    display:flex;
    flex-direction:column;
    gap:12px;
}
#view .wishlist-product-addtocart{
    padding:10px 27px;
    font:var(--fuente-texto-p);
    color:white;
    background:var(--color-hover);
    transition:0.5s all ease;
    border-radius:var(--radius-primary);
}
#view .wishlist-product-addtocart:hover{
    opacity:0.8;
}
#view .wishlist-products-item .wishlist-product-combinations a{
    transition:0.5s all ease;
}
#view .wishlist-products-item .wishlist-product-combinations a:hover{
    color:var(--color-hover);
}
#view #content{
    box-shadow: 0px 3px 6px #00000029;
    border-radius:var(--radius-primary);
    background:#fff;
}
@media(max-width:992px){
    #module-blockwishlist-lists .wishlist-container-header{
        flex-direction:column;
        align-items:start;
        gap:20px;
    }
}
@media(max-width:768px){
    #view .wishlist-products-container .wishlist-products-item{
        margin-bottom:0;
    }
    #view .wishlist-product{
        gap:20px;
    }
    #view .wishlist-product-link{
        flex-direction:column;
        gap:15px;
    }
    #view .wishlist-products-container .wishlist-products-list .wishlist-product .wishlist-product-image{
        min-height:200px;
    }
    #view .wishlist-products-list{
        gap:30px;
    }
}
/*END WISHLIST*/

/*PSGDPR*/
#module-psgdpr-gdpr #content{
    padding:0;
    background:none;
}
#module-psgdpr-gdpr #content .container{
    padding:0;
}
#module-psgdpr-gdpr .psgdprinfo17{
    border-radius:12px;
    box-shadow: 0px 3px 6px #00000029;
    padding:78px 156px;
    background:#fff;
}
#module-psgdpr-gdpr h2{
    font: 500 21px/24px Outfit !important;
    color:var(--color-primary);
    margin-bottom:14px;
}
#module-psgdpr-gdpr p{
    font:var(--fuente-texto-p);
    font-weight:400;
    color:var(--color-primary);
}
#module-psgdpr-gdpr #exportDataToCsv,
#module-psgdpr-gdpr #exportDataToPdf{
    margin-top:40px;
    border-radius:var(--radius-primary);
    background:var(--color-hover);
    font:var(--fuente-botones);
    transition:0.5s all ease;
}
#module-psgdpr-gdpr #exportDataToPdf{

}
#module-psgdpr-gdpr #exportDataToCsv:hover,
#module-psgdpr-gdpr #exportDataToPdf:hover{
    background: color-mix(in srgb, var(--color-hover) 70%, transparent);
}
#module-psgdpr-gdpr p a{
    color:var(--color-hover);
    transition:0.5s all ease;
}
#module-psgdpr-gdpr p a:hover{
    color: color-mix(in srgb, var(--color-hover) 70%, transparent);
}
/*END PSGDPR*/

/*PSEMAILALERTS*/
#module-ps_emailalerts-account #content{
    box-shadow: 0px 3px 6px #00000029;
    border-radius:var(--radius-primary);
    background:#fff;
    padding: 50px 90px;
}
/*END PSEMAILALERTS*/

@media(max-width:992px){
    #my-account .container,
    #identity .container,
    #addresses .container,
    #address .container,
    #history .container,
    #order-slip .container,
    #discount .container,
    #module-psgdpr-gdpr .container,
    #checkout .container,
    #order-detail .container,
    #order-follow .container,
    #order-return .container{
        padding:var(--padding-container-mob);
    }
    .page-identity #content,
    #addresses #content,
    #address #content,
    #history #content,
    #order-slip #content,
    #discount #content,
    #module-psgdpr-gdpr .psgdprinfo17,
    #module-ps_emailalerts-account #content{
        padding:30px; 
    }
    #module-psgdpr-gdpr #exportDataToCsv,
    #module-psgdpr-gdpr #exportDataToPdf{
        margin:10px;
        font:500 16px/20px Outfit;
        padding:10px
    }
    .page-my-account #content .links{
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 30px;
    }
    #order-detail .box{
        padding:30px 20px;

        margin-bottom:30px;
    }
    #order-detail .box.order-detail-1{
        padding:0px 0 0px 20px ;
    }
	#order-detail .c-addresses{
	    gap:30px;
        flex-direction:column;
	}
    #order-detail .c-addresses .box .icon-container{
        padding:30px 20px;
        min-width:100px;
        display:flex;
        justify-content:center;
    }
    #order-detail .c-addresses .box article{
        padding:30px 40px;
    }
}

@media(max-width:375px){
    #addresses #content{
        padding:20px;
    }
    #addresses #content .addresses-container {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
}

/*TABLAS*/

.orders-container{
    display:flex;
    flex-direction:column;
    gap:40px;
}
.order-history-table-wrapper,
.order-slip-table-wrapper,
.discount-table-wrapper{
  display: flex;
  align-items: stretch;
  border-radius: var(--radius-primary);
  overflow: auto;
  background-color: #fff; 
}

.order-history-table,
.order-slip-table,
.discount-table{
  flex: 1;
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 1px !important;
  margin: 0 !important;
}

.order-history-table thead tr th,
.order-slip-table thead tr th,
.discount-table thead tr th {
  background-color: #FAFAFA !important;
  font:var(--fuente-texto-p);
  font-weight:400;
  color: var(--color-primary);
  padding: 14px 16px;
  border: none !important;
  white-space: nowrap;
}

.order-history-table tbody tr td,
.order-slip-table tbody tr td,
.discount-table tbody tr td {
  background-color: #F4F0F0 !important;
  padding: 14px 14px;
  border: none !important;
  vertical-align: middle;
  font:300 14px/17px Helvetica Neue;
  color: var(--color-primary);
}
.order-history-table tbody tr td.history-order-reference a,
.order-slip-table tbody tr td.order-slip-reference a,
.discount-table tbody tr td.discount-code{
  font:400 14px/17px Helvetica Neue;
  color: var(--color-primary);
    transition:0.5s all ease;
}
.order-history-table tbody tr td.history-order-reference a:hover,
.order-slip-table tbody tr td.order-slip-reference a:hover{
    color:var(--color-hover);
}
.history-order-status{
    width: fit-content;
    min-width:160px;
    max-width: 160px;
}
.order-status-badge {
  display: block;
  padding: 6px 10px;
  border-radius: 4px;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  width:100%;
  font-weight: 400;
  color:White;
}

.order-action-block {
  display: flex;
  align-items: stretch;
  margin-left: 1px;
}

.reorder-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-hover);
  color: #333 !important;
  text-decoration: none !important;
  padding: 16px 20px;
  text-align: center;
  gap: 6px;
  min-width: 100px;
  transition: background-color 0.2s ease;
  font:500 14px/16px Outfit;
  transition:0.5s all ease;
}

.reorder-btn:hover {
  background-color: color-mix(in srgb, var(--color-hover) 70%, transparent);
  color: #333 !important;
}

.td-invoice{
    text-align:center;
}
.td-invoice i{
    color:var(--color-hover);
}

@media (max-width: 992px) {

  .order-history-table-wrapper,
  .order-slip-table-wrapper{
    flex-direction: column;
  }
  .order-history-table thead,
  .order-slip-table thead{
    display: none !important;
  }
  .order-history-table,
  .order-history-table tbody,
  .order-history-table tr,
  .order-slip-table,
  .order-slip-table tbody,
  .order-slip-table tr{
    display: block !important;
    width: 100%;
  }
  .order-history-table tbody tr,
  .order-slip-table tbody tr{
    display: flex !important;
    flex-direction: column;
    padding: 16px;
    gap: 6px;
    background-color: #F4F0F0;
  }
  .order-history-table tbody tr td,
  .order-slip-table tbody tr td {
    display: block;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 0.875rem;
    text-align: center;
  }
  .order-slip-table tbody tr:nth-child(n+2){
      margin-top:20px;
  }
  .history-order-status{
      display:flex !important;
      flex-direction:column;
      align-items:center;
      width:100%;
      max-width:100%;
  }
  .order-status-badge{
      max-width:160px;
  }
  .order-action-block {
    margin-left: 0;
    margin-top: 1px;
  }

  .reorder-btn {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    padding: 14px 16px;
    gap: 8px;
    min-width: unset;
  }
}
/*END TABLAS*/

/*END MI CUENTA*/