.section__faqs {
  display: none !important;
}
/* Fonts */
@import url('../satoshi/fonts.css');

body {
    font-size: 16px;
}

body, h1, h2, h3, h4, h5, h6, .product-name, a, p, span, div {
  font-family: "Satoshi",sans-serif !important;
	font-weight: 400 !important;
}

@media only screen and (min-width: 1920px) {
	.container, .elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 100%;
		margin: auto;
	}
	.elementor-container {
		max-width: 100% !important;
	}
	.container, .container-fluid {
		padding-right: 80px;
		padding-left: 80px;
	}
	#iqitmegamenu-wrapper .container {
		padding-right: 0px;
		padding-left: 0px;
	}
	.elementor-element.elementor-element-m42lofy > .elementor-container {
		padding: 0 40px;
	}
}

/* Grid */

@media only screen and (min-width: 1024px) and (max-width: 1919px) {
    .container, .container-fluid {
        padding-right: 80px !important;
        padding-left: 80px !important;
    }
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container, .container-fluid {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}
/* Mobile */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .container, .container-fluid {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

#blockcart-content{
	width:auto !important;
}

#sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content {
    display: none !important;
}

/*Producto simple*/
/*imagen*/
.col-md-7.col-product-image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 737px;
  height: 604px;
  flex: 1;
}

.images-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.product-cover {
  position: relative;
  width: 737px;
  height: 468px;
}

.product-flags {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}

#product-images-large {
  width: 100%;
  height: 100%;
}

#product-images-large .swiper-wrapper {
  height: 100%;
}

.product-lmage-large {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

/*.product-lmage-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}*/

.js-qv-mask.mask {
  margin-top: 8px;
}

#product-images-thumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0px;
  gap: 8px;
  width: 737px;
  height: 60px;
}

#product-images-thumbs .swiper-wrapper {
  gap: 8px;
margin-left:10px;
}

#product-images-thumbs .swiper-slide {
  width: 60px !important;
  height: 60px !important;
  margin-right: 8px;
}

.thumb-container {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
  overflow: hidden;
}

.thumb-container.selected,
.thumb-container:hover {
  border: 1px solid #0657A1;
}

.thumb-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}

/* Estados adicionales */
.thumb-container.js-thumb-selected {
  border-color: #0657A1;
}

.expander {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .col-md-4.col-product-image,
  .product-cover,
  #product-images-thumbs {
      width: 100%;
  }
  
  .product-cover {
      height: auto;
      /*aspect-ratio: 16/10;*/
  }
}

/*sections*/
.michalis-shipping {
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  background: #fff;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.michalis-shipping__option {
  display: flex;
  align-items: flex-start;
  padding: 15px 0;
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
}

.michalis-shipping__option:last-child {
  border-bottom: none;
}

.michalis-shipping__icon {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.michalis-shipping__icon svg {
  display: block;
}

.michalis-shipping__content {
  flex-grow: 1;
}

.michalis-shipping__title {
  color: #0657A1;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 5px 0;
}

.michalis-shipping__stock {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.michalis-shipping__stock-dot {
  width: 8px;
  height: 8px;
  background-color: #28a745;
  border-radius: 50%;
  margin-right: 8px;
}

.michalis-shipping__stock-text {
  color: #28a745;
  font-size: 14px;
}

.michalis-shipping__info {
  color: #666;
  font-size: 14px;
  margin: 0;
}


.mich-purchase-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  background: #F7F7F7;
  border-radius: 4px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}

.mich-purchase-info__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  border-radius: 8px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
}


.mich-purchase-info__icon {
  width: 24px;
  height: 24px;
  flex: none;
  flex-grow: 0;
}

.mich-purchase-info__text {
  flex: 1;
}

.mich-purchase-info__payment-logos {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 5px;
  height: 22.58px;
}

.mich-purchase-info__payment-logo {
  height: 22.58px;
  width: auto;
  background: #FFFFFF;
  border: 0.94px solid #D2D0D1;
  border-radius: 3.76px;
  box-sizing: border-box;
}

.mich-help-banner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1rem 1.5rem;
  gap: 1rem;
  min-height: 160px;
  background: #FFFFFF;
  border-left: 4px solid #0657A1;
  box-shadow: 0px 4px 4px rgba(6, 87, 161, 0.04), 0px 4px 16px rgba(6, 87, 161, 0.08);
  border-radius: 4px;
  width: 100%;
}

.mich-help-banner__content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.mich-help-banner__icon {
  flex-shrink: 0;
}

.mich-help-banner__icon svg {
  width: 32px;
  height: 32px;
}

.mich-help-banner__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.mich-help-banner__title {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.33;
  color: #020202;
  margin: 0;
}

.mich-help-banner__description {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.33;
  color: #6F6F72;
  margin: 0;
}

.mich-help-banner__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.mich-help-banner__link-text {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.33;
  color: #0657A1;
}

.info-containers {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.product-add-to-cart {
  padding-top: 1rem;
}

.product-add-to-cart .row.extra-small-gutters.product-quantity {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  /* max-width: 519px; */
  /* height: 56px; */
}

/* Contenedor de cantidad */
.product-add-to-cart .col-add-qty .qty {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 8px;
  height: 56px;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

/* Botones de incremento/decremento */
.bootstrap-touchspin .btn-touchspin {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: none;
  background: transparent;
}

/* Iconos de los botones */
.touchspin-up, .touchspin-down {
  color: #959498;
}

.touchspin-up {
  color: #0657A1;
}

/* Input de cantidad */
.product-add-to-cart #quantity_wanted {
  width: 50px;
  height: 24px;
  font-family: "Satoshi",sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #0657A1;
  border: none;
  padding: 0;
}

/* Botón añadir al carrito */
.product-add-to-cart .btn-primary.add-to-cart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 304px;
  min-width: 100px;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
  border: none;
  font-family: "Satoshi",sans-serif !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

/* Botones de wishlist y compare */
.product-add-to-cart .btn-secondary.btn-iconic {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  width: auto;
  height: 56px;
  border-radius: 4px;
  /* border: 1px solid #D2D0D1; */
  background: transparent;
}

.product-add-to-cart .btn-secondary.btn-iconic i {
  /* width: 24px; */
  /* height: 24px; */
  color: #0657A1;
}

/* Ocultar iconos adicionales */
.product-add-to-cart .bag-icon, .spinner-icon, .added {
  display: none;
}

.product-add-to-cart .col-add-compare{
  display: none;
}


/* Contenedor del producto *
/* Título del producto */
.product_header_container h1.h1 {
  width: 100%;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
  margin: 0;
}


/* Precio actual */
.product-prices .current-price-value {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  align-items: center;
  color: #020202;
}

/* Precio tachado */
.product-prices .regular-price {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  text-decoration-line: line-through;
  color: #6F6F72;
}

/* Badge de descuento */
.product-prices .badge-discount {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  align-items: center;
  color: #FF4B3F;
  background: none;
  padding: 0;
}

/* Texto de impuestos incluidos */
.tax-shipping-delivery-label {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F6F72;
}

/* Versión móvil */
@media (max-width: 767px) {
  .product_header_container {
    width: 328px;
  }

  .product-prices {
    width: 328px;
  }

  /* Ajustes adicionales si necesarios para móvil */
  .product_header_container h1.h1 {
    font-size: 28px;
    line-height: 36px;
  }
}


.product-add-to-cart  {
  padding-bottom: 1rem;
  margin-bottom: 40px;
  border-bottom: 1px solid #acddfc52;
}

.product_header_container h1.h1 {
  font-family: 'Satoshi Variable' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 32px !important;
  line-height: 40px !important;
  color: #020202 !important;
  flex: none !important;
  order: 1 !important;
  align-self: stretch !important;
  flex-grow: 0 !important;
}

@media (max-width: 767px) {
  .product_header_container h1.h1 {
    width: 328px !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

.expander{
display:none;
}

/*carrito */

#mobile-header .ps-shoppingcart.side-cart #blockcart-content {
    padding-bottom: 40px;
	margin-bottom:0px !important;
}

#blockcart-content .cart-products>li {
    border-bottom:0 !important;
}

#_desktop_blockcart-content .cart-totals {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 40px 0 0;
  gap: 12px;
  background: #FFFFFF;
  border-top: 1px solid #D2D0D1;
}

/* Estilos para las líneas de información */
#_desktop_blockcart-content .cart-totals .clearfix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 24px;
  margin-bottom: 12px;
}

#_desktop_blockcart-content .cart-totals .label {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#_desktop_blockcart-content .cart-totals .value {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #020202;
}

/* Estilos especiales para el total */
#_desktop_blockcart-content .cart-totals .clearfix:last-child .label {
  font-size: 24px;
  line-height: 32px;
}

#_desktop_blockcart-content .cart-totals .clearfix:last-child .value {
  font-size: 24px;
  line-height: 32px;
}

/* Estilos para los botones */
#_desktop_blockcart-content .cart-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  height: 56px;
}

#_desktop_blockcart-content .cart-buttons .btn-secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .product-line-grid-body, 
    .cart-grid-body,
    .product-price-container{
        padding: 0 !important;
    }
    .selector-quantity{
        margin-top:0 !important;
    }
	.cart-line-product-actions-trash {
        position: absolute;
        top: 0;
        right: 0;
    }
	
    .product-line-grid-body {
        position: relative;
    }
	
	.cart-grid-right{
		padding:0!important;
	}
}

