/* Estilos Generales */

/* "WhatsApp" */
#wachat a {
    position: fixed;
    z-index: 9999;
    right: 20px !important;
    float: right;
    background: transparent !important;
    bottom: 15% !important;
}

#wachat img {
    min-width: 50px;
    min-height: 50px;
}

.checkout-index-index #wachat {
    display:none;
}

/* Pagina del Checkout */
.checkout-index-index .container {
    max-width: 1600px !important;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-email, .amcheckout-step-container .form-login .amcheckout-email {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-form-login .amcheckout-email .amcheckout-wrapper {
    width: 100% !important;
    min-width: 100% !important;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-email .field-tooltip, .amcheckout-step-container .form-login .amcheckout-email .field-tooltip {
    display: none;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-email .note, .amcheckout-step-container .form-login .amcheckout-email .note {
    margin-left: 0!important;
}

.opc-estimated-wrapper {
    display: none !important;
}

.checkout-index-index .select2-selection {
    display: flex !important;
    align-items: center;
    height: 56px !important;
    border-radius: 4px !important;
    border: 1px solid #293e90 !important;
}

.checkout-index-index input.select2-search__field {
    height: 32px !important;
}

.container.logo-checkout {
    text-align: left;
    margin-bottom: 45px;
}

.logo-checkout .logo {
    padding-top: 10px;
}

.am-checkout.-modern .checkout-header {
    padding: 0 7px;
}

.amcheckout-step-container .amcheckout-summary-container .minicart-items .product-item-details {
    padding-left: 10px;
    display: flex;
}

.checkout-index-index #go-top {
    display: none !important;
}

.step-title.customer-attributes-title {
    display: none;
}

.amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) {
    margin: 0;
}

.checkout-index-index .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container, .checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-additional-options  {
    background: #F3F3F3 !important;
}

.checkout-index-index .checkout-header {
    display: none !important;
}

.amcheckout-step-container .amcheckout-additional-options {
    border: none!important;
}

.checkout-index-index .widget-promo {
    display: none;
}

.checkout-index-index .field-error,.checkout-index-index .field-notice,.checkout-index-index div.mage-error  {
    position: relative;
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    border: none !important;
    box-shadow: none!important;
    background: transparent !important;
    margin-bottom: 0px !important;
}

.checkout-index-index .field-error:after, .checkout-index-index .field-notice:after,.checkout-index-index  div.mage-error:after {
    display:none!important;
}

.checkout-index-index .checkout-header .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: -0.48px;
    color: #000000;
    margin-bottom: 50px;
}

.amcheckout-step-container .amcheckout-title {
    background: transparent;
    padding: 0;
    color: #202121;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.48px;
}

.checkout-shipping-method .amcheckout-title {
    background: transparent;
    padding: 0;
    color: #202121;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.48px;
}

.amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
    background-color: #F3F3F3 !important;
    color: #202121 !important;
}

.dts-checkout-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
}

.dts-checkout-logo {
    display: flex;
    align-items: center;
}

.dts-checkout-logo img {
    max-width: 225px;
    margin-right: 10px;
    display: flex;
    width: 225px;
    height: 30.659px;
}

.dts-checkout-help-text {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-align: center;
}

/* Oculta el bot��n de inicio de sesi��n para simplificar el flujo de compra */
.am-checkout.-modern .authentication-wrapper {
    display: none;
}

/* Oculta el campo de pa��s */
.fieldset.address div[name$=".country_id"] {
    display: none;
}

.order-attributes .order-attributes-form {
    margin-top: 0;
}

.fieldset.address {
    margin: 0;
}

/* Oculta el boton Delete del checkout */
.pw-shipping-address #shipping-new-address-form {
    display: flex;
    flex-wrap: wrap;
}

.pw-shipping-address .form.form-login.amcheckout-form-login {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0 7px;
}

.fieldset.address div[name$=".firstname"] {
    width: 50%;
    float: left;
}

.fieldset.address div[name$=".lastname"] {
    width: 50%;
}

.fieldset.address div[name*=".street"] {
    width: 100%;
    margin-bottom: 10px;
}

.fieldset.address div[name$=".region"] {
    width: 33.3% !important;
    float: left;
}

.fieldset.address div[name$=".city"] {
    width: 33.3% !important;
    float: left;
}

.fieldset.address div[name$=".postcode"] {
    width: 33.3% !important;
}

.fieldset.address div[name$=".country_id"] {
    width: 33.3% !important;
}

