/* Banner/carrusel: ocultar flechas */
.cbmfwc-banner-wrapper .swiper-button-prev,
.cbmfwc-banner-wrapper .swiper-button-next {
  display: none !important;
}
/* Logo responsivo y cambio en modo oscuro */
.mago-logo img {
  display: block;
  width: clamp(140px, 18vw, 260px);  /* Logo se ajusta responsivamente */
  height: auto;
  filter: none;  /* Sin filtro por defecto */
  transition: filter .2s ease;  /* Transición suave en cambio de modo */
}

/* Cuando el tema está en oscuro, invertimos el logo */
html.dark-mode .mago-logo img {
  filter: invert(1) brightness(1.05) contrast(1.05); /* Blanco en modo oscuro */
}
---------------------------------
/* Logo responsivo y cambio en modo oscuro */
.mago-logo img {
  display: block;
  width: clamp(140px, 18vw, 260px);  /* Logo se ajusta responsivamente */
  height: auto;
  filter: none;  /* Sin filtro por defecto */
  transition: filter .2s ease;  /* Transición suave en cambio de modo */
}

/* Cuando el tema está en oscuro, invertimos el logo */
html.dark-mode .mago-logo img {
  filter: invert(1) brightness(1.05) contrast(1.05); /* Blanco en modo oscuro */
}

--------------------------------

/* Logo responsivo y cambio en modo oscuro */
.mago-logo img {
  display: block;
  width: clamp(140px, 18vw, 260px);  /* Logo se ajusta responsivamente */
  height: auto;
  filter: none;  /* Sin filtro por defecto */
  transition: filter .2s ease;  /* Transición suave en cambio de modo */
}

/* Cuando el tema está en oscuro, invertimos el logo */
html.dark-mode .mago-logo img {
  filter: invert(1) brightness(1.05) contrast(1.05); /* Blanco en modo oscuro */
}

---------------------------------

/* Contact Form 7 */
.wpcf7 {
  font-family: 'Inter', sans-serif;
}
.wpcf7-form label {
  font-weight: 500;
  color: #111;
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}
.wpcf7-form-control:not([type="submit"]) {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  background-color: #ffffff;
  color: #666666;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
.wpcf7-form-control:not([type="submit"]):focus {
  border-color: #111;
  outline: none;
}
.wpcf7-form input[type="submit"] {
  width: 100%;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: #111111;
  border: 1px solid #111111;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.wpcf7-form input[type="submit"]:hover {
  color: #111111;
  background-color: #ffffff;
}
.wpcf7-response-output {
  margin-top: 20px !important;
  border-radius: 8px;
  border-width: 1px !important;
  padding: 15px !important;
}
.wpcf7 fieldset {
  border: 1px solid #e5e5e5;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 20px;
}

/* Responsive CF7 y Popup Maker */
@media (max-width: 768px) {
  .pum-content {
    padding: 25px !important;
  }
  .wpcf7 fieldset {
    padding: 20px;
  }
  .wpcf7-form-control:not([type="submit"]) {
    padding: 10px 15px;
    font-size: 15px;
  }
  .wpcf7-form input[type="submit"] {
    padding: 15px;
    font-size: 16px;
  }
}

----------------------------------

/* Checkout */
.wc-block-checkout__form .wc-blocks-components-select {
  margin: 0; /* <- corregido */
}
@media (max-width: 768px) {
  .wp-block-woocommerce-checkout .wc-block-checkout__main,
  .wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
    width: 100%;
  }
  div#radio-control-wc-payment-method-options-bacs__content > div p {
    font-size: 14px;
  }
  /* Evita font-size:0 en el contenedor; compacta con márgenes/line-height mejor */
  div#radio-control-wc-payment-method-options-bacs__content > div {
    font-size: inherit;
  }
}

-----------------------

/* Cambio de fondo y texto en modo oscuro */
html.dark-mode .wpcf7-form-control-wrap,
html.dark-mode .wpcf7-form-control.wpcf7-radio {
  background-color: #333; /* Fondo oscuro */
  color: #fff; /* Texto blanco */
}

html.dark-mode .wpcf7-list-item label {
  color: #fff; /* Etiquetas blancas en modo oscuro */
}

html.dark-mode .wpcf7-form-control input[type="radio"] {
  background-color: #666; /* Radio oscuro */
}

/* Si el radio tiene un borde, puedes también cambiar el borde para que se vea en modo oscuro */
html.dark-mode .wpcf7-form-control input[type="radio"]:checked {
  border-color: #fff; /* Borde blanco cuando el radio está seleccionado */
}

-------------------------------

.wp-block-post .yith-wcwl-add-to-wishlist a {
    font-size: 0;
    height: 40px;
    width: 40px;
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    border-radius: 200px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
}

.yith-add-to-wishlist-button-block svg.yith-wcwl-icon-svg {
    width: 20px !important;
}

.wp-block-post .yith-add-to-wishlist-button-block a {
	    font-size: 0;
    height: 40px;
    width: 40px;
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
    border-radius: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
text-align: center;
}

.wp-block-post .yith-add-to-wishlist-button-block a span {
    display: none;
}

.wp-block-post .yith-add-to-wishlist-button-block a:hover {
color: var(--wp--preset--color--base);
    	background-color: var(--wp--preset--color--contrast);
}

.wp-block-post .yith-add-to-wishlist-button-block a:hover svg {
	fill: #fff;
}

.wp-block-post .yith-add-to-wishlist-button-block {
    position: absolute;
    top: 70px;
    right: 20px;
		display: none;
}

.wp-block-post:hover .yith-add-to-wishlist-button-block {
	display: block;
}


.mobile-header .wp-block-navigation .wp-block-navigation__submenu-icon { z-index: 99; }