/* @import de global-vars.css eliminado: ya se carga globalmente (theme.yml,
   prioridad 100) antes que este archivo; el import era redundante y rompía CCC. */

/*SECCION MICUENTA*/
/*generales*/
.input-group.focus {
    outline: none !important;
}
ul,ol {
  list-style: none;
}
.customer-page textarea:focus-visible,.customer-page textarea:focus,
.customer-page select:focus-visible,.customer-page select:focus,
.customer-page input:focus-visible,.customer-page input:focus,
.customer-page button:focus-visible,.customer-page button:focus{
    outline: 0px !important;
    box-shadow: 0px 0px 2px var(--des-color-primary)!important;
    border-color:var(--des-color-primary)!important;
}
.customer-page .page-header{
    margin:20px 0 40px!important;
}
.customer-page .page-header h1{
    font:var(--des-font-heading)!important;
}
.customer-page{
	padding-bottom: 100px;
}

#module-paytpv-account,
#module-loyaltyeditpoints-points,
#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(--des-bg-page);
}

.page-identity #content,
#addresses #content,
#address #content,
#order-slip #content{
    border-radius:var(--des-radius);
    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(--des-font-body);
    color:var(--des-color-primary);
}
.c-btn-myac{
    border-radius:var(--des-radius) !important;
    background:var(--des-color-primary);
    transition:0.5s all ease;
    font:var(--des-font-btn)!important;
    padding: 10px 30px!important;
}
.page-identity button:hover,
#address button:hover{
    background:var(--des-color-primary);
    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(--des-font-body);
    color:var(--des-color-hover);
    margin-bottom: 20px;
}
/*end generales*/
/*myacc page*/
#my-account #wrapper{
	padding-bottom: 100px;
}
.page-my-account #content .links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    gap: 30px;
}
.page-my-account #content .links a{
    padding:0;
    margin:0;
}
.page-my-account #content .links .top-link{
    height:17px;
    background:var(--des-color-hover);
    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: 90px;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:20px;
    background:var(--des-bg-link);
    box-shadow: 0px 3px 6px #00000029;
    padding-right:40px;
    justify-content:space-between;
    border-radius:0px 0px 15px 15px;
}
.page-my-account #content .links .content-link .text-link{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    font:var(--des-font-body);
    text-transform:uppercase;
    color:var(--des-color-hover);
    text-align: left;
}
.page-my-account #content .links .content-link > svg path{
    fill:var(--des-color-hover);
    transition:fill 0.5s ease;
}
.page-my-account #content .links .content-link .text-link svg{
    opacity:0;
    transition:opacity 0.5s ease;

    flex-shrink: 0;
}

.page-my-account #content .links .mya-link:hover .link-item .top-link{
    background:var(--des-color-primary);
}
.page-my-account #content .links .mya-link:hover .content-link{
	background: #e7f4ff;
}
.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(--des-color-primary);
}
.page-my-account #content .links .mya-link:hover .content-link .c-icon-container svg path{
    fill:#f1fff1;
}
.page-my-account #content .links .content-link > svg{
    flex-shrink:0;
    flex-grow:0;
}
.page-my-account #content .links .content-link .c-icon-container{
	width: 64px !important;
	height: 64px !important;
	display:flex;
	justify-content:center;
	align-items:center;
	background: #dbecfa;
	border-radius:50%;
	transition:0.5s all ease;
	flex-grow: 0;
	flex-shrink: 0;
} 
.page-my-account #content .links .content-link .c-icon-container svg{
	    width: 30px !important;
    height:30px !important;
}
.page-my-account #content .links .mya-link:hover .content-link .c-icon-container{
	background:var(--des-color-primary);
}
.page-my-account #content .links .content-link .c-icon-container svg path{
	fill:var(--des-color-hover);
	transition:0.5s all ease;
}

/*end myacc page*/
/*identity page*/
.customer-page .custom-checkbox input[type="checkbox"] + span {
  flex-shrink: 0 !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: var(--des-radius) !important;
  border: 0.5px solid #707070 !important;
  background: white !important;
  position:relative;
  box-shadow: 0px 3px 6px #00000029;
}
.customer-page .custom-checkbox input[type="checkbox"] + span i{
    font-size:0px !important;
}

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