#_desktop_blockcart-content .cart-items-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 439px;
}

#_desktop_blockcart-content .card-productcart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 8px 16px 8px 8px;
  gap: 24px;
  width: 439px;
  height: 136px;
  background: #FFFFFF;
  border-radius: 4px;
}

#_desktop_blockcart-content .image {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 10px;
  width: 120px;
  height: 120px;
  border-radius: 4px;
}

#_desktop_blockcart-content .product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
}

#_desktop_blockcart-content  .block-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 12px;
  width: 215px;
  height: 128px;
}

#_desktop_blockcart-content  .product-name {
  width: 215px;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0657A1;
  text-decoration: none;
}

#_desktop_blockcart-content  .product-price {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #020202;
}

#_desktop_blockcart-content  .content-unidades {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 8px;
  width: 215px;
  height: 24px;
}

#_desktop_blockcart-content  .unidades-label {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#_desktop_blockcart-content  .unidades-value {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

#_desktop_blockcart-content  .button-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  gap: 4px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
}

#_desktop_blockcart-content .remove-from-cart {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#_desktop_blockcart-content .remove-from-cart:hover svg path {
  fill: #043E77;
}

/*carrito */
#_mobile_blockcart-content .cart-totals {
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 40px 0 0;
    gap: 12px;
    background: #FFFFFF;
    border-top: 1px solid #D2D0D1;
    margin-bottom: 40px;
}

/* Estilos para las líneas de información */
#_mobile_blockcart-content .cart-totals .clearfix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  gap: 12px;
  width: 100%;
  height: 24px;
  margin-bottom: 12px;
}

#_mobile_blockcart-content .cart-totals .label {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#_mobile_blockcart-content .cart-totals .value {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #020202;
}

/* Estilos especiales para el total */
#_mobile_blockcart-content .cart-totals .clearfix:last-child .label {
  font-size: 24px;
  line-height: 32px;
}

#_mobile_blockcart-content .cart-totals .clearfix:last-child .value {
  font-size: 24px;
  line-height: 32px;
}

/* Estilos para los botones */
#_mobile_blockcart-content .cart-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
}

#_mobile_blockcart-content .cart-buttons .btn-secondary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  background: #0657A1;
  border-radius: 4px;
  border: none;
  text-decoration: none;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

#_mobile_blockcart-content .cart-items-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
}

#_mobile_blockcart-content .card-productcart {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 8px 16px 8px 8px;
  gap: 24px;
  background: #FFFFFF;
  border-radius: 4px;
}

#_mobile_blockcart-content .image {
  display: flex;
  flex-direction: row;
}

#_mobile_blockcart-content .product-image {
  width: 120px;
  height: 120px;
  border-radius: 4px;
  object-fit: cover;
}

#_mobile_blockcart-content .block-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#_mobile_blockcart-content .product-name {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #0657A1;
  text-decoration: none;
}

#_mobile_blockcart-content .product-price {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #020202;
}

#_mobile_blockcart-content .content-unidades {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 8px;
}

#_mobile_blockcart-content .unidades-label {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

#_mobile_blockcart-content .unidades-value {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

#_mobile_blockcart-content .button-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  gap: 4px;
  border-radius: 4px;
}

#_mobile_blockcart-content .remove-from-cart {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#_mobile_blockcart-content .remove-from-cart:hover svg path {
  fill: #043E77;
}

/*total cart*/


.cart_detailed_totals_title {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
	padding: 1.25rem;
}

