body.ce-kit-1{color:#212F52;font-family:"DM Sans", sans-serif;font-size:15px;font-weight:300;line-height:1.3em;background-color:#FFFFFF;}a, .elementor a{color:#212F52;}a:hover, .elementor a:hover{color:#80889C;}body.ce-kit-1 h1{font-family:"Roboto", sans-serif;font-size:1px;font-weight:400;text-transform:uppercase;line-height:1.1em;}body.ce-kit-1 h2{color:#212F52;font-family:"Palatino Linotype", sans-serif;font-size:95px;font-weight:400;text-transform:uppercase;letter-spacing:1.3px;}body.ce-kit-1 h3{color:#212F52;font-family:"DM Sans", sans-serif;font-size:74px;font-weight:500;text-transform:capitalize;letter-spacing:1.3px;}body.ce-kit-1 h4{color:#212F52;font-family:"DM Sans", sans-serif;font-size:38px;font-weight:500;text-transform:uppercase;letter-spacing:1.3px;}body.ce-kit-1 h5{color:#212F52;font-family:"DM Sans", sans-serif;font-size:24px;font-weight:500;text-transform:uppercase;letter-spacing:1.3px;}body.ce-kit-1 h6{color:#212F52;font-family:"DM Sans", sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1.3px;}body.ce-kit-1 .ce-display-small{color:rgba(2, 1, 1, 0);}.elementor-button, a.elementor-button:not(#e){color:#212F52;}.elementor-button{background-color:rgba(33, 47, 82, 0);}.elementor-button:hover, .elementor-button:focus, a.elementor-button:not(#e):hover, a.elementor-button:not(#e):focus{color:#80889C;}.elementor-button.elementor-size-sm{font-size:14px;border-radius:0px 0px 0px 0px;}.elementor-button.elementor-size-md{font-size:16px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-button.elementor-size-lg{border-radius:0px 0px 0px 0px;}.elementor-button.elementor-size-xl{border-radius:0px 0px 0px 0px;}.elementor-button.elementor-size-xs{border-radius:0px 0px 0px 0px;}.elementor-button-primary .elementor-button{font-family:"DM Sans", sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1.3px;background-color:#212F52;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus, .elementor-button-primary a.elementor-button:not(#e):hover, .elementor-button-primary a.elementor-button:not(#e):focus{color:#FFFFFF;}.elementor-button-primary .elementor-button:hover, .elementor-button-primary .elementor-button:focus{background-color:#80889C;}.elementor-button-primary .elementor-button.elementor-size-sm{font-size:14px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-button-primary .elementor-button.elementor-size-md{font-size:14px;padding:0px 0px 0px 0px;}.elementor-button-secondary .elementor-button{font-family:"DM Sans", sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1.3px;background-color:rgba(255, 255, 255, 0);border-style:solid;border-width:1px 1px 1px 1px;}.elementor-button-secondary .elementor-button, .elementor-button-secondary a.elementor-button:not(#e){color:#212F52;}.elementor-button-secondary .elementor-button:hover, .elementor-button-secondary .elementor-button:focus, .elementor-button-secondary a.elementor-button:not(#e):hover, .elementor-button-secondary a.elementor-button:not(#e):focus{color:#80889C;}.elementor-button-secondary .elementor-button:hover, .elementor-button-secondary .elementor-button:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#80889C;}.elementor-button-secondary .elementor-button.elementor-size-sm{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-button-secondary .elementor-button.elementor-size-md{font-size:14px;padding:0px 0px 0px 0px;}.btn-primary{background-color:#860E0E;}body.ce-kit-1 label{color:#212F52;font-family:"DM Sans", sans-serif;font-weight:300;}body.ce-kit-1 .form-control, body.ce-kit-1 .elementor-field-textual{font-family:"DM Sans", sans-serif;font-size:15px;font-weight:300;letter-spacing:1.3px;color:#606A83;border-radius:0px 0px 0px 0px;padding:8px 8px 8px 8px;}body.ce-kit-1 .form-control:focus, body.ce-kit-1 .elementor-field-textual:focus{color:#212F52;}body.ce-kit-1 .form-control:-webkit-autofill, body.ce-kit-1 .elementor-field-textual:-webkit-autofill{-webkit-text-fill-color:#212F52;}select.form-control:not([size]):not([multiple]){height:auto;}body.ce-kit-1 #wrapper{background-color:#00000000;}body.ce-kit-1 #content{background-color:#FFFFFF;}body.ce-kit-1 .breadcrumb li:not(#e), body.ce-kit-1 .ce-breadcrumb__item{color:#2D2D2D;font-size:11px;font-weight:400;}body.ce-kit-1 .breadcrumb li a:not(#e), body.ce-kit-1 .ce-breadcrumb__item a:not(#e){color:#7A7A7A;}body.ce-kit-1 .breadcrumb li a:not(#e):hover, body.ce-kit-1 .ce-breadcrumb__item a:not(#e):hover{color:#BEA414;}body.ce-kit-1 .breadcrumb:not(#e), body.ce-kit-1 .elementor-row{text-align:left;justify-content:left;}body.ce-kit-1 header.page-header, body.ce-kit-1 header.page-header *, body.ce-kit-1 .ce-page-title *{color:#000000;}.elementor-lightbox{--lightbox-ui-color:rgba(85, 57, 167, 0);}/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Palatino Linotype';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/palatinolinotype_roman.ttf') format('truetype');
}
@font-face {
	font-family: 'Palatino Linotype';
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/palatinolinotype_italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Palatino Linotype';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/palatinolinotype_bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Palatino Linotype';
	font-weight: 800;
	font-style: italic;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/palatinolinotype_bolditalic.ttf') format('truetype');
}
 /* End Custom Fonts CSS */
/* Start custom CSS for page-settings *//*------------------------------------------------
KIIROI - Botones del sistema  SECCIÓN INVITADO
------------------------------------------------*/
body#guest-tracking .btn-primary,
body#guest-tracking button[type="submit"],
body#guest-tracking input[type="submit"] {
  background-color: #212f52 !important;
  border-color: #212f52 !important;
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
}
/* -------------------------------------------
---------------------------------------------*/


/*------------------------------------------------
KIIROI - SECCIÓN ESTADO DE PEDIDO
------------------------------------------------*/