.customer-page .custom-checkbox label{
    font:var(--des-font-body)!important;
    font-weight:200 !important;
}
.customer-page .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,
#address #content .address-form .form-group.row{
	margin-top:15px;
}
.page-identity #content #customer-form .form-group.row label,
#address #content .address-form .form-group.row label{
    font:var(--des-font-body);
    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(--des-radius);
}
.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(--des-color-primary);
    border-radius: calc(var(--des-radius) - 10px) ;
}
.page-identity #content #customer-form .form-group.row input.form-control,
#address #content .address-form .form-group.row .form-control{
    border-radius:var(--des-radius);
    border:0.5px solid #707070;
    font:var(--des-font-body);
    font-weight:400;
    position:relative;
}
.page-identity #content #customer-form .form-group.row .form-control-comment,
#address #content .address-form .form-group.row .form-control-comment{
    font:var(--des-font-body);
    font-weight:200;
    color:var(--des-color-hover);
    padding:0;
    width:100%;
    position:relative;
}
.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(--des-radius);
    border-bottom-right-radius: var(--des-radius);
    transition:0.5s all ease;
}
.form-group.has-error input, .form-group.has-error select {
    outline: none !important;
    box-shadow: 0px 0px 6px var(--des-color-primary)!important;
    border-color:var(--des-color-primary)!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(--des-radius);
    font:var(--des-font-body);
    font-weight:400;
	padding:5px 15px;
}
#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(--des-radius);
    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(--des-color-primary) 20%, transparent);
    padding:7px 15px;
    border-bottom: 0.5px solid #707070;
    border-radius: var(--des-radius);
    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(--des-font-small);
    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(--des-font-small);
    color:var(--des-color-hover);
    width:100%;
    height:100%;
    border: 0.5px dashed #707070;
    border-radius: var(--des-radius);
}
#addresses #content .addresses-container .add-address a:hover{
    color:var(--des-color-primary) !important;
    border-color:var(--des-color-primary);
}
#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(--des-color-primary) 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(--des-color-primary);
}
.address-footer [data-link-action="edit-address"]:hover svg path,
.address-footer [data-link-action="delete-address"]:hover svg path{
    fill:var(--des-color-primary);
}
/*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 Poppins;
}
#order-detail .box{
    padding:40px 90px;
    border-radius:var(--des-radius);
    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 Poppins;
}
#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(--des-radius) var(--des-radius) 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 Poppins;
}
#order-detail .box.order-detail-2 li{
    font:400 16px/20px Poppins;
}
#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 Poppins;
}
#order-detail .c-addresses .box article h4{
    font:600 18px/24px Poppins;
}
#order-detail .c-addresses .box article .invoice-address-alias,
#order-detail .c-addresses .box article .delivery-address-alias{
    font:600 16px/22px Poppins;
}

#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 Poppins;
}

#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;
  padding: 15px;
  border-radius: 0px;
}
#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(--des-radius);
}
#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(--des-radius);
    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(--des-radius);
    background:var(--des-color-primary);
    transition:0.5s all ease;
}
#order-detail .return-form .form-footer button:hover{
    background:color-mix(in srgb, var(--des-color-primary) 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(--des-radius);
}
#order-detail .order-message-form .form-footer{
    margin-top:40px;
    text-align:right;
}
#order-detail .order-message-form  .form-footer button{
    border-radius:var(--des-radius);
    background:var(--des-color-primary);
    transition:0.5s all ease;
}
#order-detail .order-message-form  .form-footer button:hover{
    background:color-mix(in srgb, var(--des-color-primary) 70%, transparent);
}
.c-mobile-selector-qty{
    min-width:60px;
}
/*END ORDER DETAIL*/
/*ORDER FOLLOW*/
#order-follow #content {
    border-radius: var(--des-radius);
    padding: 78px 30px;
    box-shadow: 0px 3px 6px #00000029;
    background:#fff;
    font:var(--des-font-body);
}
#order-follow h6{
    font:var(--des-font-body);
    color:var(--des-color-hover);
}
#order-follow #content a{
    color:var(--des-color-hover);
    transition:0.5s all ease;
}
#order-follow #content  a:hover{
    color:var(--des-color-primary);
}
#order-follow  .thead-default th{
    color:var(--des-color-hover);
    background-color: #FAFAFA !important;
    font-weight:400;
}
#order-follow  tbody tr{
    color:var(--des-color-hover);
    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(--des-radius);
    padding: 78px 30px;
    font: var(--des-font-body);
    box-shadow: 0px 3px 6px #00000029;
    background:#fff;
    display:flex;
    flex-direction:column;
    gap:14px;
}
#order-return .thead-default th{
    color:var(--des-color-hover);
    background-color: #FAFAFA !important;
    font-weight:400;
}
#order-return tbody tr{
    color:var(--des-color-hover);
    background-color: #F4F0F0 !important;
    font-weight:300;
}