.cart-summary-line .label {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

.cart-summary-line .value {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #020202;
}


.cart-total .label {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

.cart-total .value {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

.cart-detailed-actions .btn-primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.cart-summary {
  background: #F7F7F7;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}


.cart-grid{
	margin-top:80px ; 
}


/*cesta*/
.cart-container-title{
  border-bottom: 1px solid rgba(160, 160, 160, .25) ;
}
.cart-title .modal-title{
font-family: "Satoshi", sans-serif;
font-style: normal !important;
font-weight: 400 !important;
font-size: 40px !important;
line-height: 48px !important;
color: #020202 !important;
margin-bottom: 16px !important;
}
.blockcart .cart-title{
	margin-bottom:64px;
}
@media screen and (max-width: 767px) {
    .cart-title{
        margin-bottom: 10px;
    }
}

#_desktop_blockcart-content .blockcart-content{
	width:600px!important;
	padding: 70px;
}

.cart-count {
font-family: "Satoshi", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #6F6F72;
}

.cart-delete {
font-family: "Satoshi", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
color: #0657A1 !important;
}

.cart-delete i {
color: #0657A1;
}


.cart-item .bootstrap-touchspin {
  margin: 0 !important; 
}


.cart-title-block{
	margin-bottom: 56px;
	margin-right: 1rem;
}


/*metodos de pago*/
.payment-methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

/* Contenedor del título con icono */
.payment-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 12px;
  height: 24px;
  border-radius: 8px;
  margin-bottom: 0;
}

/* Estilos del icono SVG */
.payment-icon-title {
  width: 24px;
  height: 24px;
  flex: none;
}

/* Estilos del texto del título */
.payment-title {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

/* Contenedor de los logos de pago */
.payment-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0;
  gap: 8px;
}

/* Responsive */
@media (max-width: 576px) {
  .payment-methods {
    padding: 16px;
    gap: 16px;
  }
  
  .payment-logos {
    gap: 6px;
  }
  
  .payment-logos img {
    width: 45px;
    height: 32px;
  }
}


#checkout #main{
    margin-bottom:80px;
}



/*carrito*/

/* Título del producto */
.cart-item .product-line-grid-body .product-line-info:first-of-type {
    margin-bottom: 12px;
}

.cart-item .product-line-grid-body .product-line-info:first-of-type .label {
    display: block;
  font-family: "Satoshi",sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #0657A1;
    text-decoration: none;
}

/* Contenedor de unidades y cantidad */
.cart-item .product-line-info.product-line-info-secondary {
    padding: 0px;
    gap: 8px;
}

/* Texto "Unidades:" */
.cart-item .product-line-info-secondary .label-text {
    width: 71px;
    height: 24px;
  font-family: "Satoshi",sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6F6F72;
}

/* Valor de unidades */
.cart-item .product-line-info-secondary .label-value {
  font-family: "Satoshi",sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #020202;
    margin-right: 16px; /* Espacio entre el número y el control de cantidad */
}

/* Control de cantidad */
.cart-item .product-line-info-secondary .value {
    margin-left: 16px;
}

/* Contenedor del spinner */
.cart-item .bootstrap-touchspin {
    margin-left: 16px;
}

/* Estilo del precio */
.cart-item .product-price strong {
    margin: 0 auto;
  font-family: "Satoshi",sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    color: #020202;
}

/* Espaciado entre icono de basura y precio */
.cart-item .cart-line-product-actions {
    margin-bottom: 44px;
}

.product-line-grid{
	margin-top: 24px;
    margin-bottom: 24px;
}

.cart-item  {
    padding: 16px 0;
}

.selector-quantity {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 2px;
    gap: 2px;
    width: 115px;
    height: 40px;
    border: 1px solid #D2D0D1;
    border-radius: 4px;
    position: relative;
	margin-top:16px;
}

/* Ocultar elementos no necesarios pero mantener los botones principales */
.selector-quantity .hidden-touchspin .input-group-addon,
.selector-quantity .hidden-touchspin .input-group-btn-vertical,
.selector-quantity .js-cart-line-product-quantity {
    display: none !important;
}

/* Contenedor de los botones */
.selector-quantity .input-group-btn {
    display: flex;
    align-items: center;
}

/* Estilos para los botones + y - */
.selector-quantity .input-group-btn .btn-touchspin {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
}

.cart-item .bootstrap-touchspin {
    max-width: 100%;
}


.cart-summary-totals{
	margin-top:40px !important;
	margin-bottom:40px !important;
} 

.cart-detailed-actions{
	margin-top:0 !important;
}

.cart-summary-line{
	margin-bottom:24px !important;
}

.cart-total{
	margin-bottom:0 !important;
}

.cart-detailed-subtotals {
	margin-bottom:0 !important;
    border-bottom: 1px solid #D2D0D1;
}

.cart-summary .card-body{
	padding: 0;
	margin: 1.25rem;
}

.cart-summary-subtotals-container {
    border-bottom: 1px solid #D2D0D1;
	margin-bottom:0 !important;
}

.cart-summary .card-block{
	padding: 0;
	margin: 1.25rem;
}

.cart-summary hr{
	display:none;
}
/* Color específico para cada botón */
.selector-quantity .bootstrap-touchspin-down {
    color: #959498;
}

.selector-quantity .bootstrap-touchspin-up {
    color: #0657A1;
}

/* Input de visualización */
.selector-quantity .quantity-display {
    width: 43px;
    height: 24px;
       font-family: "Satoshi", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #0657A1;
    border: none;
    background: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

/* Posicionamiento de los elementos */
.selector-quantity .hidden-touchspin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Eliminar márgenes y paddings innecesarios */
.selector-quantity .input-group-btn {
    margin: 0;
    padding: 0;
}

@media (max-width: 1024px) {
  .cart-container-title {
    margin-top: 40px;
  }
}

/*product sliders*/

.products-grid .product-miniature-layout-1 {
  text-align: left;
}

.products-grid .swiper-pagination-bullet {
  width: 205.67px; 
  height: 3px !important; 
  border-radius: 2px !important; 
  background-color: #E1F4FF !important; 
  opacity: 1 !important;
}
.products-grid .swiper-pagination-bullet-active {
  background-color: #0657A1 !important; 
}
.products-grid .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0px !important;
}

.products-grid .home__slide .swiper-button-prev,
.products-grid .home__slide .swiper-button-next,
.products-grid .home__slide .swiper-button-prev,
.products-grid .home__slide .swiper-button-next {
  background: #e1f4ff00;
  border: 1px solid #0657A1;
}

/* Slide Responsive */
.products-grid .home__slide-responsive .swiper-container {
position: unset !important;
}
.products-grid .home__slide-responsive .swiper-button-next {
  right: 0px;
top: 575px;	
}
.products-grid .home__slide-responsive .swiper-button-prev {
  left: 0px;
top: 575px;
}
@media only screen and (max-width: 767px) {
  .products-grid .home__slide-responsive .swiper-pagination-bullet {
      width: 106.67px !important;
  }
}

/* Iconos Slide */
.products-grid .swiper-button-prev,
.products-grid .swiper-button-next,
.products-grid .swiper-button-prev,
.products-grid .swiper-button-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 4px;
  width: 32px;
  height: 32px;
  background: #E1F4FF;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.products-grid .swiper-button-prev::after,
.products-grid .swiper-button-next::after,
.products-grid .swiper-button-prev::after,
.products-grid .swiper-button-next::after {
  font-size: 16px;
  color: #0657A1;
}

.products-grid .product-price-and-shipping .product-price {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
  height: 32px;
  order: 0;
}

.products-grid .product-description {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
font-family: 'Satoshi Variable' !important;
}

.products-grid .product-reference {
order: -1 !important;
font-size: 12px !important;
line-height: 16px !important;
color: #6F6F72 !important;
margin-bottom: 8px !important;
}

.products-grid .product-title, .products-list .product-title {
font-size: 16px !important;
line-height: 24px !important;
color: #020202 !important;
margin-bottom: 20px !important;
}

.products-grid .product-price-and-shipping {
padding-bottom: 16px !important;
}

.products-grid .product-price {
font-weight: 500 !important;
font-size: 24px !important;
line-height: 32px !important;
color: #020202 !important;
}

.products-grid .btn-product-list {
display: inline-block !important;
}

.products-grid .product-description-short {
display: none !important;
}

.products-grid .product-price-original {
font-weight: 500 !important;
font-size: 16px !important;
line-height: 24px !important;
text-decoration-line: line-through !important;
color: #6F6F72 !important;
display: none !important;
}

.products-grid .product-price-discount {
font-weight: 500 !important;
font-size: 24px !important;
line-height: 32px !important;
color: #FF4B3F !important;
display: none !important;
}

.products-grid .product-flag.discount {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 4px;
  width: fit-content;
  min-height: 28px;
  background: #FF4B3F;
  border-radius: 4px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

.products-grid .product-flag.discount .plus-icon,
.products-grid .product-flag.discount .x-icon {
  display: none;
  width: 16px;
  height: 16px;
}

.products-grid .product-flag.discount .text-content {
  flex: none;
  order: 1;
  flex-grow: 0;
}

.products-grid .product-flag.out_of_stock {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 4px 8px !important;
  gap: 4px !important;
  width: fit-content !important;
  min-height: 28px !important;
  background: #F7F7F7 !important;
  border-radius: 4px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #959498 !important;
}

.products-grid .product-flag.out_of_stock .plus-icon,
.products-grid .product-flag.out_of_stock .x-icon {
  display: none !important;
  width: 16px !important;
  height: 16px !important;
}

.products-grid .product-flag.out_of_stock .text-content {
  flex: none !important;
  order: 1 !important;
  flex-grow: 0 !important;
}

.products-grid .product-unavailable{
  display:none;
}

.products-grid .product-flag.new {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 4px 8px !important;
  gap: 4px !important;
  width: fit-content !important;
  min-height: 28px !important;
  background: #00A6FB !important;
  border-radius: 4px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #FFFFFF !important;
}

.products-grid .product-flag.new .plus-icon,
.products-grid .product-flag.new .x-icon {
  display: none !important;
  width: 16px !important;
  height: 16px !important;
}

.products-grid .product-flag.new .text-content {
  flex: none !important;
  order: 1 !important;
  flex-grow: 0 !important;
}

.products-grid .input-group-add-cart .add-to-cart {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  background: #0657A1 !important;
  border-radius: 4px !important;
  border: none !important;
  flex-grow: 1 !important;
}

.products-grid .btn.btn-product-list.add-to-cart-disabled {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 12px;
gap: 4px;
width: 100%;
background: #F7F7F7;
border-radius: 4px;
flex-grow: 1;
color: #959498;
}

/*Hovers*/
:root {
--primary-color: #0088cc;
--primary-dark: #009dff;
--primary-hover: #0873e3;
--border-color: #D2D0D1;
--light-bg: #e6f3ff;
--disabled-color: #ccc;
--transition-default: 0.3s ease;
}

/* Product cards */
.products-grid .product-miniature {
border: 2px solid transparent;
transition: border var(--transition-default);
padding: 5px;
border-radius: 8px;
}
@media (max-width: 767px) {
    .products-grid .product-miniature {
        padding: 4px 4px 28px;
    }
    .products-grid .product-miniature-layout-1 .product-description {
        padding: 0;
    }
}

.products-grid .product-miniature:hover {
border-color: var(--primary-color) !important;
}

/* Rest of the CSS remains the same */
.products-grid .input-group-add-cart .add-to-cart:hover {
background: var(--primary-hover) !important;
}

.products-grid .swiper-button-prev,
.products-grid .swiper-button-next {
&::after {
  font-size: 1rem;
  color: var(--primary-dark);
  transition: color var(--transition-default);
}

&:hover {
  background: var(--primary-dark);
border:0px;
  
  &::after {
    color: white;
  }
}

&.swiper-button-disabled::after {
  color: var(--disabled-color);
}
}

.products-grid .products-grid .product-miniature-layout-1 {
  text-align: unset;
}

.products-grid .product-description .product-add-cart{
width:100%;
}

.products-grid .product-description .product-title a {
  color: #020202 !important;
}

.products-grid .product-functional-buttons a{
color: #020202 !important;
}

.products-grid .product-price-and-shipping:has(.regular-price) .product-price {
  color: #FF4B3F !important;
}

.products-grid .product-reference a{ 
  color: #6F6F72 !important;
}

.viewed-products .section-title span , .crossselling-products .section-title span ,.category-products .section-title span{
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	color: #020202;
	margin-bottom:64px;
}

.viewed-products .section-title , .crossselling-products .section-title , .category-products .section-title {
	padding-bottom:64px !important;
	padding-top:80px !important;
	border-bottom:0px !important;
}
@media (max-width: 767px) {
  .viewed-products .section-title span,
  .crossselling-products .section-title span,
  .category-products .section-title span {
      font-weight: 400;
  font-size: 32px;
  line-height: 40px;
  }

  
}


#second-banner {
  display: none;
}

body#authentication #second-banner, body#registration #second-banner, body#password #second-banner  {
  display: block;
  order: 2;
}

#second-banner {
  background: #F7F7F7;
  height: 72px;
  z-index: 2;
  margin-bottom: 80px;
}

#second-banner .container {
  height: 100%;
}

#second-banner .back-to-shop:hover {
  background: rgba(6, 87, 161, 0.1);
}

#second-banner .container{
	display: grid;
    align-items: center;
}
#registration .register-form{
	margin-bottom: 80px;
}
#authentication .page-content{
	margin-bottom: 80px;
}
@media (max-width: 767px) {
  #second-banner {
    margin-bottom: 40px;
  }
  #authentication .page-content{
    margin-bottom: 40px;
  }
  #registration .register-form{
    margin-bottom: 40px;
  }
}

#password #desktop-header, #password .header-nav, #password .breadcrumb, #password #mobile-header {
  display:none;
}


/* login */

.ps-pwd-block-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;
  width: 626px;
  max-width: 100%;
  margin: 0 auto 80px auto;
}

/* Title section */
.ps-pwd-title-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
  margin-bottom: 24px;
}

.ps-pwd-password-title {
  width: 100%;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
  margin-bottom: 24px;
}

.ps-pwd-password-subtitle {
  width: 100%;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #6F6F72;
  margin: 0;
}

/* Inputs form */
.ps-pwd-content-inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
}

/* Text input containers */
.ps-pwd-tetx-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  border-radius: 0px;
}

/* Label styling */
.ps-pwd-label-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 24px;
  border-radius: 0px;
}

.ps-pwd-label-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  height: 24px;
}