/* KIIROI - Estados de pedido discretos */
/*
body#guest-tracking #order-history .label,
body#guest-tracking #order-history .badge,
body#guest-tracking #order-history span[style*="background-color"] {
  background-color: #f2f2f2 !important;
  color: #06173d !important;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  padding: 5px 10px;
  font-weight: 500;
  text-transform: none;
}*/

/* --------------------------------------------*/
/* KIIROI - Ocultar historial de estados en seguimiento de pedido invitado */
body#guest-tracking #order-history {
  display: none !important;
}


/* --------------------------------------------*/
/* KIIROI - Más aire entre bloques del seguimiento de pedido invitado */

body#guest-tracking #content .addresses {
  margin-top: 50px !important;
  margin-bottom: 0px !important;
}

body#guest-tracking #content table {
  margin-top: 100px !important;
  margin-bottom: 25px !important;
}

body#guest-tracking #content .guest-to-customer,
body#guest-tracking #content .register-form,
body#guest-tracking #content form:last-of-type {
  margin-top: 25px !important;
}

body#guest-tracking #content .address {
  margin-bottom: 400px !important;
}


/* --------------------------------------------*/
/* KIIROI - Reducir título "Ahorre tiempo en su próximo pedido..." */
body#guest-tracking .register-form h1,
body#guest-tracking .register-form h2,
body#guest-tracking .guest-to-customer h1,
body#guest-tracking .guest-to-customer h2,
body#guest-tracking #content form h1,
body#guest-tracking #content form h2 {
  font-size: 28px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
}
/* --------------------------------------------*/

/* -------------------------------------------
---------------------------------------------*/




/*------------------------------------------------
KIIROI - SECCIÓN PEDIDOS/CHEACKOUT
------------------------------------------------*/

body#checkout .btn-primary,
body#checkout button[type="submit"],
body#checkout .continue,
body#checkout .js-continue-button,
body#checkout button[name="continue"] {
  background-color: #212f52 !important;
  border-color: #212f52 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}


/* --------------------------------------------*/

/* KIIROI - Botones primarios globales de PrestaShop */
/*
.btn-primary,
button.btn-primary,
input.btn-primary,
button[type="submit"] {
  background-color: #06173d !important;
  border-color: #06173d !important;
  color: #ffffff !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover,
button[type="submit"]:hover {
  background-color: #d6b85a !important;
  border-color: #d6b85a !important;
  color: #06173d !important;
}
*/
/* --------------------------------------------*/


/* -------------------------------------------
---------------------------------------------*/




/*------------------------------------------------
KIIROI - MODAL FAVORITOS
------------------------------------------------*/

/* KIIROI - Modal favoritos: botones y X */

/* Botones del modal de favoritos */
body .wishlist-modal .modal-footer .btn,
body .modal .modal-footer .btn {
  font-family: "DM Sans", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Botón Cancelar */
body .wishlist-modal .modal-footer .btn-secondary,
body .wishlist-modal .modal-footer button[data-dismiss="modal"],
body .modal .modal-footer .btn-secondary,
body .modal .modal-footer button[data-dismiss="modal"] {
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  padding: 10px 18px !important;
}

/* Botón Iniciar sesión */
body .wishlist-modal .modal-footer .btn-primary,
body .wishlist-modal .modal-footer a.btn-primary,
body .modal .modal-footer .btn-primary,
body .modal .modal-footer a.btn-primary {
  border: 2px solid #212f52 !important;
  text-decoration: none !important;
  padding: 10px 24px !important;
  font-weight: 900 !important;
}

/* Hover de ambos botones */
body .wishlist-modal .modal-footer .btn:hover,
body .modal .modal-footer .btn:hover {
  color: #80889c !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover borde del botón Iniciar sesión */
body .wishlist-modal .modal-footer .btn-primary:hover,
body .wishlist-modal .modal-footer a.btn-primary:hover,
body .modal .modal-footer .btn-primary:hover,
body .modal .modal-footer a.btn-primary:hover {
  border-color: #80889c !important;
  font-weight: 900 !important;
}

/* X de cierre del modal */
body .wishlist-modal .modal-header .close,
body .modal .modal-header .close {
  color: #212f52 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 300 !important;
}

/* Hover de la X */
body .wishlist-modal .modal-header .close:hover,
body .modal .modal-header .close:hover {
  color: #80889c !important;
  background: transparent !important;
  opacity: 1 !important;
}


/* Título "INICIAR SESIÓN" */
body .wishlist-modal .modal-title,
body .wishlist-modal .modal-header h4,
body .wishlist-modal .modal-header h5,
body .modal .modal-title,
body .modal .modal-header h4,
body .modal .modal-header h5 {
  font-family: "DM Sans", sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}



/* Cuerpo del mensaje */
body .wishlist-modal .modal-body,
body .wishlist-modal .modal-body p,
body .modal .modal-body,
body .modal .modal-body p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #212f52 !important;
  line-height: 1.5 !important;
}

/* --------------------------------------------*/

/* -------------------------------------------
---------------------------------------------*/




/*------------------------------------------------
KIIROI - QUITAR BORDE CLICK ELEMENTOS PULSABLES
------------------------------------------------*/

a:focus,
a:active,
button:focus,
button:active,
.btn:focus,
.btn:active,
.ce-button:focus,
.ce-button:active,
.elementor-button:focus,
.elementor-button:active,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="button"]:focus,
input[type="button"]:active {
  outline: none !important;
  box-shadow: none !important;
}



/* --------------------------------------------
-------------------------------------------- */

/* -------------------------------------------
---------------------------------------------*/




/*------------------------------------------------
KIIROI - PAGINA CARRITO
------------------------------------------------*/

/* Tipografía y color general de la sección carrito */
body#cart #main,
body#cart #content,
body#cart .cart-grid,
body#cart .cart-grid-body,
body#cart .cart-grid-right,
body#cart .cart-summary,
body#cart .cart-summary-line,
body#cart .cart-item,
body#cart .product-line-grid,
body#cart .product-line-info,
body#cart .product-price,
body#cart .cart-total,
body#cart .cart-detailed-totals,
body#cart .card-block {
  font-family: "DM Sans", sans-serif !important;
  color: #212f52 !important;
}

