/* === ACCESIBILIDAD === */

body.alto-contraste {
  background-color: #000 !important;
  color: #FFD700 !important;
}

body.alto-contraste a {
  color: #00FFFF !important;
  text-decoration: underline !important;
}

body.alto-contraste img {
  opacity: 0.8 !important;
}

body.alto-contraste button,
body.alto-contraste .theme-button,
body.alto-contraste .btn {
  background-color: #FFD700 !important;
  color: #000 !important;
  border: 2px solid #fff !important;
}

body.alto-contraste input,
body.alto-contraste select,
body.alto-contraste textarea {
  background-color: #333 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
}

body.alto-contraste .header-navigation-area,
body.alto-contraste .footer-navigation-area {
  background-color: #000 !important;
}

body.texto-grande {
  font-size: 18px !important;
  line-height: 1.8 !important;
}

body.texto-grande h1,
body.texto-grande h2,
body.texto-grande h3,
body.texto-grande h4,
body.texto-grande h5,
body.texto-grande h6,
body.texto-grande p,
body.texto-grande a,
body.texto-grande li,
body.texto-grande input,
body.texto-grande button {
  font-size: 1.2em !important;
}

body.subrayar-enlaces a {
  text-decoration: underline !important;
}



/* === Extensiones Accesibilidad Alta === */

/* Colores claros del header que deben cambiar */
body.alto-contraste .header-area--one,
body.alto-contraste .header-area--default--white,
body.alto-contraste .header-area--default--transparent.is-sticky,
body.alto-contraste .header-navigation-area--white {
  background-color: #000 !important;
}

body.alto-contraste .header-navigation-wrapper nav > ul > li > a,
body.alto-contraste .header-icon__list li > a,
body.alto-contraste .header-top-dropdown > a,
body.alto-contraste .header-contact-info__list li a {
  color: #FFD700 !important;
}

body.alto-contraste .header-top-dropdown__list,
body.alto-contraste .account-dropdown__list {
  background-color: #111 !important;
  color: #FFD700 !important;
}

body.alto-contraste .header-top-dropdown__list li a:hover,
body.alto-contraste .account-dropdown__list li a:hover {
  color: #00FFFF !important;
}

/* Submenús desplegables */
body.alto-contraste .header-navigation-wrapper nav > ul > li > ul {
  background-color: #111 !important;
  color: #FFD700 !important;
}

/* Iconos y SVG */
body.alto-contraste i,
body.alto-contraste svg {
  color: #FFD700 !important;
  fill: #FFD700 !important;
}

/* Estado seleccionado de botones o pestañas */
body.alto-contraste .btn-activo,
body.alto-contraste .active,
body.alto-contraste .selected {
  background-color: #FFD700 !important;
  color: #000 !important;
  border-color: #FFF !important;
}



/* === Ajustes específicos para cabecera y megamenú en modo alto contraste === */

body.alto-contraste .encabezado-fijo,
body.alto-contraste .header-area,
body.alto-contraste .header-top,
body.alto-contraste .header-top-content-wrapper,
body.alto-contraste .header-contact-info-wrapper,
body.alto-contraste .header-navigation-wrapper,
body.alto-contraste .header-icon-area,
body.alto-contraste .header-mobile-navigation,
body.alto-contraste .sticky-top-bar,
body.alto-contraste .sticky-main-bar {
  background-color: #000 !important;
  color: #FFD700 !important;
}

body.alto-contraste .header-contact-info__list li a,
body.alto-contraste .header-top-dropdown a,
body.alto-contraste .nav > li > a,
body.alto-contraste .header-icon__list li a,
body.alto-contraste .header-top-dropdown__list li a {
  color: #FFD700 !important;
}

body.alto-contraste .header-top-dropdown__list,
body.alto-contraste .account-dropdown__list,
body.alto-contraste .megamenu {
  background-color: #111 !important;
  border-color: #333 !important;
  color: #FFD700 !important;
}

body.alto-contraste .megamenu a,
body.alto-contraste .megamenu strong,
body.alto-contraste .megamenu li a {
  color: #FFD700 !important;
}

body.alto-contraste .megamenu li a:hover,
body.alto-contraste .megamenu strong a:hover {
  color: #00FFFF !important;
}