.ps-pwd-label-text label {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

/* Input base */
.ps-pwd-text-input-base {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
}

.ps-pwd-base {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 12px;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

.ps-pwd-input-text {
  width: 100%;
  height: 24px;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
  border: none;
  outline: none;
}

.ps-pwd-eye-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Helper text */
.ps-pwd-helper-text {
  width: 100%;
  height: 20px;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #6F6F72;
  margin: 0;
}

/* Password requirements */
.ps-pwd-password-requirements {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  width: 100%;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

.ps-pwd-requirements-title {
  width: 100%;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #6F6F72;
  margin: 0 0 16px 0;
}

.ps-pwd-requirements-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.ps-pwd-requirement-column {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: calc(33% - 11px);
}

.ps-pwd-requirement-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 26px;
}

.ps-pwd-dot {
  width: 6px;
  height: 6px;
  background: #00A6FB;
  border-radius: 50%;
  margin: 0 10px;
}

.ps-pwd-requirement-text {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #0657A1;
}

/* Submit button */
.ps-pwd-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-width: 100px;
  height: 56px;
  margin-top: 24px;
}

.ps-pwd-button-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.ps-pwd-text-content {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

/* Error messages */
.ps-pwd-alert-error {
  padding: 0;
  margin: 0 0 16px 0;
  list-style: none;
}

.ps-pwd-alert-error .item {
  display: flex;
  background-color: #FF4B3F;
  padding: 8px 16px;
  border-radius: 4px;
  align-items: center;
  margin-bottom: 8px;
}

.ps-pwd-alert-error .item i {
  margin-right: 8px;
}

.ps-pwd-alert-error .item p {
  color: #FFFFFF;
  margin: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .ps-pwd-block-info {
    width: 328px;
    gap: 32px;
  }
  
  .ps-pwd-title-line {
    height: auto;
    gap: 24px;
    width: 328px;
  }
  
  .ps-pwd-password-title {
    font-size: 40px;
    line-height: 48px;
    height: auto;
    min-height: 96px;
  }
  
  .ps-pwd-password-subtitle {
    height: auto;
    min-height: 48px;
  }
  
  .ps-pwd-content-inputs {
    width: 328px;
    gap: 24px;
  }
  
  .ps-pwd-tetx-input {
    width: 328px;
  }
  
  .ps-pwd-base {
    width: 328px;
  }
  
  .ps-pwd-input-text {
    width: calc(100% - 28px);
  }
  
  .ps-pwd-password-requirements {
    width: 328px;
    padding: 9px;
    gap: 8px;
    height: auto;
  }
  
  .ps-pwd-requirements-grid {
    gap: 8px;
  }
  
  .ps-pwd-requirement-column {
    gap: 8px;
  }
  
  .ps-pwd-requirement-item {
    height: 18px;
  }
  
  .ps-pwd-dot {
    margin: 0 6px;
  }
  
  .ps-pwd-button {
    width: 328px;
  }
  
  .ps-pwd-button-base {
    width: 328px;
  }
}

#authentication * {
  box-sizing: border-box;
}

#authentication body {
  margin: 0;
  padding: 0;
}

/* Global container padding for mobile */
#authentication .container {
  width: 100%;
  padding: 0 16px;
}

#authentication .block-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 40px;
  width: 100%;
  max-width: 626px;
  margin: 0 auto;
}

/* Título y encabezado */
#authentication .heading-title {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  color: #020202;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}

#authentication .tittle-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 24px;
  width: 100%;
  height: 48px;
  text-align: start;
}

#authentication .heading-m {
  width: 100%;
  height: 48px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
}

/* Botón de login con Google */
#authentication ._button-login {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 24px;
  width: 100%;
  height: 68px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
}

#authentication .ellipse-3 {
  width: 37px;
  height: 37px;
  background: #D9D9D9;
  border: 2px solid #00A6FB;
  border-radius: 50%;
}

#authentication .frame-1354 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 100%;
  height: 52px;
}

#authentication .bold-l {
  width: 214px;
  height: 24px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0657A1;
}

#authentication ._dropdown-simple {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 152px;
  height: 24px;
}

#authentication ._dropdown-base {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 152px;
  height: 24px;
}

#authentication .caret-icon {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 5.5L8 11L13.5 5.5' stroke='%236F6F72' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

#authentication .google-icon {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M28.7 16.2c0-.9-.1-1.8-.3-2.6H16v4.9h7.1c-.3 1.6-1.2 3-2.6 3.9v3.3h4.2c2.5-2.3 3.9-5.6 3.9-9.5z' fill='%234285F4'/%3E%3Cpath d='M16 29c3.5 0 6.5-1.2 8.7-3.3l-4.2-3.3c-1.2.8-2.7 1.3-4.5 1.3-3.4 0-6.3-2.3-7.4-5.4H4.2v3.4c2.2 4.4 6.7 7.3 11.8 7.3z' fill='%2334A853'/%3E%3Cpath d='M8.6 18.3c-.3-.8-.4-1.7-.4-2.6s.2-1.8.4-2.6V9.7H4.2C3.5 11.4 3 13.2 3 15s.5 3.6 1.2 5.3l4.4-2z' fill='%23FBBC05'/%3E%3Cpath d='M16 7.7c1.9 0 3.6.7 5 1.9l3.7-3.7C22.6 4 19.5 3 16 3c-5.1 0-9.6 2.9-11.8 7.3l4.4 3.4c1-3.1 4-5.4 7.4-5.4z' fill='%23EA4335'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* Separador de línea */
#authentication .line-separer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 32px;
}

#authentication .line {
  flex-grow: 1;
  height: 0px;
  border: 1px solid #ACDDFC;
}

#authentication .bold-xl {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #0657A1;
  padding: 0 15px;
}

/* Bloque de campos */
#authentication .block-inputs {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 24px;
  width: 100%;
}

/* Formulario completo */
#authentication #login-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#authentication .tetx-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  margin-bottom: 24px;
}

#authentication .input-contraseña .tetx-input {
  margin-bottom: 0px;
}

#authentication .label-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: fit-content;
  height: 24px;
}

#authentication .label-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: fit-content;
  height: 24px;
}

#authentication .bold-m {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

#authentication .text-input-base {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  height: 56px;
}

#authentication .base {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 12px;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

#authentication .input-text {
  width: 100%;
  height: 24px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
  border: none;
  outline: none;
}

#authentication .eye-icon {
  width: 18px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 3C4.5 3 1.5 5.2 0 8c1.5 2.8 4.5 5 8 5s6.5-2.2 8-5c-1.5-2.8-4.5-5-8-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5S6.1 4.5 8 4.5s3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm0-5.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' fill='%23020202'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* Links */
#authentication .input-contraseña {
  width: 100%;
}

#authentication .line-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 100%;
  height: 20px;
  margin-top: 8px;
}

#authentication .link-standard {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 20px;
  border-radius: 0px;
}

#authentication .link {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0657A1;
  text-decoration: none;
}

/* Botones */
#authentication .button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-width: 100px;
  height: 56px;
  margin: 24px 0;
}

#authentication .button-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

#authentication .primary-button .button-base {
  background: #0657A1;
}
#authentication .primary-button .button-base:hover {
  background: #00A6FB;
}

#authentication .secondary-button .button-base {
  background: #FFFFFF;
  border: 1px solid #0657A1;
}
#authentication .secondary-button .button-base:hover {
  background: #00A6FB;
  color: #FFFFFF;
  border: 0px solid #0657A1;
}

#authentication .text-content {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

#authentication .primary-button .text-content, #authentication .secondary-button .button-base:hover .text-content {
  color: #FFFFFF;
}

#authentication .secondary-button .text-content {
  color: #0657A1;
}

/* Checkbox */
#authentication .checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 20px;
  border-radius: 0px;
}

#authentication .check {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #6F6F72;
  border-radius: 2px;
}

#authentication .body-s {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #020202;
}

#authentication #login-form .button {
  padding: 0;
}

#authentication #login-form label {
  margin-bottom: 0;
}

#authentication .section-login-form{
  width:100%;
}

#authentication .line-links .link-standard a.link {
  color: #0657A1;
}
#authentication .line-links .link-standard a.link:hover, #password .line-links a.link-standard .link:hover, #password .additional-link a.link-action:hover {
  color: #00A6FB !important;
}

/* Media Queries for Responsive Design */
/* Small devices (phones, 576px and down) */
@media (max-width: 576px) {
  #authentication .block-signup {
    gap: 24px;
  }
  
  #authentication .heading-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 24px;
  }

  
  #authentication ._button-login {
    height: auto;
    min-height: 60px;
    padding: 12px;
    gap: 16px;
  }
  
  #authentication .ellipse-3 {
    width: 32px;
    height: 32px;
  }
  
  #authentication .frame-1354 {
    height: auto;
  }
  
  #authentication .bold-l {
    width: auto;
    font-size: 16px;
  }
  
  #authentication .bold-xl {
    font-size: 20px;
    line-height: 28px;
  }
  
  #authentication .line-separer {
    height: auto;
    margin: 16px 0;
  }
  
  #authentication .button-base {
    padding: 12px 16px;
    height: 48px;
  }
  
  #authentication .text-content {
    font-size: 15px;
  }
  
  #authentication .tetx-input {
    margin-bottom: 16px;
  }
  
  #authentication .base {
    height: 48px;
  }
  
  #authentication .line-links {
    flex-direction: column;
    height: auto;
    gap: 16px;
  }
  
  #authentication .link-standard {
    width: 100%;
    justify-content: center;
  }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {
  #authentication .block-signup {
    max-width: 100%;
  }
}

/* Adjustments for form elements in small viewports */
@media (max-width: 480px) {
  #authentication .button {
    height: 48px;
    margin: 16px 0;
  }
  
  /* Make checkbox area more touch-friendly */
  #authentication .checkbox {
    gap: 12px;
    margin: 8px 0;
  }
  
  #authentication .check {
    width: 20px;
    height: 20px;
  }
  
  /* Ensure input fields are easy to tap */
  #authentication .base {
    min-height: 50px;
  }
  
  /* Adjust for stacked layout in small viewports */
  #authentication .line-links {
    align-items: start;
  }
}