/* Enlaces dentro del carrito, excepto botones */
body#cart #main a:not(.btn):not(.btn-primary),
body#cart #content a:not(.btn):not(.btn-primary),
body#cart .cart-grid a:not(.btn):not(.btn-primary) {
  color: #212f52 !important;
}

/* Precio azul del producto */
body#cart .current-price,
body#cart .price,
body#cart .product-price,
body#cart .product-line-info .value {
  color: #212f52 !important;
}

/* KIIROI - Carrito: botón Finalizar compra */
body#cart #main .cart-detailed-actions a.btn-primary,
body#cart #content .cart-detailed-actions a.btn-primary,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary,
body#cart .cart-summary a.btn-primary,
body#cart .checkout a.btn-primary,
body#cart a.btn-primary[href*="pedido"] {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background-color: #212f52 !important;
  border: 2px solid #212f52 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Forzar texto interno blanco del botón */
body#cart #main .cart-detailed-actions a.btn-primary *,
body#cart #content .cart-detailed-actions a.btn-primary *,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary *,
body#cart .cart-summary a.btn-primary *,
body#cart .checkout a.btn-primary *,
body#cart a.btn-primary[href*="pedido"] * {
  color: #ffffff !important;
}

/* Hover / al pulsar */
body#cart #main .cart-detailed-actions a.btn-primary:hover,
body#cart #main .cart-detailed-actions a.btn-primary:active,
body#cart #main .cart-detailed-actions a.btn-primary:focus,
body#cart #content .cart-detailed-actions a.btn-primary:hover,
body#cart #content .cart-detailed-actions a.btn-primary:active,
body#cart #content .cart-detailed-actions a.btn-primary:focus,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary:hover,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary:active,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary:focus,
body#cart .cart-summary a.btn-primary:hover,
body#cart .cart-summary a.btn-primary:active,
body#cart .cart-summary a.btn-primary:focus,
body#cart .checkout a.btn-primary:hover,
body#cart .checkout a.btn-primary:active,
body#cart .checkout a.btn-primary:focus,
body#cart a.btn-primary[href*="pedido"]:hover,
body#cart a.btn-primary[href*="pedido"]:active,
body#cart a.btn-primary[href*="pedido"]:focus {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  box-shadow: none !important;
}

/* Mantener texto interno blanco también en hover */
body#cart #main .cart-detailed-actions a.btn-primary:hover *,
body#cart #content .cart-detailed-actions a.btn-primary:hover *,
body#cart .cart-grid-right .cart-detailed-actions a.btn-primary:hover *,
body#cart .cart-summary a.btn-primary:hover *,
body#cart .checkout a.btn-primary:hover *,
body#cart a.btn-primary[href*="pedido"]:hover * {
  color: #ffffff !important;
}

/* KIIROI - Carrito: ocultar bloque Customer Reassurance */
body#cart #block-reassurance,
body#cart .blockreassurance,
body#cart .blockreassurance_product,
body#cart .ps_customerreassurance,
body#cart .cart-grid-right [class*="reassurance"],
body#cart .cart-grid-right [id*="reassurance"] {
  display: none !important;
}


/* --------------------------------------------
-------------------------------------------- */

/* -------------------------------------------
---------------------------------------------*/




/*------------------------------------------------
KIIROI - PAGINA CONFIRMACIÓN
------------------------------------------------*/

/* Ancho general del contenido de confirmación */
body#order-confirmation #wrapper .container,
body#order-confirmation #main,
body#order-confirmation #content,
body#order-confirmation section#content.page-content {
  max-width: 1100px !important;
  width: 70% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Tipografía/color general */
body#order-confirmation #main,
body#order-confirmation #content,
body#order-confirmation #content p,
body#order-confirmation #content span,
body#order-confirmation #content td,
body#order-confirmation #content th,
body#order-confirmation #content a {
  font-family: "DM Sans", sans-serif !important;
  color: #212f52 !important;
}

/* Título "Su pedido está confirmado" */
body#order-confirmation #content h1,
body#order-confirmation #content .h1 {
  font-size: 42px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  color: #212f52 !important;
  margin-top: 35px !important;
  margin-bottom: 20px !important;
}

/* Check verde junto al título */
body#order-confirmation #content .material-icons.done,
body#order-confirmation #content .material-icons,
body#order-confirmation #content .text-success {
  color: #d6b85a !important;
}

/* Tabla/listado de productos del pedido */
body#order-confirmation #order-items,
body#order-confirmation .order-confirmation-table,
body#order-confirmation .order-line,
body#order-confirmation #content table {
  width: 100% !important;
  max-width: 100% !important;
}

/* Reducir sensación de columnas excesivamente separadas */
body#order-confirmation #order-items table,
body#order-confirmation .order-confirmation-table table,
body#order-confirmation #content table {
  table-layout: auto !important;
}

body#order-confirmation #order-items th,
body#order-confirmation #order-items td,
body#order-confirmation .order-confirmation-table th,
body#order-confirmation .order-confirmation-table td,
body#order-confirmation #content table th,
body#order-confirmation #content table td {
  padding: 14px 12px !important;
  font-size: 14px !important;
}

/* Título "Detalles del pedido" */
body#order-confirmation #order-details,
body#order-confirmation .order-details {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin-top: 55px !important;
  margin-bottom: 45px !important;
}

body#order-confirmation #order-details h1,
body#order-confirmation #order-details h2,
body#order-confirmation #order-details h3,
body#order-confirmation #order-details h4,
body#order-confirmation #order-details .h1,
body#order-confirmation #order-details .h2,
body#order-confirmation #order-details .h3,
body#order-confirmation #order-details .h4 {
  font-size: 34px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  color: #212f52 !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  margin-bottom: 25px !important;
}

/* Bloque "Ahorre tiempo en su próximo pedido..." */
body#order-confirmation #content > h4,
body#order-confirmation #content .guest-to-customer h4,
body#order-confirmation #content .register-form h4 {
  font-size: 28px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  color: #212f52 !important;
  margin-top: 70px !important;
  margin-bottom: 20px !important;
}

