fieldset {
	border: none!important;
}

/* --- Estilos para los botones de radio --- */


/* Oculta los botones de radio estándar */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #000; /* Color del borde inicial en negro */
  border-radius: 50%;
  background-color: white;
  outline: none; /* Oculta el enfoque por defecto */
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  margin:0px 4px 0px 0px;
}

/* Estilo cuando el botón de radio está seleccionado */
input[type="radio"]:checked {
  background-color: white; /* Fondo blanco */
  border-color: #000; /* Borde negro */
}

/* Punto dentro del radio cuando está seleccionado */
input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background-color: #000; /* Centro negro al estar seleccionado */
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Mejora la accesibilidad con un enfoque visual */
input[type="radio"]:focus, input[type="radio"]:hover {
  box-shadow: 0 0 5px #000000; /* Aumenta el tamaño de la sombra */
  
}

/* --- Estilos para los checkboxes --- */

/* Ocultar el checkbox predeterminado */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #000; /* Borde negro */
  border-radius: 3px;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease, box-shadow 0.3s ease;
}

/* Estilo cuando el checkbox está seleccionado */
input[type="checkbox"]:checked {
  background-color: #000; /* Fondo negro al seleccionar */
  border-color: #000; /* Mantener el borde negro */
}

/* Checkmark (la palomita) cuando está seleccionado */
input[type="checkbox"]:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: white; /* Color del checkmark */
}

/* Mejora la accesibilidad con un enfoque visual */
input[type="checkbox"]:focus, input[type="checkbox"]:hover {
  box-shadow: 0 0 5px #000000; /* Aumenta el tamaño de la sombra */
}


.lh-0 {
line-height: 0px!important;
}
:focus {
  outline: none !important;
}
:focus-visible {
  outline: none !important;
}
.texto-precio {
    font-size: 14px;
}


@media only screen and (max-width: 1024px) {
    .elementor-widget-n-menu .e-n-menu-title-container {
        display: flex!important;
        flex-direction: row!important;
        align-self: var(--n-menu-icon-align-items)!important;
        gap: var(--n-menu-icon-gap)!important;
        width: 100vw!important;
        align-items: center!important;
        justify-content: space-between!important;
    }
}