/* For very small devices */
@media (max-width: 320px) {
  #authentication .heading-title {
    font-size: 24px;
    line-height: 32px;
  }
  
  #authentication .bold-xl {
    font-size: 18px;
    line-height: 24px;
  }
  
  #authentication ._button-login {
    min-height: 54px;
  }
}


/* Flexible layout adjustments */
@media (min-width: 577px) and (max-width: 992px) {
  #authentication .block-signup {
    max-width: 80%;
  }
}



/* Ensure Google login button remains usable */
@media (max-width: 400px) {
  #authentication ._button-login {
    padding: 8px;
  }
  
  #authentication .bold-l {
    font-size: 14px;
  }
  
  #authentication ._dropdown-simple,
  #authentication ._dropdown-base {
    width: 120px;
  }
}

/* High-resolution screens (Retina displays) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Make sure SVG icons remain crisp */
  #authentication .google-icon,
  #authentication .eye-icon,
  #authentication .caret-icon {
    background-size: contain;
  }
}

/* Touch screen optimizations */
@media (hover: none) {
  #authentication .button-base,
  #authentication .link,
  #authentication ._button-login {
    cursor: default; /* Remove cursor on touch devices */
  }
  
  /* Increase touch target sizes */
  #authentication .checkbox,
  #authentication .link-standard,
  #authentication .button-base {
    padding: 4px;
  }
}

/* Print styles for accessibility */
@media print {
  #authentication .block-signup {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  
  /* Remove backgrounds for better printing */
  #authentication .button-base,
  #authentication ._button-login,
  #authentication .base {
    background: transparent !important;
    border: 1px solid #000 !important;
  }
  
  #authentication .text-content,
  #authentication .bold-l,
  #authentication .bold-xl,
  #authentication .link {
    color: #000 !important;
  }
}

/* These selectors already had #authentication - keeping them unchanged */
#authentication #desktop-header, #authentication .header-nav, #authentication .breadcrumb, /*#authentication #footer-container-main,*/ #authentication #mobile-header {
	display: none;
}

#authentication .footer__faqs, #authentication .footer__ventajas, #authentication .footer__comunidad, #authentication .footer__about, #authentication .footer__pay,
#password .footer__faqs, #password .footer__ventajas, #password .footer__comunidad, #password .footer__about, #password .footer__pay,
#registration .footer__faqs, #registration .footer__ventajas, #registration .footer__comunidad, #registration .footer__about, #registration .footer__pay {
  display: none;
}

#authentication .page-authentication #content, .page-customer-account #content {
    padding: 0;
}


#password .page-title {
  display: none;
}

/* Márgenes para la página */
#password #main .page-content {
  margin-bottom: 80px;
}

/* Estilos para centrado del contenedor principal */
.page-password-reset {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Estilos generales para escritorio */
.password-reset-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;
  width: 629px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}

.password-reset-title {
  width: 100%;
  height: 48px;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
  margin: 0;
}

.content-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
}

.content-info-text {
  width: 100%;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #6F6F72;
  margin: 0;
}

.line-links {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 10px;
  width: 100%;
}

.line-text {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #6F6F72;
}

.link-standard {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 24px;
  border-radius: 0px;
}

.link-standard a {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #4F73F4;
  text-decoration: none;
}

.block-inputs {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
}

.button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-width: 100px;
  height: 56px;
}

.button-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-text {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.additional-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 100%;
  height: 24px;
  margin-top: 20px;
}
#password .page-password-reset .additional-link {
  margin-top: 0px;
}

.additional-link a {
  font-family: "Satoshi",sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #0657A1 !important;
  text-decoration: none;
}

.alert-success {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

/* Estilos para móvil */
@media (max-width: 768px) {
  .password-reset-container {
    width: 328px;
    max-width: 100%;
    gap: 32px;
    padding: 0;
  }

  .content-info {
    width: 100%;
    height: auto;
    gap: 16px;
  }

  .content-info-text {
    width: 100%;
    height: auto;
    min-height: 48px;
  }

  .line-links {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-start;
    gap: 4px;
    width: 100%;
    height: auto;
  }

  .block-inputs {
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
  }

  .button-container {
    width: 100%;
  }

  .button-base {
    width: 100%;
  }
  
  #password #main .page-content {
    margin-bottom: 40px;
  }
}

/* Solución para navegadores móviles */
@media (max-width: 480px) {
  .password-reset-container {
    width: 100%;
    padding: 0;
  }
}

#password #content {
  max-width: 629px;
  margin: 0 auto;
}

#password #wrapper{
  margin-bottom: 80px;
}

#password .ps-alert-error {
  margin-bottom: 20px;
}

/* Hide elements not shown in the design */
#password #desktop-header, 
#password .header-nav, 
#password .breadcrumb,  
#password #mobile-header,
#password .breadcrumb {
  display: none;
}

/* Main container */
#password #block-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 40px;
  width: 629px;
  height: auto;
  flex: none;
  order: 0;
  flex-grow: 0;
}

/* Title section */
#password .title-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 629px;
  height: auto;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

#password .title-line h1 {
  width: 629px;
  height: auto;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}

#password .title-line p {
  width: 629px;
  height: auto;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #6F6F72;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}

/* Form section */
#password .text-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  height: 88px;
  border-radius: 0px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin-bottom: 40px;
}

#password .label-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 51px;
  height: 24px;
  border-radius: 0px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#password .label-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 51px;
  height: 24px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#password .label-text span {
  width: 40px;
  height: 24px;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#password .label-text .required {
  width: 7px;
  height: 24px;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FF4B3F;
  flex: none;
  order: 1;
  flex-grow: 0;
}

#password .text-input-base {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 629px;
  height: 56px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

#password .base {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 12px;
  width: 629px;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
#password #block-info form{
  width:100%;
}

#password .input-text {
  width: 597px;
  height: 24px;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
  flex: none;
  order: 0;
  flex-grow: 1;
  border: none;
  outline: none;
  background: transparent;
}

/* Button section */
#password .content-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 629px;
  height: 92px;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

#password .button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 629px;
  min-width: 100px;
  height: 56px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

#password .button-base {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 629px;
  height: 56px;
  background: #0657A1;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 1;
  border: none;
  cursor: pointer;
}
#password .button-base:hover {
  background: #00A6FB;
}

#password .text-content {
  height: 24px;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  flex: none;
  order: 1;
  flex-grow: 0;
}

/* Links section */
#password .line-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  width: 629px;
  height: 20px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

#password .link-standard {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 180px;
  height: 20px;
  border-radius: 0px;
  flex: none;
  order: 0;
  flex-grow: 0;
  text-decoration: none;
}

#password .link {
  width: 180px;
  height: 20px;
  font-family: 'Satoshi Variable', 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0657A1;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#password .required::after {
    display: none;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
  /* Main container adjustments */
  #password #content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  
  #password #block-info {
    width: 100%;
    height: auto;
    margin: 0 auto;
    gap: 32px;
  }
  
  /* Title section adjustments */
  #password .title-line {
    width: 100%;
    height: auto;
    gap: 24px;
  }
  
  #password .title-line h1 {
    width: 100%;
    height: auto;
    font-size: 40px;
    line-height: 48px;
  }
  
  #password .title-line p {
    width: 100%;
    height: auto;
    min-height: 96px;
  }
  
  /* Form input adjustments */
  #password .text-input {
    width: 100%;
    margin-bottom: 32px;
  }
  
  #password .text-input-base {
    width: 100%;
  }
  
  #password .base {
    width: 100%;
  }
  
  #password .input-text {
    width: 100%;
  }
  
  /* Button section adjustments */
  #password .content-button {
    width: 100%;
    height: auto;
  }
  
  #password .button {
    width: 100%;
  }
  
  #password .button-base {
    width: 100%;
  }
  
  /* Links section adjustments */
  #password .line-links {
    width: 100%;
  }

  /* Adjust overall spacing */
  #password #wrapper {
    /*margin-bottom: 40px !important;*/
    margin: 142px 0 142px 0 !important;
  }
}

/* Extra small devices (phones, 375px and down) */
@media (max-width: 375px) {
  #password #block-info {
    max-width: 100%;
  }
  
  #password .title-line h1 {
    font-size: 32px;
    line-height: 40px;
  }
  
  #password .title-line p {
    font-size: 16px;
    line-height: 22px;
  }
}

.cufo-register-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 40px;
  width: 100%;
  max-width: 626px;
  margin: 0 auto;
}

/* Título principal */
.cufo-register-title {
  width: 100%;
  height: 48px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  color: #020202;
}

/* Botón de login/signup */
.cufo-login-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 24px;
  width: 100%;
  height: 68px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
  margin-bottom: 40px;
}

.cufo-login-avatar {
  width: 37px;
  height: 37px;
  background-color: #D9D9D9;
  border: 2px solid #00A6FB;
  border-radius: 50%;
}

.cufo-login-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  flex-grow: 1;
}

.cufo-login-title {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #0657A1;
}

.cufo-login-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.cufo-login-dropdown-text {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
}

.cufo-login-caret-icon {
  width: 16px;
  height: 16px;
  color: #6F6F72;
}

.cufo-login-google-icon {
  width: 32px;
  height: 32px;
}

/* Separador de línea con texto */
.cufo-line-separator {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  width: 100%;
  height: 32px;
  margin: 16px 0;
}