/* Aire alrededor del bloque de registro */
body#order-confirmation #content form,
body#order-confirmation #content .guest-to-customer,
body#order-confirmation #content .register-form {
  margin-top: 20px !important;
  margin-bottom: 80px !important;
}

/* Botón rojo "Crear una cuenta" */
body#order-confirmation #content .btn-primary,
body#order-confirmation #content button[type="submit"],
body#order-confirmation #content input[type="submit"] {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background-color: #212f52 !important;
  border: 2px solid #212f52 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Texto interno del botón */
body#order-confirmation #content .btn-primary *,
body#order-confirmation #content button[type="submit"] *,
body#order-confirmation #content input[type="submit"] * {
  color: #ffffff !important;
}

/* Hover / pulsado del botón */
body#order-confirmation #content .btn-primary:hover,
body#order-confirmation #content .btn-primary:active,
body#order-confirmation #content .btn-primary:focus,
body#order-confirmation #content button[type="submit"]:hover,
body#order-confirmation #content button[type="submit"]:active,
body#order-confirmation #content button[type="submit"]:focus,
body#order-confirmation #content input[type="submit"]:hover,
body#order-confirmation #content input[type="submit"]:active,
body#order-confirmation #content input[type="submit"]:focus {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  box-shadow: none !important;
}

/* Productos destacados */
body#order-confirmation .featured-products h2,
body#order-confirmation .featured-products .h2,
body#order-confirmation .ce-product-grid h2,
body#order-confirmation .elementor-widget-heading h2,
body#order-confirmation #content h2 {
  font-size: 42px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.03em !important;
  color: #212f52 !important;
}

/* Ajuste visual de productos destacados */
body#order-confirmation .featured-products,
body#order-confirmation .ce-product-grid,
body#order-confirmation .products {
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Responsive: evitar que en pantallas pequeñas se rompa */
@media (max-width: 991px) {
  body#order-confirmation #wrapper .container,
  body#order-confirmation #main,
  body#order-confirmation #content,
  body#order-confirmation section#content.page-content {
    width: 92% !important;
    max-width: 92% !important;
  }

  body#order-confirmation #content h1,
  body#order-confirmation #content .h1 {
    font-size: 32px !important;
  }

  body#order-confirmation #order-details h1,
  body#order-confirmation #order-details h2,
  body#order-confirmation #order-details h3,
  body#order-confirmation #order-details h4,
  body#order-confirmation #order-details .h1,
  body#order-confirmation #order-details .h2,
  body#order-confirmation #order-details .h3,
  body#order-confirmation #order-details .h4 {
    font-size: 28px !important;
    white-space: normal !important;
  }

  body#order-confirmation .featured-products h2,
  body#order-confirmation .featured-products .h2,
  body#order-confirmation .ce-product-grid h2,
  body#order-confirmation .elementor-widget-heading h2,
  body#order-confirmation #content h2 {
    font-size: 32px !important;
  }
}


/* --------------------------------------------*/




/* --------------------------------------------
KIIROI - Checkout / Pedido: círculos dorados y ocultar reassurance
-------------------------------------------- */

/* Círculos numerados del checkout */
body#checkout .checkout-step .step-number,
body#checkout .checkout-step.-current .step-number,
body#checkout .checkout-step.-reachable .step-number,
body#checkout .checkout-step.-complete .step-number {
  background-color: #e2d681 !important;
  border-color: #e2d681 !important;
  color: #212f52 !important;
}

/* Checks de pasos completados */
body#checkout .checkout-step .done,
body#checkout .checkout-step.-complete .done,
body#checkout .checkout-step .material-icons.done,
body#checkout .checkout-step .material-icons.text-success,
body#checkout .text-success {
  color: #e2d681 !important;
}

/* Ocultar bloque Customer Reassurance en checkout */
body#checkout #block-reassurance,
body#checkout .blockreassurance,
body#checkout .blockreassurance_product,
body#checkout .ps_customerreassurance,
body#checkout [class*="reassurance"],
body#checkout [id*="reassurance"] {
  display: none !important;
}

/* --------------------------------------------
-------------------------------------------- */

/* --------------------------------------------
KIIROI - Página RGPD / Datos personales
URL: /module/psgdpr/gdpr
-------------------------------------------- */

/* Botones RGPD */
body#module-psgdpr-gdpr .btn-primary,
body#module-psgdpr-gdpr a.btn-primary,
body#module-psgdpr-gdpr button[type="submit"],
body#module-psgdpr-gdpr input[type="submit"],
body#module-psgdpr-gdpr .psgdprinfo17 a,
body#module-psgdpr-gdpr .psgdprinfo17 button {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background-color: #212f52 !important;
  border: 2px solid #212f52 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Hover botones RGPD */
body#module-psgdpr-gdpr .btn-primary:hover,
body#module-psgdpr-gdpr a.btn-primary:hover,
body#module-psgdpr-gdpr button[type="submit"]:hover,
body#module-psgdpr-gdpr input[type="submit"]:hover,
body#module-psgdpr-gdpr .psgdprinfo17 a:hover,
body#module-psgdpr-gdpr .psgdprinfo17 button:hover {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  box-shadow: none !important;
}

/* Forzar texto blanco dentro de los botones */
body#module-psgdpr-gdpr .btn-primary *,
body#module-psgdpr-gdpr a.btn-primary *,
body#module-psgdpr-gdpr button[type="submit"] *,
body#module-psgdpr-gdpr .psgdprinfo17 a *,
body#module-psgdpr-gdpr .psgdprinfo17 button * {
  color: #ffffff !important;
}

/* Títulos enormes de la página RGPD reducidos visualmente */
body#module-psgdpr-gdpr #content h1,
body#module-psgdpr-gdpr #content h2,
body#module-psgdpr-gdpr #content h3,
body#module-psgdpr-gdpr #content .h1,
body#module-psgdpr-gdpr #content .h2,
body#module-psgdpr-gdpr #content .h3,
body#module-psgdpr-gdpr .psgdprinfo17 h1,
body#module-psgdpr-gdpr .psgdprinfo17 h2,
body#module-psgdpr-gdpr .psgdprinfo17 h3 {
  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: #212f52 !important;
  text-transform: uppercase !important;
}

/* Cajas grises de RGPD: un poco más compactas */
body#module-psgdpr-gdpr #content section,
body#module-psgdpr-gdpr .psgdprinfo17 {
  padding: 35px !important;
}