.pw-shipping-address .despacho-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pw-shipping-address .despacho-icon img {
    display: inline-block;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.pw-shipping-method .amcheckout-method {
    display: flex !important;
    align-items: center !important;
    padding-left: 25px !important;
    padding-right: 0 !important;
    height: 56px !important;
    border-radius: 8px!important;
    border: 1px solid #000000 !important;
    background: #F3F3F3 !important;
    margin-bottom: 15px !important;
}

.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method .col {
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.2;
}

.order-attributes-form.fieldset.address section .label, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label{
    display: flex;
    align-items: center;
    padding-left: 25px;
    height: 56px;
    border-radius: 8px;
    border: 1px solid #202121;
    background: #F3F3F3;
}

#checkout-step-shipping_method, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods {
    padding: 0 7px;
}

.order-attributes-form.fieldset.address section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
    margin: 0;
}

.order-attributes-form.fieldset.address section p{
    flex:1;
    margin: 0;
}

.amcheckout-step-container input[type='radio'] + label:before {
    background: #ffffff !important;
    border: 1px solid #000000;
    box-sizing: border-box;
    content: '';
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin: 0px 15px 0 0;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}

.amcheckout-step-container input[type='checkbox'] + label:hover:before, .amcheckout-step-container input[type='radio'] + label:hover:before, .amcheckout-step-container input[type='checkbox']:checked + label:before, .amcheckout-step-container input[type='radio']:checked + label:before {
    border-color: #000000 !important;
    box-shadow: none !important;
}

.field>input[type=radio]+label:before {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #293e90;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 25px;
    right: 0;
    border-radius: 50%;
    font-size: 24px;
}

.field > input[type="radio"]:checked + label:after {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin: -8px 0px;
    opacity: 0;
    left: 25px;
    right: 0;
    border: 1px solid #293e90;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    background-color: #293e90;
}

.amcheckout-step-container .fieldset > .field > .label, .amcheckout-step-container .fieldset > .fields > .field > .label {
    font-size: 12px;
    font-style: normal;
    font-weight: 420;
    line-height: normal;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    color: #202121;
}

.checkout-payment-method .checkout-billing-address {
    display: none;
}