.cufo-separator-line {
  flex-grow: 1;
  height: 0;
  border: 1px solid #ACDDFC;
}

.cufo-separator-text {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #0657A1;
  white-space: nowrap;
}

/* Bloque de inputs */
.cufo-inputs-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 100%;
}

/* Estilo general para campos de texto */
.cufo-input-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 8px;
  width: 100%;
  margin-bottom: 0px;
}

.cufo-label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 4px;
  border-radius: 0;
}

.cufo-label-text-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
}

.cufo-label-text {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #020202;
}

.cufo-label-required {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FF4B3F;
}

.cufo-input-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 12px;
  width: 100%;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}

.cufo-input-wrapper.cufo-error {
  border: 1px solid #FF4B3F;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
}

.cufo-input {
  flex-grow: 1;
  height: 24px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #6F6F72;
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
}

.cufo-error-icon {
  width: 24px;
  height: 24px;
  color: #FF4B3F;
}

.cufo-error-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 4px;
  width: 100%;
  height: 20px;
}

.cufo-error-icon-small {
  width: 16px;
  height: 16px;
  color: #FF4B3F;
}

.cufo-error-text {
  flex-grow: 1;
  height: 20px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FF4B3F;
}

/* Requisitos de contraseña */
.cufo-password-requirements {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 16px;
  gap: 16px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D2D0D1;
  border-radius: 8px;
  margin-bottom: 24px;
}

.cufo-password-title {
  width: 100%;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #6F6F72;
  margin-bottom: 16px;
}

.cufo-requirement-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  width: calc(32% - 8px);
}

.cufo-requirement {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 4px;
  width: 100%;
  height: 26px;
}

.cufo-bullet-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.cufo-bullet {
  width: 6px;
  height: 6px;
  background: #00A6FB;
  border-radius: 50%;
}

.cufo-requirement-text {
  flex-grow: 1;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #0657A1;
}

/* Sección de protección de contenido */
.cufo-content-protection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 100%;
  margin-bottom: 40px;
}

.cufo-protection-title {
  width: 100%;
  height: 32px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #020202;
}

/* Checkbox */
.cufo-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 4px;
  margin-bottom: 16px;
}

.cufo-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 8px;
  border-radius: 0;
}

.cufo-checkbox {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #6F6F72;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
}

.cufo-checkbox:checked:before {
  content: "✓";
  position: absolute;
  top: -1px;
  left: 2px;
  font-size: 12px;
  color: #0657A1;
}

.cufo-checkbox:focus {
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
}

.cufo-checkbox-label {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #020202;
}

.cufo-link {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #4F73F4;
  text-decoration: none;
  margin-left: 4px;
}

/* Botones */
.cufo-button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  width: 100%;
  min-width: 100px;
  height: 56px;
  margin-bottom: 0px;
}

.cufo-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  border: none;
  background: none;
}

.cufo-button-disabled {
  background: #F7F7F7;
  border: 1px solid #D2D0D1;
  color: #959498;
  cursor: not-allowed;
}

.cufo-button-primary {
  border: 1px solid #0657A1;
  color: #0657A1;
  background: #FFFFFF;
}
.cufo-button-primary:hover, .cufo-link-account a:hover {
  background: #00A6FB;
  color: #FFFFFF !important;
  border: 0px solid #0657A1;
}

/* Enlaces */
.cufo-link-account {
  text-align: center;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cufo-link-account a {
     font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 24px;
  color: #0657A1;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 8px;
  width: 100%;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #0657A1;
}

/* Form error */
.cufo-field-error {
  color: #FF4B3F;
  font-size: 14px;
  margin-top: 4px;
}
.cufo-inputs-block .form-footer{
	width:100%;
}

.cufo-inputs-block .form-group{
	width: 100%;
	margin-right: 15px;
    margin-left: 0;
}

.cufo-inputs-block .form-group .js-input-column{
	padding-right: 0;
    padding-left: 0;
}

.cufo-inputs-block .col-form-label{
	padding-right: 0;
    padding-left: 0;
	max-width: 100%;
}

/*.form-control[required] {
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
  border: 1px solid #FF4B3F !important;
}*/

/*.cufo-input-wrapper:has(input[required]) {
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #F3BBB8;
  border: 1px solid #FF4B3F !important;
}*/

.form-group .col-form-label, #customer-form .cufo-label-text {
	font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    color: #020202;
}

#registration #customer-form .form-control-comment {
  padding-top: 0;
  padding-bottom: 0;
}

.cufo-link-account a{
	color: #0657A1 !important;
}
.cufo-inputs-block .col-form-label{
	padding-top:0;
}

.cufo-inputs-block .form-control-comment{
	padding-right: 0;
    padding-left: 0;
}

#registration #desktop-header, #registration .header-nav, #registration .breadcrumb {
	display:none;
}

/* Media queries para hacer el diseño responsive */

/* Tablets y dispositivos medianos (768px y menor) */
@media (max-width: 768px) {
  .cufo-register-container {
    padding: 0;
    gap: 30px;
  }

  
  .cufo-login-button {
    height: auto;
    min-height: 68px;
    padding: 12px 16px;
  }
  
  .cufo-password-requirements {
    gap: 10px;
  }
}

/* Móviles (576px y menor) */
@media (max-width: 576px) {
  .cufo-password-requirements {
    padding: 9px;
  }
  .cufo-register-container {
    padding: 0;
    gap: 24px;
  }
  
  .cufo-login-button {
    gap: 12px;
    padding: 10px 12px;
  }
  
  .cufo-login-title {
    font-size: 16px;
  }
  
  .cufo-login-dropdown-text {
    font-size: 14px;
  }
  
  .cufo-separator-text {
    font-size: 20px;
    line-height: 28px;
  }
  
  .cufo-input-wrapper {
    height: 50px;
    padding: 12px;
  }
  
  .cufo-label-text {
    font-size: 15px;
  }
  
  .cufo-button {
    padding: 14px 20px;
    height: 50px;
  }
  
  .cufo-link-account a {
    padding: 14px 20px;
    height: 50px;
  }
  
  .cufo-protection-title {
    font-size: 22px;
    line-height: 30px;
  }
  
  .cufo-line-separator {
    margin: 30px 0;
  }
}

/* Móviles pequeños (375px y menor) */
@media (max-width: 375px) {
  .cufo-register-container {
    padding: 0;
    gap: 20px;
  }
  
  .cufo-login-avatar {
    width: 32px;
    height: 32px;
  }
  
  .cufo-login-google-icon {
    width: 24px;
    height: 24px;
  }
  
  .cufo-input-field {
    margin-bottom: 16px;
  }
  
  .cufo-button-container {
    height: 48px;
  }
  
  .cufo-button {
    height: 48px;
    font-size: 15px;
  }
  
  .cufo-line-separator {
    height: 24px;
    margin: 24px 0;
  }
  
  .cufo-checkbox-label {
    font-size: 13px;
  }
}

/* Ajustes para mantener la consistencia en todos los tamaños */
@media (max-width: 992px) {
  /* Estos ajustes ayudan a mantener consistencia a través de todos los tamaños */
  .cufo-inputs-block {
    width: 100%;
  }
  
  .cufo-input-field, 
  .cufo-content-protection {
    width: 100%;
  }
  
  .cufo-password-requirements {
    width: 100%;
  }
}

/* Aseguramos que los campos y elementos de formulario sean siempre responsivos */
.cufo-inputs-block .form-group,
.cufo-inputs-block .form-footer {
  width: 100%;
}

.cufo-input {
  width: 100%;
}

/* Ajustes para evitar overflow en elementos con texto */
.cufo-requirement-text,
.cufo-checkbox-label,
.cufo-label-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#registration #desktop-header, #registration .header-nav,  #registration .breadcrumb, #registration #mobile-header {
	display:none;
}

#registration .page-content {
    margin-bottom: 0;
}

#registration .my-account-page-content-wrapper, .page-authentication #content, .page-customer-account #content {
    padding: 0;
}



#category .form-control {
  height: auto;
}

.blue-text{
	color:#00A6FB;
}

/* Cart */
#cart .product-line-grid{
	margin-top: 0;
	margin-bottom: 0;
}
#cart .cart-item {
    padding: 40px 0;
}

#cart .small-gutters>.col, #cart .small-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

#cart .checkout-item{
	gap:32px;
}

#cart .product-line-grid{
	margin-left:24px !important;
	margin-right:24px !important;
}

.price-line{
	padding-right: 0;
    padding-left: 0;
}

.checkout-cart-title{
	margin-bottom: 34px;
}

#cart .footer__faqs, #cart .footer__ventajas {
  display: none;
}
#cart .footer__comunidad {
  margin-top: 80px;
}

.block-promo .cart-voucher .voucher-title span, 
.payment-methods .payment-title,
.card-body .cart-summary-line .value {
  font-weight: 500 !important;
}
.block-promo .cart-voucher .input-group button:hover {
  background: #00A6FB;
  color: #fff;
}
.block-promo .cart-voucher .input-group button:hover span {
  color: #fff;
}
.block-promo .cart-voucher .input-group .form-control:hover {
  border: 2px solid #00A6FB;
}

.card .checkout a.btn-primary:hover {
  background: #00A6FB;
}

@media screen and (max-width: 768px) {
  .cart-title-block {
    margin-bottom: 48px;
    margin-right: 0; /* Margen derecho 0 para móviles */
  }
  #cart .product-line-grid {
      margin-left: 0 !important; 
      margin-right: 0 !important; 
  }
  #cart .product-info{
    gap:24px;
  }
  .block-iqithtmlandbanners-html{
    padding-right: 0;
      padding-left: 0;
  }
}