/* Texto de la página */
body#module-psgdpr-gdpr #content,
body#module-psgdpr-gdpr #content p,
body#module-psgdpr-gdpr .psgdprinfo17,
body#module-psgdpr-gdpr .psgdprinfo17 p {
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #212f52 !important;
}

/* --------------------------------------------
KIIROI - Ajustes finos página RGPD
-------------------------------------------- */

/* Más aire entre el párrafo de la primera sección y los botones */
body#module-psgdpr-gdpr .psgdprinfo17 .btn-primary,
body#module-psgdpr-gdpr .psgdprinfo17 a.btn-primary,
body#module-psgdpr-gdpr .psgdprinfo17 button,
body#module-psgdpr-gdpr .psgdprinfo17 input[type="submit"] {
  margin-top: 10px !important;
}

/* Enlaces dentro de párrafos: sin fondo, subrayados */
body#module-psgdpr-gdpr .psgdprinfo17 p a,
body#module-psgdpr-gdpr #content p a {
  font-family: "DM Sans", sans-serif !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Hover de enlaces dentro de párrafos */
body#module-psgdpr-gdpr .psgdprinfo17 p a:hover,
body#module-psgdpr-gdpr #content p a:hover {
  color: #80889c !important;
  background: transparent !important;
  border: none !important;
  text-decoration: underline !important;
  box-shadow: none !important;
}


/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------
KIIROI - Corrección final área cliente
Botones rojos + enlaces azules hover
-------------------------------------------- */

/* Botones GUARDAR / AÑADIR / CREAR / ACCIONES principales */
body#identity .form-footer button,
body#identity .form-footer .btn,
body#identity button.form-control-submit,
body#identity button[type="submit"],
body#identity .btn-primary,
body#address .form-footer button,
body#address .form-footer .btn,
body#address button.form-control-submit,
body#address button[type="submit"],
body#address .btn-primary,
body#addresses .btn-primary,
body#addresses button[type="submit"],
body#my-account .btn-primary,
body#history .btn-primary,
body#order-slip .btn-primary,
body#module-blockwishlist-lists .btn-primary,
body#module-blockwishlist-lists button,
body#module-ps_emailalerts-account .btn-primary,
body#module-ps_emailalerts-account button[type="submit"] {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background-color: #212f52 !important;
  border: 2px solid #212f52 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Texto interno blanco por si el botón contiene span */
body#identity .form-footer button *,
body#identity .btn-primary *,
body#address .form-footer button *,
body#address .btn-primary *,
body#addresses .btn-primary *,
body#my-account .btn-primary *,
body#history .btn-primary *,
body#order-slip .btn-primary *,
body#module-blockwishlist-lists .btn-primary *,
body#module-blockwishlist-lists button *,
body#module-ps_emailalerts-account .btn-primary *,
body#module-ps_emailalerts-account button[type="submit"] * {
  color: #ffffff !important;
}

/* Hover / active / focus de botones */
body#identity .form-footer button:hover,
body#identity .form-footer button:active,
body#identity .form-footer button:focus,
body#identity .btn-primary:hover,
body#address .form-footer button:hover,
body#address .form-footer button:active,
body#address .form-footer button:focus,
body#address .btn-primary:hover,
body#addresses .btn-primary:hover,
body#my-account .btn-primary:hover,
body#history .btn-primary:hover,
body#order-slip .btn-primary:hover,
body#module-blockwishlist-lists .btn-primary:hover,
body#module-blockwishlist-lists button:hover,
body#module-ps_emailalerts-account .btn-primary:hover,
body#module-ps_emailalerts-account button[type="submit"]:hover {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  box-shadow: none !important;
}

/* Enlaces normales del área cliente */
body#my-account #content a:not(.btn),
body#identity #content a:not(.btn),
body#address #content a:not(.btn),
body#addresses #content a:not(.btn),
body#history #content a:not(.btn),
body#order-slip #content a:not(.btn),
body#module-blockwishlist-lists #content a:not(.btn),
body#module-ps_emailalerts-account #content a:not(.btn) {
  color: #212f52 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover de enlaces: quitar azul clarito y pasar a gris */
body#my-account #content a:not(.btn):hover,
body#identity #content a:not(.btn):hover,
body#address #content a:not(.btn):hover,
body#addresses #content a:not(.btn):hover,
body#history #content a:not(.btn):hover,
body#order-slip #content a:not(.btn):hover,
body#module-blockwishlist-lists #content a:not(.btn):hover,
body#module-ps_emailalerts-account #content a:not(.btn):hover {
  color: #80889c !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Wishlist: "Create new list", volver a cuenta, inicio, iconos */
body#module-blockwishlist-lists a,
body#module-blockwishlist-lists .material-icons,
body#module-blockwishlist-lists i,
body#module-blockwishlist-lists svg {
  color: #212f52 !important;
  fill: #212f52 !important;
}

body#module-blockwishlist-lists a:hover,
body#module-blockwishlist-lists a:hover .material-icons,
body#module-blockwishlist-lists a:hover i,
body#module-blockwishlist-lists a:hover svg {
  color: #80889c !important;
  fill: #80889c !important;
}

/* Alertas azules tipo "No ha realizado ningún pedido" */
body#history .alert-info,
body#order-slip .alert-info,
body#module-ps_emailalerts-account .alert-info {
  background-color: #f2f2f2 !important;
  border-color: #d8d8d8 !important;
  color: #212f52 !important;
}

body#history .alert-info *,
body#order-slip .alert-info *,
body#module-ps_emailalerts-account .alert-info * {
  color: #212f52 !important;
}

/* --------------------------------------------
KIIROI - Corrección iconos área cliente + wishlist
-------------------------------------------- */

/* Iconos de MI CUENTA en azul oscuro */
body#my-account .account-link i,
body#my-account .account-link .material-icons,
body#my-account .links a i,
body#my-account .links a .material-icons,
body#my-account .account-link svg,
body#my-account .links a svg {
  color: #212f52 !important;
  fill: #212f52 !important;
}

/* Textos de MI CUENTA */
body#my-account .account-link,
body#my-account .links a,
body#my-account .account-link span,
body#my-account .links a span {
  color: #212f52 !important;
}