/*END ORDER RETURN*/

/*WISHLIST*/
#module-blockwishlist-lists .wishlist-container-header h1{
    font:var(--des-font-heading);
    
}
#module-blockwishlist-lists .wishlist-container-header .wishlist-add-to-new{
    color:var(--des-color-primary)!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 Poppins;
    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(--des-color-primary) !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(--des-color-primary) !important;
}
#module-blockwishlist-lists .wishlist-footer-links a,
#view .wishlist-footer-links a{
    font:var(--des-font-body);
    color:var(--des-color-primary) !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(--des-color-primary) 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(--des-font-heading);
}
#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(--des-color-primary);
    border-radius: var(--des-radius);
    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(--des-font-body);
}
.wishlist-add-to .modal-footer .wishlist-add-to-new,
.wishlist-add-to .modal-footer .wishlist-add-to-new i{
    color:var(--des-color-primary) !important;
}
.wishlist-add-to .modal-body .wishlist-list-item:hover{
    background:color-mix(in srgb, var(--des-color-primary) 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(--des-radius);
    font:var(--des-font-body);
}
#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(--des-radius);
    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(--des-color-primary);
}
#view #wrapper{
    flex-direction:column;
    align-items: center;
}
#view .wishlist-products-container-header h1{
    font:var(--des-font-heading);
}
#view .wishlist-products-container .sort-by-row{
    display:flex;
    flex-direction:row;
    gap:15px;
    width:fit-content;
    justify-content:end;
    font:var(--des-font-body);
}
#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(--des-color-primary);
    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(--des-font-body);
    color:#000;
}
#view .wishlist-product .wishlist-product-right{
    display:flex;
    flex-direction:column;
    gap:12px;
}
#view .wishlist-product-addtocart{
    padding:10px 27px;
    font:var(--des-font-body);
    color:white;
    background:var(--des-color-primary);
    transition:0.5s all ease;
    border-radius:var(--des-radius);
}
#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(--des-color-primary);
}
#view #content{
    box-shadow: 0px 3px 6px #00000029;
    border-radius:var(--des-radius);
    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 Poppins !important;
    color:var(--des-color-hover);
    margin-bottom:14px;
}
#module-psgdpr-gdpr p{
    font:var(--des-font-body);
    font-weight:400;
    color:var(--des-color-hover);
}
#module-psgdpr-gdpr #exportDataToCsv,
#module-psgdpr-gdpr #exportDataToPdf{
    margin-top:40px;
    border-radius:var(--des-radius);
    background:var(--des-color-primary);
    font:var(--des-font-btn);
    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(--des-color-primary) 70%, transparent);
}
#module-psgdpr-gdpr p a{
    color:var(--des-color-primary);
    transition:0.5s all ease;
}
#module-psgdpr-gdpr p a:hover{
    color: color-mix(in srgb, var(--des-color-primary) 70%, transparent);
}
/*END PSGDPR*/

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

@media(max-width:992px){
    .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 Poppins;
        padding:10px
    }
    .page-my-account #content .links{
        grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
        gap: 25px;
    }
    #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(--des-radius);
  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(--des-font-body);
  font-weight:400;
  color: var(--des-color-hover);
  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 Poppins;
  color: var(--des-color-hover);
}
.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 Poppins;
  color: var(--des-color-hover);
    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(--des-color-primary);
}
.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(--des-color-primary);
  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 Poppins;
  transition:0.5s all ease;
}

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

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