#cms #main .page-content {
  margin-bottom: -2px;
}

#cms .page-title{
  display: none;
}


/*page 404*/
#pagenotfound .error-container {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  background-image: url('/img/section-404.jpg') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  position: relative !important;
}

/* Contenido de texto */
#pagenotfound .content-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 24px !important;
  width: 843px !important;
  z-index: 1 !important;
}

/* Título con dos colores diferentes */
#pagenotfound .content-text h1 {
  width: 534.99px !important;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 56px !important;
  line-height: 64px !important;
  text-align: center !important;
  color: #000000 !important; /* Color negro para todo el texto por defecto */
  margin-bottom: 24px !important;
}

/* Añadimos una clase específica para el texto azul o modificamos el HTML */
#pagenotfound .content-text h1 .blue-text {
  color: #0657A1 !important;
}

#pagenotfound .content-text p {
  width: 100% !important;
  font-family: "Satoshi",sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 32px !important;
  text-align: center !important;
  color: #6F6F72 !important;
}

#pagenotfound .content-text p a {
  color: #0657A1 !important;
  text-decoration: underline !important;
}

/* Media queries para responsive */
@media (max-width: 991px) {
  #pagenotfound .content-text {
    width: 90% !important;
  }
  
  #pagenotfound .content-text h1 {
    width: 100% !important;
    font-size: 42px !important;
    line-height: 50px !important;
  }
}

/* Estilos específicos para móvil */
@media (max-width: 767px) {
  #pagenotfound .content-text {
    width: 328px !important;
    gap: 24px !important;
  }
  
  #pagenotfound .content-text h1 {
    width: 328px !important;
    font-size: 40px !important;
    line-height: 48px !important;
  }
  
  #pagenotfound .content-text p {
    width: 328px !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

/* Para pantallas muy pequeñas */
@media (max-width: 375px) {
  #pagenotfound .content-text {
    width: 90% !important;
  }
  
  #pagenotfound .content-text h1 {
    width: 100% !important;
    font-size: 32px !important;
    line-height: 40px !important;
  }
  
  #pagenotfound .content-text p {
    width: 100% !important;
    font-size: 18px !important;
    line-height: 28px !important;
  }
}

#pagenotfound #main .page-content {
  margin-bottom: 0;
}

#pagenotfound #inner-wrapper {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.sobre-michalis-description {
  max-width: 482px;
  margin-left: auto;
  margin-right: auto;
}

.bold-text{
	color:#020202;
	font-weight:500;
}

.sobre-max-width{
	max-width:628px;
	margin-left: auto;
	margin-right: auto;
}

.sobre-service-img img{
	width:100%;
}

#cms .breadcrumb{
	display: none;
}

@media only screen and (max-width: 767px) {
  .border-container {
    border-width: 0px 0px 0px 0px !important;
  }
}

@media only screen and (min-width: 1441px) {
  .elementor-element.elementor-element-03amsfx {
    background-image: url(https://michalis.es/img/cms/cabecera-desktop.jpg);
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 100px 0px 100px 0px !important;
  }
}

.iqitmegamenu .cbp-hrmenu-tab .nav-link {
  border-bottom: 4px solid transparent;
}

/* Newsletter */
.form__newsletter .elementor-newsletter-btn {
  margin-left: 8px;
  border-radius: 4px;
}

/* Footer */
#footer a:hover {
  color: #ACDDFC !important;
}
#footer .footer__title span {
  font-weight: 500 !important;
}
#footer .elementor-heading-title .footer-link {
  margin-right: 24px;
}
#footer .elementor-heading-title .footer-link:last-child {
  margin-right: 0;
}
#category #footer-container-main, #category #checkout-footer {
    border-top: 0;
    padding-top: 0;
}
#footer #footer-container-main {
  padding-top: 0px;
}

/*Marcas*/
.home__brands .elementor-image {
  padding: 32px 34px;
  border: 1px solid #D2D0D1;
  border-radius: 4px;
}
.home__brands .elementor-row {
gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .home__brands .elementor-column {
      width: 25%;
  }
  .home__brands .elementor-row {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .home__brands .elementor-image {
    padding: 10px 2px;
  }
  .home__brands .elementor-column {
      width: 48%;
  }
  .home__brands .elementor-row {
    gap: 8px;
  }
}
.home__brands .elementor-image {
padding: 2rem;
border: 1px solid var(--border-color);
border-radius: 4px;
transition: all var(--transition-default);
}
@media only screen and (max-width: 767px) {
    .home__brands .elementor-image {
        padding: .5rem;
    }
}
.home__brands .elementor-image:hover {
border-color: var(--primary-color);
background-color: var(--light-bg);
}

/* Otros */
.ps-shoppingcart.dropdown #blockcart-content{
z-index: 1000;
}

/* Bloques de 4 */

.block-light-blue-offer .block-image-full div{
    height: 100%;
}

.block-light-blue-offer .block-image-full img{
    height: 100%;
    object-fit: cover;
}

.block-light-blue-offer .elementor-widget-icon-box{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.button-offer-flash-last{
    position: absolute;
    bottom: 7%;
    width: 100%;
    padding: 0 25px;
}

.button-offer-flash-last.mobile-button{
    position: relative;
    bottom: 4%;
}

.button-offer-flash-last .elementor-icon-box-wrapper{
    position: relative;
}

.block-light-blue-offer .elementor-widget-icon-box .elementor-icon, .button-offer-flash-last .elementor-icon{
    background: #0657A1;
    height: 32px;
    width: 32px;
    border-radius: 5px;
    transition: 0.3s;
}

.block-light-blue-offer .elementor-widget-icon-box .elementor-icon:hover, .button-offer-flash-last .elementor-icon:hover{
    background: #05a6fc;
}

.block-light-blue-offer .elementor-widget-icon-box .elementor-icon-box-content, .button-offer-flash-last .elementor-icon-box-content{
    position: absolute;
    left: 0;
    top: 5px;
}

.block-light-blue-offer .elementor-widget-icon-box .elementor-icon-box-content span, .button-offer-flash-last .elementor-icon-box-content span{
    font-weight: 500 !important;
}

.block-light-blue-offer .elementor-widget-icon-box span i::before, .button-offer-flash-last span i::before{
    display: block;
    content: "";
    width: 20px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.50028%200.669922V7.16992C9.50028%207.30253%209.4476%207.42971%209.35383%207.52348C9.26006%207.61724%209.13289%207.66992%209.00028%207.66992C8.86767%207.66992%208.74049%207.61724%208.64672%207.52348C8.55296%207.42971%208.50028%207.30253%208.50028%207.16992V1.8768L1.35403%209.02367C1.26021%209.11749%201.13296%209.1702%201.00028%209.1702C0.867596%209.1702%200.740348%209.11749%200.646528%209.02367C0.552708%208.92985%200.5%208.8026%200.5%208.66992C0.5%208.53724%200.552708%208.40999%200.646528%208.31617L7.7934%201.16992H2.50028C2.36767%201.16992%202.24049%201.11724%202.14672%201.02348C2.05296%200.929707%202.00028%200.80253%202.00028%200.669922C2.00028%200.537314%202.05296%200.410137%202.14672%200.316369C2.24049%200.2226%202.36767%200.169922%202.50028%200.169922H9.00028C9.13289%200.169922%209.26006%200.2226%209.35383%200.316369C9.4476%200.410137%209.50028%200.537314%209.50028%200.669922Z%22%20fill%3D%22white%22/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    position: relative;
    top: 9px;
    right: 5px;
}

.block-light-blue-offer.mobile-view .elementor-row{
    flex-direction: row !important;
}

.block-light-blue-offer.mobile-view .elementor-row .left-column{
    width: 75% !important;
}

.block-light-blue-offer.mobile-view .elementor-row .left-column+.elementor-column{
    width: 25% !important;
}

.block-light-blue-offer.mobile-view .block-image-full img{
    height: 100%;
    min-height: 120px;
}

@media only screen and (min-width: 1920px) {
    .first-light-block > .elementor-container{
        min-height: 385px !important;
    }
    
    .second-light-block > .elementor-container{
        min-height: 477px !important;
    }

    .last-block-offer-flash .elementor-widget-image .elementor-widget-container{
        margin: -210px 0px 0px 0px;
    }
}

@media only screen and (max-width: 1420px) {
  .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: -22% !important;
  }
}

@media only screen and (max-width: 1350px) {
  .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: -18% !important;
  }
}

@media only screen and (max-width: 1265px) {
  .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: -13% !important;
  }
}

@media only screen and (max-width: 1170px) {
  .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: -7% !important;
  }
}

@media only screen and (max-width: 1085px) {
  .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 991px) {
  .block-light-blue-offer .elementor-row{  
    flex-direction: column-reverse !important;
  }

    .block-light-blue-offer .elementor-row .elementor-column{
        width: 100% !important;
    }

    .block-light-blue-offer .elementor-widget-icon-box{
        margin-top: 20px;
        position: relative;
        bottom: unset;
    }

    .block-light-blue-offer .block-image-full img{
        height: 180px;
        border-radius: 10px 10px 0px 0px !important;
    }

    .last-block-offer-flash .elementor-widget-image .elementor-widget-container{  
    margin-top: 13% !important;
  }
}