/* Hover de MI CUENTA en gris */
body#my-account .account-link:hover,
body#my-account .links a:hover,
body#my-account .account-link:hover span,
body#my-account .links a:hover span,
body#my-account .account-link:hover i,
body#my-account .links a:hover i,
body#my-account .account-link:hover .material-icons,
body#my-account .links a:hover .material-icons,
body#my-account .account-link:hover svg,
body#my-account .links a:hover svg {
  color: #80889c !important;
  fill: #80889c !important;
  background: transparent !important;
}

/* --------------------------------------------
KIIROI - Wishlist: enlaces e iconos visibles
-------------------------------------------- */

/* Enlaces de wishlist */
body#module-blockwishlist-lists #content a,
body#module-blockwishlist-lists #content a span {
  color: #212f52 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover enlaces wishlist */
body#module-blockwishlist-lists #content a:hover,
body#module-blockwishlist-lists #content a:hover span {
  color: #80889c !important;
  background: transparent !important;
}

/* Iconos generales de wishlist */
body#module-blockwishlist-lists #content i,
body#module-blockwishlist-lists #content .material-icons,
body#module-blockwishlist-lists #content svg,
body#module-blockwishlist-lists #content path {
  color: #212f52 !important;
  fill: #212f52 !important;
}

/* Hover iconos wishlist */
body#module-blockwishlist-lists #content a:hover i,
body#module-blockwishlist-lists #content a:hover .material-icons,
body#module-blockwishlist-lists #content a:hover svg,
body#module-blockwishlist-lists #content a:hover path,
body#module-blockwishlist-lists #content button:hover i,
body#module-blockwishlist-lists #content button:hover .material-icons,
body#module-blockwishlist-lists #content button:hover svg,
body#module-blockwishlist-lists #content button:hover path {
  color: #80889c !important;
  fill: #80889c !important;
}

/* Botones cuadrados de acciones wishlist: sin fondo azul */
body#module-blockwishlist-lists #content button,
body#module-blockwishlist-lists #content .btn,
body#module-blockwishlist-lists #content .btn-primary,
body#module-blockwishlist-lists #content .btn-secondary,
body#module-blockwishlist-lists #content .wishlist-list-item button,
body#module-blockwishlist-lists #content .wishlist-list-actions button,
body#module-blockwishlist-lists #content .wishlist-list-item .dropdown-toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #212f52 !important;
  padding: 6px 8px !important;
}

/* Iconos dentro de botones wishlist */
body#module-blockwishlist-lists #content button i,
body#module-blockwishlist-lists #content button .material-icons,
body#module-blockwishlist-lists #content button svg,
body#module-blockwishlist-lists #content .btn i,
body#module-blockwishlist-lists #content .btn .material-icons,
body#module-blockwishlist-lists #content .btn svg {
  color: #212f52 !important;
  fill: #212f52 !important;
}

/* Hover botones wishlist */
body#module-blockwishlist-lists #content button:hover,
body#module-blockwishlist-lists #content .btn:hover,
body#module-blockwishlist-lists #content .btn-primary:hover,
body#module-blockwishlist-lists #content .btn-secondary:hover,
body#module-blockwishlist-lists #content .wishlist-list-item button:hover,
body#module-blockwishlist-lists #content .wishlist-list-actions button:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #80889c !important;
}

/* --------------------------------------------
KIIROI - Modal compartir wishlist
-------------------------------------------- */

/* X del modal sin fondo */
body#module-blockwishlist-lists .modal .close,
body#module-blockwishlist-lists .wishlist-modal .close,
body#module-blockwishlist-lists .modal-header .close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #212f52 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Hover X */
body#module-blockwishlist-lists .modal .close:hover,
body#module-blockwishlist-lists .wishlist-modal .close:hover,
body#module-blockwishlist-lists .modal-header .close:hover {
  background: transparent !important;
  color: #80889c !important;
  opacity: 1 !important;
}

/* Botones CANCELAR / COPIAR TEXTO del modal: sin fondo */
body#module-blockwishlist-lists .modal-footer .btn,
body#module-blockwishlist-lists .modal-footer .btn-primary,
body#module-blockwishlist-lists .modal-footer .btn-secondary,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn-primary,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn-secondary {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Texto interno de botones del modal */
body#module-blockwishlist-lists .modal-footer .btn *,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn * {
  color: #212f52 !important;
}

/* Hover botones del modal */
body#module-blockwishlist-lists .modal-footer .btn:hover,
body#module-blockwishlist-lists .modal-footer .btn-primary:hover,
body#module-blockwishlist-lists .modal-footer .btn-secondary:hover,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn:hover,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn-primary:hover,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn-secondary:hover {
  color: #80889c !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Texto interno hover */
body#module-blockwishlist-lists .modal-footer .btn:hover *,
body#module-blockwishlist-lists .wishlist-modal .modal-footer .btn:hover * {
  color: #80889c !important;
}




/* --------------------------------------------
KIIROI - Wishlist detalle: botón añadir carrito
Clase real: .wishlist-product-addtocart
-------------------------------------------- */