@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*/

@media(max-width:768px){
	.page-my-account #content .links .content-link .text-link{
		font-size: 14px;
	}
	.page-my-account #content .links{
		grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
	}
}

@media(max-width:576px){

	.page-my-account #content .links .content-link {
	    padding-right: 27px;
	}
}

#module-loyaltyeditpoints-points #content{
	padding: 0;
}
#module-loyaltyeditpoints-points #content  a{
	color: var(--des-color-hover);
	transition: 0.3s color ease;
}
#module-loyaltyeditpoints-points #content  a:hover{
	color: var(--des-color-primary);
}

/*END MI CUENTA*/

/*END MI CUENTA*/

/* ============================================================
   ESTILOS BASE DE PÁGINAS DE CLIENTE (.customer-page)
   Reponen lo que aportaba Bootstrap/classic (perdido al construir
   el tema desde 0): formularios, tablas, botones, alertas, cards
   y direcciones de identity / addresses / history / order-detail…
   ============================================================ */

.customer-page { font: var(--des-font-body); color: #333; }

.customer-page h1,
.customer-page .page-header h1,
.customer-page h2,
.customer-page h3 {
  font: var(--des-font-heading);
  color: var(--des-color-hover);
  margin: 0 0 20px;
}

/* ---- Formularios ---- */
.customer-page .form-group { margin-bottom: 18px; }
.customer-page .form-control-label,
.customer-page .form-group label {
  display: inline-block;
  margin-bottom: 6px;
  font: var(--des-font-small);
  color: #333;
}
.customer-page .form-control,
.customer-page input[type="text"],
.customer-page input[type="email"],
.customer-page input[type="password"],
.customer-page input[type="tel"],
.customer-page input[type="number"],
.customer-page input[type="date"],
.customer-page select,
.customer-page textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px 14px;
  font: var(--des-font-body);
  color: #333;
  background: #fff;
  border: 1px solid var(--des-color-secondary);
  border-radius: var(--des-radius);
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.customer-page .form-control:focus,
.customer-page input:focus,
.customer-page select:focus,
.customer-page textarea:focus {
  border-color: var(--des-color-primary);
  box-shadow: 0 0 0 2px rgba(0, 152, 82, .2);
}
.customer-page textarea { min-height: 110px; resize: vertical; }
.customer-page .form-control-comment { font: var(--des-font-small); color: #888; margin-top: 4px; }
.customer-page .checkbox,
.customer-page .radio { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px; }
.customer-page .checkbox label,
.customer-page .radio label { margin: 0; font: var(--des-font-small); }

/* ---- Botones ---- */
.customer-page .btn,
.customer-page .form-control-submit button,
.customer-page button[type="submit"],
.customer-page .account-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  font: var(--des-font-btn);
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--des-radius);
  cursor: pointer;
  transition: all .25s ease;
}
.customer-page .btn-primary,
.customer-page button[type="submit"] { background: var(--des-color-primary); color: #fff; }
.customer-page .btn-primary:hover,
.customer-page button[type="submit"]:hover { background: var(--des-color-hover); color: #fff; }
.customer-page .btn-secondary,
.customer-page .account-link {
  background: #fff;
  color: var(--des-color-primary);
  border-color: var(--des-color-primary);
}
.customer-page .btn-secondary:hover,
.customer-page .account-link:hover { background: var(--des-color-primary); color: #fff !important; }

/* ---- Tablas (con scroll horizontal en móvil) ---- */
.customer-page .table-wrapper { width: 100%; overflow-x: auto; margin-bottom: 24px; }
.customer-page .table,
.customer-page table {
  width: 100%;
  border-collapse: collapse;
  font: var(--des-font-small);
  background: #fff;
}
.customer-page .table th,
.customer-page .table td,
.customer-page table th,
.customer-page table td { padding: 12px 14px; text-align: left; vertical-align: middle; }
.customer-page .table thead th,
.customer-page table thead th { background: var(--des-color-hover); color: #fff; font-weight: 600; }
.customer-page .table-bordered th,
.customer-page .table-bordered td { border: 1px solid var(--des-color-secondary); }
.customer-page .table-striped tbody tr:nth-child(even) { background: #f6f6f6; }

/* ---- Alertas / notificaciones ---- */
.customer-page .alert {
  padding: 14px 18px;
  border-radius: var(--des-radius);
  border: 1px solid transparent;
  margin-bottom: 20px;
  font: var(--des-font-small);
}
.customer-page .alert ul { margin: 0; padding-left: 18px; }
.customer-page .alert-success { background: #e7f6ee; border-color: var(--des-color-primary); color: var(--des-color-hover); }
.customer-page .alert-info    { background: #e9f3fb; border-color: #2b7cb3; color: #1c4e72; }
.customer-page .alert-warning { background: #fff7e6; border-color: #e0a800; color: #7a5b00; }
.customer-page .alert-danger,
.customer-page .alert-error   { background: #fdeaea; border-color: #d9534f; color: #8a2a27; }

/* ---- Cards ---- */
.customer-page .card {
  background: #fff;
  border: 1px solid var(--des-color-secondary);
  border-radius: var(--des-radius);
  margin-bottom: 24px;
  overflow: hidden;
}
.customer-page .card-block,
.customer-page .card-body { padding: 20px; }
.customer-page .card-title { font: var(--des-font-heading); margin: 0 0 12px; }
.customer-page .card-text { margin: 0 0 8px; }

/* ---- Direcciones ---- */
.customer-page .address,
.customer-page .address-container {
  background: #fff;
  border: 1px solid var(--des-color-secondary);
  border-radius: var(--des-radius);
  padding: 20px;
  margin-bottom: 20px;
}
.customer-page .address{
	padding:0;
}
.customer-page .address-alias { font-weight: 600; color: var(--des-color-hover); margin-bottom: 8px; }

/* ---- Input group (campo + botón "Mostrar" contraseña) ---- */
.customer-page .input-group { display: flex; width: 100%; }
.customer-page .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.customer-page .input-group-btn { display: flex; }
.customer-page .input-group-btn .btn {
  padding: 10px 16px;
  font: var(--des-font-small);
  white-space: nowrap;
  background: var(--des-color-secondary);
  color: #333;
  border: 1px solid var(--des-color-secondary);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.customer-page .input-group-btn .btn:hover {
  background: var(--des-color-primary);
  color: #fff;
  border-color: var(--des-color-primary);
}

/* ---- Fuerza de la contraseña ---- */
.customer-page .password-strength-feedback { margin-top: 8px; }
.customer-page .progress {
  width: 100%;
  height: 6px;
  background: #eee;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 6px;
}
.customer-page .progress-bar {
  height: 100%;
  width: 0;
  background: var(--des-color-primary);
  transition: width .3s ease, background .3s ease;
}
.customer-page .password-strength-text { font: var(--des-font-small); margin-bottom: 6px; }
.customer-page .password-requirements { font: var(--des-font-small); color: #666; }
.customer-page .password-requirements p { display: flex; align-items: center; gap: 6px; margin: 2px 0; }
.customer-page .password-requirements .material-icons { font-size: 18px; color: var(--des-color-secondary); }

/* (El custom-checkbox se estiliza con las reglas .customer-page .custom-checkbox de arriba) */

/* ---- Enlaces del footer de cuenta (Volver a su cuenta / Inicio) ---- */
.page-footer .account-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 18px;
  font: var(--des-font-small);
  color: var(--des-color-primary);
  text-decoration: none;
  transition: color .25s ease;
}
.page-footer .account-link:hover { color: var(--des-color-hover); }
.page-footer .account-link .material-icons { font-size: 20px; }

/* ============================================================
   FORMULARIO DE CLIENTE — estructura propia des-* (sin Bootstrap)
   Usado por identidad, registro/login y direcciones (form-fields.tpl)
   ============================================================ */
.des-form-field { margin-bottom: 20px; }
.des-form-label {
  display: block;
  margin-bottom: 8px;
  font: var(--des-font-small);
  color: var(--des-color-hover);
}
.des-form-label.required::after { content: " *"; color: #d9534f; }
.des-form-input { position: relative; }

.des-form-control {
  width: 100%;
  max-width: 100%;
  padding: 11px 16px;
  font: var(--des-font-body);
  color: #333;
  background: #fff;
  border: 1px solid var(--des-color-secondary);
  border-radius: var(--des-radius);
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.des-form-control:focus {
  border-color: var(--des-color-primary);
  box-shadow: 0 0 0 2px rgba(0, 152, 82, .18);
}
.des-form-select { cursor: pointer; }
textarea.des-form-control { min-height: 110px; resize: vertical; }

.des-form-comment { display: block; margin-top: 5px; font: var(--des-font-small); color: #888; }
.des-form-optional { display: inline-block; margin-top: 5px; font: var(--des-font-small); color: #999; font-style: italic; }

/* Input group (campo + botón "Mostrar" contraseña) */
.des-input-group { display: flex; width: 100%; }
.des-input-group .des-form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.des-input-addon { display: flex; }
.des-show-password-btn {
  padding: 0 18px;
  font: var(--des-font-small);
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  background: var(--des-color-primary);
  border: 1px solid var(--des-color-primary);
  border-left: 0;
  border-top-right-radius: var(--des-radius);
  border-bottom-right-radius: var(--des-radius);
  transition: background .2s ease;
}
.des-show-password-btn:hover { background: var(--des-color-hover); border-color: var(--des-color-hover); }

/* Radios (tratamiento) */
.des-form-valign { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.des-radio { display: inline-flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; font: var(--des-font-body); }
.des-form-input .custom-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
}
.des-form-input .custom-radio input[type="radio"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.des-form-input .custom-radio > span {
  width: 22px;
  height: 22px;
  border: 1px solid #707070;
  border-radius: 50%;
  background: #fff;
  transition: all .2s ease;
}
.des-form-input .custom-radio input[type="radio"]:checked + span {
  border-color: var(--des-color-primary);
  box-shadow: inset 0 0 0 5px var(--des-color-primary);
}

/* Asterisco de "requerido" dentro de los checkbox (privacidad, condiciones…) */
.des-required-mark { color: #d9534f; font-weight: 700; }

/* Wrapper de cada campo */
.des-form-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}

/* Label */
.des-form-label {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 7px;
  text-align:left;
}

/* Inputs, textareas, selects */
.des-form-control {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #232323;
  border: 1px solid #c8c8c8;
  border-radius: 10px;
  padding: 11px 14px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.des-form-control:focus {
  border-color: #009852;
  box-shadow: 0 0 0 3px rgba(0,152,82,0.10);
}

/* Select con flecha */
.des-form-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
  cursor: pointer;
}

/* Password — input + botón show/hide */
.des-input-group {
  display: flex;
}

.des-input-group .des-form-control {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.des-input-addon {
  display: flex;
}

.des-show-password-btn {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #555;
  border: 1px solid #c8c8c8;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #f5f5f5;
  padding: 0 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.des-show-password-btn:hover { background: #e8e8e8; }

/* Comentario / opcional */
.des-form-comment {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  color: #999;
  margin-top: 4px;
}

.des-form-optional {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  color: #aaa;
  margin-top: 4px;
  display: block;
  text-align: right;
}

/* Birthday selects */
.des-birthday {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.des-birthday select { flex: 1; min-width: 90px; }

.des-form-field em{
  margin-top:8px;
  line-height:1.4;
}
/* Error de campo */
.des-form-field.des-has-error .des-form-control {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 3px rgba(229,57,53,0.10) !important;
}

/* Checkbox y radio */
.des-form-field .custom-checkbox label {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #444;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 8px;
}

.des-form-field .des-radio {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #444;
  margin-right: 16px;
}


.page-identity #content #customer-form .des-form-field,
#address #content .address-form .des-form-field {
  margin-top: 16px;
}

.page-identity #content #customer-form .des-form-field #field-password,
.page-identity #content #customer-form .des-form-field #field-new_password {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-identity #content #customer-form .des-form-field [data-action="show-password"] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page-footer{
	margin-top:30px;
	
}
.page-footer .account-link{
	
}

#authentication .customer-page input[type="password"]{
	border-radius: var(--des-radius) 0 0 var(--des-radius); 
}