@media only screen and (max-width: 768px) {
   .block-light-blue-offer.mobile-view .block-image-full img{
        border-radius: 0px 10px 10px 0px !important;
    }

    .block-light-blue-offer.mobile-view .elementor-widget-icon-box{
        position: absolute;
        bottom: 0;
    }

    .block-light-blue-offer .elementor-widget-icon-box .elementor-icon-box-icon{
        margin-bottom: 0;
    }

    .block-light-blue-offer .block-image-full img{
        height: 120px;
        border-radius: 10px 10px 0px 0px !important;
    }

    .block-light-blue-offer .elementor-widget-heading p span{
        font-weight: 500 !important;
    }
}

/* Bloques de 4 */


/* Slider Home */
.home-slider img {
    width: 100%;
}

.home-slider .elementor-widget-button{
    position: absolute;
    bottom: 10%;
    left: 5%;
}

.home-slider > .elementor-container{
    padding-bottom: 40px;
}

.home-slider .swiper-button-prev{
    left: 10px;
}

.home-slider .swiper-button-next{
    right: 10px;
}

.home-slider .swiper-button-prev, .home-slider .swiper-button-next{
    background: white;
    border: 1px solid #0657A1;
}

.home-slider .swiper-button-prev::after, .home-slider .swiper-button-next::after{
    font-site: 1rem;
    color: #009dff;
    transition: 0.3s;
}

.home-slider .swiper-button-prev:hover::after, .home-slider .swiper-button-next:hover::after{
    background: #009dff;
    border: 0;
    cursor: pointer;
}

.home-slider .swiper-button-prev::after:hover, .home-slider .swiper-button-next::after:hover{
    color: white;
}

.home-slider .title-into-slider, .home-slider .text-into-slider{
    max-width: 40%;
    display: block;
    position: absolute;
    left: 5%;
}

.home-slider .title-into-slider{
    top: 12%;
    font-size: 56px;
    font-weight: 400;
    line-height: 64px;
    color: white;
}

.home-slider .title-into-slider.second-type-slider{
    color: black;
}

.home-slider .title-into-slider blue{
    color: #009ef4;
}

.home-slider .title-into-slider light-blue{
    color: #00a6fb !important;
}

.home-slider .text-into-slider{
    top: 55%;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #a1aec3;
}

.home-slider .text-into-slider.second-type-slider{
    top: 63%;
}

@media only screen and (max-width: 1330px) {
    .home-slider .title-into-slider, .home-slider .text-into-slider{
        max-width: 55%;
    }
}

@media only screen and (max-width: 1180px) {
    .home-slider .title-into-slider.second-type-slider{
        top: 10%;
        font-size: 46px;
        line-height: 54px;
    }

    .home-slider .text-into-slider.second-type-slider{
        top: 53%;
    }
}

@media only screen and (max-width: 1070px) {
    .home-slider .title-into-slider, .home-slider .text-into-slider{
        max-width: 65%;
    }
}

@media only screen and (max-width: 991px) {
    .home-slider{
        padding-top: 100px !important;    
    }

    .home-slider .title-into-slider, .home-slider .title-into-slider.second-type-slider{
        font-size: 35px;
        line-height: 45px;
        left: 10%;
    }

    .home-slider .title-into-slider blue{
        color: white;
    }

    .home-slider .text-into-slider{
        display: none;    
    }

    .home-slider img{
        min-height: 300px;
    }
}

@media only screen and (max-width: 776px) {
        .home-slider img{
            max-height: 600px;
        }

        .home-slider .text-into-slider{
            display: block;    
        }

        .home-slider .title-into-slider, .home-slider .text-into-slider{
            max-width: 100%;
            left: 0;
            margin: 0 55px;
        }
    
    .home-slider .text-into-slider{
        top: 45%;
    }

    .home-slider .title-into-slider{
        top: 15%;
    }
    
    .home-slider .title-into-slider.second-type-slider{
        left: 0;
    }
    
    .home-slider .elementor-widget-button{
        left: 0;
        margin: 0 55px;
    }
}

/* Slider Home */

/* Blog */
#module-ph_simpleblog-list #content-wrapper .page-title, #module-ph_simpleblog-category #content-wrapper .page-title {
  padding-top: 32px;
}
#module-ph_simpleblog-list .simpleblog__listing .simpleblog__listing__post__wrapper__content__headline, 
#module-ph_simpleblog-category .simpleblog__listing .simpleblog__listing__post__wrapper__content__headline, 
.simpleblog-posts .simpleblog-posts-column .simpleblog__listing__post__wrapper__content__headline.post-title {
  font-size: 24px !important;
  line-height: 32px;
}
#module-ph_simpleblog-list .simpleblog__listing .description, #module-ph_simpleblog-category .simpleblog__listing .description {
  font-size: 14px;
}
#module-ph_simpleblog-list .simpleblog__listing a.simpleblog__listing__post__wrapper__content__readmore:hover, #module-ph_simpleblog-category .simpleblog__listing a.simpleblog__listing__post__wrapper__content__readmore:hover {
  background: #00A6FB !important;
  color: #FFFFFF !important;
}
#module-ph_simpleblog-list .simpleblog__listing a.simpleblog__listing__post__wrapper__content__readmore:hover svg path, #module-ph_simpleblog-category .simpleblog__listing a.simpleblog__listing__post__wrapper__content__readmore:hover svg path {
  fill: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  #module-ph_simpleblog-list #content-wrapper .page-title, #module-ph_simpleblog-category #content-wrapper .page-title {
    padding-top: 24px;
  }
  #module-ph_simpleblog-list .simpleblog__listing .simpleblog__listing__post__wrapper__content__headline, 
  #module-ph_simpleblog-category .simpleblog__listing .simpleblog__listing__post__wrapper__content__headline,
  .simpleblog-posts .simpleblog-posts-column .simpleblog__listing__post__wrapper__content__headline.post-title {
    font-size: 18px !important;
    line-height: 24px;
  }
  #module-ph_simpleblog-list .simpleblog__listing .description, #module-ph_simpleblog-category .simpleblog__listing .description {
    font-size: 14px;
  }
  #module-ph_simpleblog-list .simpleblog__listing .description .d-inline, #module-ph_simpleblog-category .simpleblog__listing .description .d-inline {
    display: block !important;
  }
  #module-ph_simpleblog-list .simpleblog__listing .simpleblog__listing__post__wrapper__content, #module-ph_simpleblog-category .simpleblog__listing .simpleblog__listing__post__wrapper__content {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
}

/* Post */
#module-ph_simpleblog-single .simpleblog__post__content {
  width: 845px;
  margin: auto;
  text-align: justify;
  line-height: normal;
}
#module-ph_simpleblog-single .simpleblog__post__content .rte-content p {
  font-size: 16px;
  font-weight: 400;
  color: #6F6F72;
  line-height: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #module-ph_simpleblog-single .simpleblog__post__content {
    width: 100%;
  }
}

/* Sobre Michalis */
.about__separator img {
  width: 100%;
  padding: 0 16px;
}
.about__profesional span {
  font-weight: 500 !important;
}

#authentication .input-contraseña .form-group .required::after {
  display:none;
}
.text-input-base .base {
  position: relative;
}

.eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.eye-icon.show {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cg%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'%3E%3C/path%3E%3Cline x1='1' y1='1' x2='23' y2='23'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
}

.input-contraseña input {
  padding-right: 40px;
}

#my-account .breadcrumb,
#history .breadcrumb,
#identity .breadcrumb,
#addresses .breadcrumb {
  margin-bottom: 32px !important;
}
#my-account .breadcrumb,
  #history .breadcrumb,
  #identity .breadcrumb,
  #addresses .breadcrumb {
      margin-top: 80px !important;
  }

@media (max-width: 992px) {
  #my-account .breadcrumb,
  #history .breadcrumb,
  #identity .breadcrumb,
  #addresses .breadcrumb {
      padding-top: 80px !important;
  }
}

/* Bloque offers */
.home__offers .elementor-widget-icon-box a i::before {
    display: block;
    content: "";
    width: 20px;
    height: 15px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.50028%200.669922V7.16992C9.50028%207.30253%209.4476%207.42971%209.35383%207.52348C9.26006%207.61724%209.13289%207.66992%209.00028%207.66992C8.86767%207.66992%208.74049%207.61724%208.64672%207.52348C8.55296%207.42971%208.50028%207.30253%208.50028%207.16992V1.8768L1.35403%209.02367C1.26021%209.11749%201.13296%209.1702%201.00028%209.1702C0.867596%209.1702%200.740348%209.11749%200.646528%209.02367C0.552708%208.92985%200.5%208.8026%200.5%208.66992C0.5%208.53724%200.552708%208.40999%200.646528%208.31617L7.7934%201.16992H2.50028C2.36767%201.16992%202.24049%201.11724%202.14672%201.02348C2.05296%200.929707%202.00028%200.80253%202.00028%200.669922C2.00028%200.537314%202.05296%200.410137%202.14672%200.316369C2.24049%200.2226%202.36767%200.169922%202.50028%200.169922H9.00028C9.13289%200.169922%209.26006%200.2226%209.35383%200.316369C9.4476%200.410137%209.50028%200.537314%209.50028%200.669922Z%22%20fill%3D%22white%22/%3E%3C/svg%3E) no-repeat center center;
    background-size: contain;
    position: relative;
    top: 9px;
    right: 5px;
}