/* Botón Añadir al carrito */
button.wishlist-product-addtocart,
.btn.wishlist-product-addtocart,
.wishlist-product-addtocart.btn-primary,
.wishlist-product-bottom .wishlist-product-addtocart {
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background-color: #212f52 !important;
  border: 2px solid #212f52 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

/* Texto interno del botón */
button.wishlist-product-addtocart *,
.btn.wishlist-product-addtocart *,
.wishlist-product-addtocart.btn-primary *,
.wishlist-product-bottom .wishlist-product-addtocart * {
  color: #ffffff !important;
}

/* Hover / active / focus */
button.wishlist-product-addtocart:hover,
button.wishlist-product-addtocart:active,
button.wishlist-product-addtocart:focus,
.btn.wishlist-product-addtocart:hover,
.btn.wishlist-product-addtocart:active,
.btn.wishlist-product-addtocart:focus,
.wishlist-product-addtocart.btn-primary:hover,
.wishlist-product-addtocart.btn-primary:active,
.wishlist-product-addtocart.btn-primary:focus {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  box-shadow: none !important;
}

/* Por si PrestaShop lo marca como disabled */
button.wishlist-product-addtocart:disabled,
button.wishlist-product-addtocart.disabled,
.btn.wishlist-product-addtocart:disabled,
.btn.wishlist-product-addtocart.disabled,
.wishlist-product-addtocart.btn-primary:disabled,
.wishlist-product-addtocart.btn-primary.disabled {
  color: #ffffff !important;
  background-color: #212f52 !important;
  border-color: #212f52 !important;
  opacity: 1 !important;
}

/* Hover aunque esté disabled */
button.wishlist-product-addtocart:disabled:hover,
button.wishlist-product-addtocart.disabled:hover,
.btn.wishlist-product-addtocart:disabled:hover,
.btn.wishlist-product-addtocart.disabled:hover,
.wishlist-product-addtocart.btn-primary:disabled:hover,
.wishlist-product-addtocart.btn-primary.disabled:hover {
  color: #ffffff !important;
  background-color: #80889c !important;
  border-color: #80889c !important;
  opacity: 1 !important;
}

/* Quitar icono del carrito dentro del botón */
button.wishlist-product-addtocart i,
button.wishlist-product-addtocart .material-icons,
button.wishlist-product-addtocart svg,
.btn.wishlist-product-addtocart i,
.btn.wishlist-product-addtocart .material-icons,
.btn.wishlist-product-addtocart svg,
.wishlist-product-addtocart.btn-primary i,
.wishlist-product-addtocart.btn-primary .material-icons,
.wishlist-product-addtocart.btn-primary svg {
  display: none !important;
}

/* Por si el icono viene como pseudo-elemento */
button.wishlist-product-addtocart::before,
button.wishlist-product-addtocart::after,
.btn.wishlist-product-addtocart::before,
.btn.wishlist-product-addtocart::after,
.wishlist-product-addtocart.btn-primary::before,
.wishlist-product-addtocart.btn-primary::after {
  content: none !important;
  display: none !important;
}

/* KIIROI - Refuerzo final wishlist detalle */
body button.btn.wishlist-product-addtocart.btn-primary,
body button.wishlist-product-addtocart.btn-primary,
body .wishlist-product-bottom button.wishlist-product-addtocart.btn-primary {
  background-color: #212f52 !important;
  border-color: #212f52 !important;
  color: #ffffff !important;
}

body button.btn.wishlist-product-addtocart.btn-primary:hover,
body button.wishlist-product-addtocart.btn-primary:hover,
body .wishlist-product-bottom button.wishlist-product-addtocart.btn-primary:hover {
  background-color: #80889c !important;
  border-color: #80889c !important;
  color: #ffffff !important;
}

body button.btn.wishlist-product-addtocart.btn-primary i,
body button.btn.wishlist-product-addtocart.btn-primary .material-icons,
body button.btn.wishlist-product-addtocart.btn-primary svg {
  display: none !important;
}


/* --------------------------------------------
KIIROI - Confirmación de pedido: ocultar check verde
-------------------------------------------- */

body#order-confirmation h1 .material-icons.done,
body#order-confirmation h1 i.done,
body#order-confirmation h3.card-title .material-icons.done,
body#order-confirmation h3.card-title i.done,
body#order-confirmation .card-title .material-icons.done,
body#order-confirmation .card-title i.done {
  display: none !important;
}


/* --------------------------------------------
KIIROI - Labels de estado de pedido en dorado
-------------------------------------------- */

/* Página detalle de pedido */
body#order-detail #order-history .label,
body#order-detail #order-history .label-pill,
body#order-detail #order-history span[style*="background-color"],
body#order-detail .history-line .label,
body#order-detail .history-line .label-pill,
body#order-detail .history-line span[style*="background-color"] {
  background-color: #e2d681 !important;
  border-color: #e2d681 !important;
  color: #ffffff !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  border-radius: 3px !important;
}

/* Por si también aparece en seguimiento de invitado */
body#guest-tracking #order-history .label,
body#guest-tracking #order-history .label-pill,
body#guest-tracking #order-history span[style*="background-color"],
body#guest-tracking .history-line .label,
body#guest-tracking .history-line .label-pill,
body#guest-tracking .history-line span[style*="background-color"] {
  background-color: #e2d681 !important;
  border-color: #e2d681 !important;
  color: #ffffff !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  border-radius: 3px !important;
}


/* --------------------------------------------
KIIROI - Labels de estado en historial de compra
URL: /historial-compra
-------------------------------------------- */

body#history table .label,
body#history table .label-pill,
body#history table .label.bright,
body#history table span[style*="background-color"],
body#history .orders table .label,
body#history .orders table .label-pill,
body#history .orders table span[style*="background-color"] {
  background-color: #e2d681 !important;
  border-color: #e2d681 !important;
  color: #ffffff !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  border-radius: 3px !important;
}



/* --------------------------------------------
KIIROI - Botón "ENVIAR" en detalle de pedido / mensajes
URL: /index.php?controller=order-detail
-------------------------------------------- */

body#order-detail .order-message-form .btn-primary,
body#order-detail .order-message-form button[type="submit"],
body#order-detail .order-message-form .form-control-submit {
  background-color: #212f52 !important;
  border-color: #212f52 !important;
  color: #ffffff !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Hover / focus / active */
body#order-detail .order-message-form .btn-primary:hover,
body#order-detail .order-message-form .btn-primary:focus,
body#order-detail .order-message-form .btn-primary:active,
body#order-detail .order-message-form button[type="submit"]:hover,
body#order-detail .order-message-form button[type="submit"]:focus,
body#order-detail .order-message-form button[type="submit"]:active,
body#order-detail .order-message-form .form-control-submit:hover,
body#order-detail .order-message-form .form-control-submit:focus,
body#order-detail .order-message-form .form-control-submit:active {
  background-color: #80889c !important;
  border-color: #80889c !important;
  color: #ffffff !important;
  box-shadow: none !important;
}


/* --------------------------------------------
KIIROI - Enlace descargar factura en detalle de pedido
URL: /index.php?controller=order-detail
-------------------------------------------- */

body#order-detail #order-infos a[href*="pdf-invoice"],
body#order-detail #order-infos a[href*="pdf_invoice"],
body#order-detail #order-infos a[href*="invoice"],
body#order-detail #order-infos ul li a {
  color: #212f52 !important;
  font-family: "DM Sans", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Hover */