.amcheckout-step-container .amcheckout-summary-container .product-image-wrapper {
    overflow: visible !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method {
    width: 100% !important;
    max-width: 100% !important;
}

.amcheckout-step-container input[type=radio]:checked+label:before {
    border-color: #202121 !important;
    box-shadow: none;
    border-width: 1px;
}

.amcheckout-step-container input[type=radio]:checked+label:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: #202121;
    position: absolute;
    border-radius: 50%;
    opacity: 1;
    margin-left: 4px;
    transform: scale(1, 1);
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.amcheckout-label.-radio:after {
    margin-top: 4px;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method {
    border: none;
    background: transparent;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.checkout-payment-method .payment-method-title .payment-icon {
    width: 20px!important;
    max-width: 20px!important;
    height: 14px!important;
    margin-left: 50px;
    margin-right: 0;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 50px;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label {
    padding: 10px!important;
}

.amcheckout-step-container .amcheckout-summary-container .amcheckout-content > .amcheckout-wrapper {
    padding: 0!important;
}

.opc-block-summary .items-in-cart > .title, .amcheckout-step-container .amcheckout-summary-container .items-in-cart {
    border-bottom: 1px solid #D9E3E8 !important;
}

.cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark {
    padding: 15px 0!important;
}

.amcheckout-step-container .amcheckout-summary-container .details-qty .qty {
    height: 30px !important;
}

.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block {
    margin: 0;
    width: 70%;
}

.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner {
    align-items: self-start;
}

.amcheckout-step-container .amcheckout-summary-container .table-totals {
    font-size: 16px;
    font-style: normal;
    font-weight: 390;
    line-height: 22px; 
    font-size: 16px;
    color: #202121;
}

.amcheckout-step-container input[type='checkbox'] + label:before {
    border-radius: 5px;
    margin: 0;
    top: 0;
    border: 1px solid #000000 !important;
}

.amcheckout-summary-container .product-item-details .product-item-inner {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

.amcheckout-summary-container .am-checkout .product-item .product-item-inner {
    flex-direction: row;
}

.totals.sub {
    font-size: 16px;
    font-style: normal;
    font-weight: 390;
    line-height: 22px;
    color: #202121;
    border-top: 1px solid #D9E3E8;
    border-bottom: 1px solid #D9E3E8;
}

.grand.totals {
    border-top: 1px solid #202121;
}

.cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    color: #293e90;
    text-align: right;
}

.totals-tax, .totals-tax-summary {
    display: none;
    border-bottom: none;
} 

.flujo {
    font-size: 14px;
    font-style: normal;
    font-weight: 420;
    line-height: normal;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    color: #202121;
}

.ampickup-store-container .ampickup-choosemap {
    background-color: #293e90 !important;
    border: none !important;
}

label[for=micuentaweb_standard] span {
    margin-left: 10px!important;
}

/* label[for=banktransfer] span:before {
    content: "";
    background-image: url(/pub/media/wysiwyg/icon-transfer.svg);
    background-repeat: no-repeat;
    margin-left: 0;
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}*/

label[for=banktransfer] span:after {
    content: url(/media/wysiwyg/yape.svg) !important;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin: 0 10px;
    width: 80px;
    height: 32px;
}

._amcheckout-selectable-item:hover, .amcheckout-step-container .amcheckout-shipping-address .billing-address-details:hover, .amcheckout-step-container .amcheckout-shipping-address .shipping-address-details:hover, .amcheckout-step-container .shipping-address-items .shipping-address-item:hover, .amcheckout-step-container .amcheckout-shipping-methods .amcheckout-method:hover, .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method:hover {
    box-shadow: none!important;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-content .actions-toolbar > .primary {
    float: none!important;
    text-align: center;
}

.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content {
    padding: 25px 0 !important;
}

.checkout-payment-method .actions-toolbar .primary {
    min-width: 200px!important;
}

.pw-shipping-address {
    padding-bottom: 0px !important;
}

.pw-shipping-address .amcheckout-step-container .amcheckout-title:first-of-type {
    padding: 0 7px;
}

/* Estilos aplicados en estado normal */
.amcheckout-step-container .amcheckout-title > .amcheckout-icon.-minus,
.amcheckout-step-container .amcheckout-title > .amcheckout-icon {
    border: 2px solid #202121;
}

.amcheckout-step-container .amcheckout-title > .amcheckout-icon:before {
    border-bottom: 2px solid #202121;
    border-right: 2px solid #202121;
}

/* Estilos aplicados cuando el elemento es hover */
.amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover,
.amcheckout-step-container .amcheckout-title > .amcheckout-icon.-minus:hover {
    border: 2px solid #202121; 
}

.amcheckout-step-container .amcheckout-title > .amcheckout-icon:hover:before,
.amcheckout-step-container .amcheckout-title > .amcheckout-icon.-minus:hover:before {
    border-bottom: 2px solid #202121;
    border-right: 2px solid #202121;  
}

@media (min-width: 1024px) { 
/* Estilos para fijar el bloque de resumen en la página de checkout */
.checkout-index-index .amcheckout-block.amcheckout-step-container.-summary {
    position: fixed;
    background-color: #F3F3F3 !important;
    top: 0;
    right:0;
    left:auto;
    width: 30%;
    border: none !important;
    padding: 80px 50px;
    height: 100%;
    z-index: 99999;
}

.checkout-index-index .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container .amcheckout-title {
    background-color: #F3F3F3 !important;
    color: #202121;
}

.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
    width: 70% !important;
    padding-right: 48px;
}

}


@media (max-width: 767px) {
	
.container.logo-checkout {
    text-align: left;
    margin-bottom: 15px!important;
}

.checkout-index-index .checkout-header .title {
    margin-bottom: 25px!important;
}

.fieldset.address div[name$=".firstname"] {
    width: 100% !important;
}

.fieldset.address div[name$=".lastname"] {
    width: 100% !important;
}

.fieldset.address div[name$=".region"] {
    width: 100% !important;
}

.fieldset.address div[name$=".city"] {
    width: 100% !important;
}

.fieldset.address div[name$=".postcode"] {
    width: 100% !important;
}

.checkout-index-index .amcheckout-main-container.-modern .amcheckout-step-container .amcheckout-summary-container, .checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-step-container .amcheckout-additional-options {
    background: #F3F3F3 !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 30px 15px;
}

.amcheckout-step-container .amcheckout-form-login .amcheckout-email .note, .amcheckout-step-container .form-login .amcheckout-email .note {
    margin: 0!important;
}

}


html,
body,
#html-body,
.page-wrapper,
main.page-main {
    background-color: #F8FCFB !important;
}

#html-body .product-item-link {
    color: #0E4612 !important;
}

#html-body .price-box .price {
    color: #6DA420 !important;
}

#html-body .btn.btn-primary {
    background-color: #17601C !important;
    border-color: #17601C !important;
}

#html-body .btn.btn-primary:hover {
    background-color: #0E4612 !important;
    border-color: #0E4612 !important;
}



/* Título principal "Más Información" */
#product\.attributes h2,
#product-attributes-container h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

/* Contenedor Tarjeta Blanca */
#product\.attributes .card,
#product-attributes-container .card {
    background-color: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    padding: 28px 32px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* Transformar la tabla HTML de 2 columnas a apilado vertical (Label arriba, datos abajo) */
#product-attributes table.additional-attributes,
#product-attributes table.additional-attributes tbody,
#product-attributes table.additional-attributes tr,
#product-attributes table.additional-attributes th,
#product-attributes table.additional-attributes td {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Título de atributo ("DATOS RÁPIDOS") en Mayúsculas arriba */
#product-attributes .product-attribute-label {
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 14px !important;
}

/* Contenido de atributo abajo a ancho completo */
#product-attributes .product-attribute-value {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
}