body.alto-contraste .fa,
body.alto-contraste .pe-7s-angle-down,
body.alto-contraste .fa-search,
body.alto-contraste .fa-user,
body.alto-contraste .fa-download {
  color: #FFD700 !important;
}

body.alto-contraste .header-logo img {
  filter: brightness(0.85) contrast(1.2);
}

/* === Extensiones empresa.php: reseñas, fondo y botones === */

/* Fondo de sección de reseñas */
body.alto-contraste .reviews-section {
  background-color: #111 !important;
}

/* Reseñas: nombre, texto, estrella, fecha */
body.alto-contraste .review-name,
body.alto-contraste .review-text,
body.alto-contraste .review-date {
  color: #FFD700 !important;
}

body.alto-contraste .swiper-button-next,
body.alto-contraste .swiper-button-prev {
  background-color: #FFD700 !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

body.alto-contraste .swiper-button-next:hover,
body.alto-contraste .swiper-button-prev:hover {
  background-color: #e5c100 !important;
  color: #000 !important;
}

/* Botón "Escribir reseña" y "Contáctanos" */
body.alto-contraste .btn-lg {
  background-color: #FFD700 !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

/* Tarjetas de valores (SERVICIO 5 ESTRELLAS, etc.) */
body.alto-contraste .card-title {
  color: #FFD700 !important;
}

body.alto-contraste .rounded,
body.alto-contraste .shadow-sm,
body.alto-contraste .bg-light {
  background-color: #222 !important;
  color: #FFD700 !important;
}

/* Iconos en columna derecha (calidad, innovación) */
body.alto-contraste .d-flex img[alt="Calidad"],
body.alto-contraste .d-flex img[alt="Innovación"] {
  filter: brightness(1.2);
}
body.alto-contraste .swiper-slide {
  background-color: #000000 !important;
  border-color: #333 !important;
}
body.alto-contraste .accordion-item {
  background-color: #000 !important;
  border: 0px solid #333 !important;
}

body.alto-contraste .accordion-item a {
  color: #00FFFF !important;
}

body.alto-contraste .accordion-button {
  background-color: #FFD700 !important;
  color: #000 !important;
  border: none !important;
}
/* Eliminar cualquier borde de los inputs o selects si los hay */
body.alto-contraste input,
body.alto-contraste select {
  background-color: #000;
  color: #0ff;
  border: 0px solid #0ff;
}
body.alto-contraste .card {
  background-color: #000 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
}

body.alto-contraste .card a,
body.alto-contraste .card-title a {
  color: #00FFFF !important;
  text-decoration: underline !important;
}

body.alto-contraste .card .text-muted {
  color: #AAA !important;
}

body.alto-contraste .card .text-success {
  color: #00FF00 !important;
}

body.alto-contraste .card .btn-add-cart img {
  filter: brightness(1.2) contrast(1.2);
}

body.alto-contraste .form-add-to-cart input[type="number"] {
  background-color: #222 !important;
  color: #FFD700 !important;
  border: 1px solid #FFD700 !important;
}
/* Fondo negro para cada tarjeta de producto */
body.alto-contraste .list-group-item {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #FFD700 !important;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  transition: all 0.2s ease-in-out;
}

/* Hover para resaltar tarjeta */
body.alto-contraste .list-group-item:hover {
  border-color: #f9bd2e;
  box-shadow: 0 0 10px #f9bd2e33;
}

/* Enlace del título del producto */
body.alto-contraste .list-group-item h5 a {
  color: #00f6ff !important;
}
.list-group-item h5 a:hover {
  text-decoration: underline;
}

/* Descripción corta */
body.alto-contraste .list-group-item .text-muted {
  color: #aaa !important;
}

/* Precio original y final */
body.alto-contraste .list-group-item del {
  color: #777;
}
body.alto-contraste .list-group-item {
background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #FFD700

body.alto-contraste .list-group-item .text-success {
  color: #00e676 !important;
}
body.alto-contraste .list-group-item .text-muted

/* Input cantidad y botón de carrito */
body.alto-contraste .list-group-item input[type="number"] {
  background-color: #222;
  color: #fff;
  border: 1px solid #FFD700;
}
 

/* Imagen */
body.alto-contraste .list-group-item img {
  border-radius: 6px;
}


 

 

/* Por si hay algún conflicto heredado con los spans */
body.alto-contraste span.bienvenida {
    color: #fff !important;
    background: none !important;
}