body#order-detail #order-infos a[href*="pdf-invoice"]:hover,
body#order-detail #order-infos a[href*="pdf_invoice"]:hover,
body#order-detail #order-infos a[href*="invoice"]:hover,
body#order-detail #order-infos ul li a:hover {
  color: #80889c !important;
  text-decoration: underline !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* --------------------------------------------
KIIROI - Detalle de pedido: tamaños de títulos
URL: /index.php?controller=order-detail
-------------------------------------------- */

/* Título "Siga paso a paso, el estado de su pedido" */
body#order-detail section#order-history > h3,
body#order-detail #order-history h3,
body.page-order-detail section#order-history > h3,
body.page-order-detail #order-history h3 {
  font-family: "DM Sans", sans-serif !important;
  font-size: 38px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-top: 55px !important;
  margin-bottom: 28px !important;
}

/* Títulos "Mensajes" y "Añadir un mensaje" */
body#order-detail .box.messages > h3,
body#order-detail div.messages > h3,
body#order-detail section#messages h3,
body#order-detail #messages h3,
body#order-detail section.order-message-form h3,
body#order-detail .order-message-form h3,
body.page-order-detail .box.messages > h3,
body.page-order-detail div.messages > h3,
body.page-order-detail section#messages h3,
body.page-order-detail #messages h3,
body.page-order-detail section.order-message-form h3,
body.page-order-detail .order-message-form h3 {
  font-family: "DM Sans", sans-serif !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: #212f52 !important;
  text-transform: none !important;
  letter-spacing: 0.05em !important;
  margin-top: 45px !important;
  margin-bottom: 20px !important;
}


/* ------------------------------------------
--------------------------------------------*/

/* --------------------------------------------
KIIROI - Historial de compra mobile
Corregir desbordamiento + colores Kiiroi
URL: /historial-compra
-------------------------------------------- */

@media (max-width: 767px) {

  /* Contenedor mobile de pedidos */
  body#history .orders.hidden-md-up,
  body#history .orders.hidden-md-up .order {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Card de pedido en mobile: fondo gris como tablet */
  body#history .orders.hidden-md-up .order {
    background-color: #f2f2f2 !important;
    padding: 18px 16px !important;
    margin-bottom: 22px !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Evitar que la fila empuje el ancho */
  body#history .orders.hidden-md-up .order .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#history .orders.hidden-md-up .order [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Referencia del pedido: evitar h3 gigante */
  body#history .orders.hidden-md-up .order h3,
  body#history .orders.hidden-md-up .order a h3 {
    font-family: "DM Sans", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: #212f52 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin: 0 0 12px 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* Textos de fecha, precio, etc. */
  body#history .orders.hidden-md-up .order,
  body#history .orders.hidden-md-up .order div,
  body#history .orders.hidden-md-up .order span,
  body#history .orders.hidden-md-up .order a {
    color: #212f52 !important;
    font-family: "DM Sans", sans-serif !important;
  }

  /* Etiqueta de estado del pedido en dorado Kiiroi */
  body#history .orders.hidden-md-up .order .label,
  body#history .orders.hidden-md-up .order .label-pill,
  body#history .orders.hidden-md-up .order span[style*="background-color"] {
    background-color: #e2d681 !important;
    border-color: #e2d681 !important;
    color: #212f52 !important;
    font-family: "DM Sans", sans-serif !important;
    font-weight: 500 !important;
    border-radius: 3px !important;
    padding: 5px 8px !important;
    display: inline-block !important;
  }

  /* Iconos de acciones: datos / repetir pedido */
  body#history .orders.hidden-md-up .order .material-icons,
  body#history .orders.hidden-md-up .order i,
  body#history .orders.hidden-md-up .order svg {
    color: #212f52 !important;
    fill: #212f52 !important;
  }

  body#history .orders.hidden-md-up .order a:hover,
  body#history .orders.hidden-md-up .order a:hover .material-icons,
  body#history .orders.hidden-md-up .order a:hover i,
  body#history .orders.hidden-md-up .order a:hover svg {
    color: #80889c !important;
    fill: #80889c !important;
  }
}


/*-------CARRITO COMPRA MOBILE----*/
/* --------------------------------------------
KIIROI - Carrito mobile: mantener flechas de cantidad junto al input
URL: /carrito?action=show
-------------------------------------------- */

@media (max-width: 767px) {

  /* Contenedor de cantidad */
  body#cart .product-line-grid-right .qty,
  body#cart .product-line-grid-right .product-line-actions .qty {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 70px !important;
    width: auto !important;
  }

  /* Grupo input + flechas */
  body#cart .bootstrap-touchspin,
  body#cart .input-group.bootstrap-touchspin,
  body#cart .product-line-grid-right .qty .input-group {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: auto !important;
    max-width: 72px !important;
    white-space: nowrap !important;
  }

  /* Input de cantidad */
  body#cart input.js-cart-line-product-quantity,
  body#cart .bootstrap-touchspin input.form-control,
  body#cart .product-line-grid-right .qty input[type="number"] {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 36px !important;
    padding: 0 6px !important;
    text-align: center !important;
    flex: 0 0 42px !important;
    color: #212f52 !important;
    border: 1px solid #d8d8d8 !important;
    box-shadow: none !important;
  }

  /* Contenedor vertical de flechas */
  body#cart .bootstrap-touchspin .input-group-btn-vertical,
  body#cart .product-line-grid-right .qty .input-group-btn-vertical {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    flex: 0 0 20px !important;
    float: none !important;
  }

  /* Botones de subir / bajar */
  body#cart .bootstrap-touchspin .btn-touchspin,
  body#cart .bootstrap-touchspin .bootstrap-touchspin-up,
  body#cart .bootstrap-touchspin .bootstrap-touchspin-down,
  body#cart .product-line-grid-right .qty .btn-touchspin {
    width: 20px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Iconos de las flechas */
  body#cart .bootstrap-touchspin .btn-touchspin i,
  body#cart .bootstrap-touchspin .btn-touchspin .material-icons {
    font-size: 13px !important;
    line-height: 1 !important;
    color: #212f52 !important;
  }
}/* End custom CSS */