/*================================================
TPV Pro · tema claro (header, breadcrumb y footer)
Solo afecta a la web normal. La landing lleva <body class="lkd"> y queda fuera (body:not(.lkd)).
Colores de marca: violeta #3E019A, texto #14042C, acento amarillo #FEB302.
=================================================*/

/* Variables de color que antes definía dark.css (se conservan tal cual para que nada cambie, tampoco en la landing) */
:root {
  --main-color: #FEB302;
  --white-color: #ffffff;
  --black-color: #000000;
}

/* ---------- HEADER ---------- */
body:not(.lkd) .navbar-area,
body:not(.lkd) .navbar-area.is-sticky,
body:not(.lkd) .main-navbar.navbar-with-black-color {
  background: linear-gradient(135deg, #efe9ff 0%, #e1f0ff 100%); /* mismo fondo que el footer */
}
body:not(.lkd) .navbar-area {
  box-shadow: 0 2px 16px rgba(62, 1, 154, 0.08);
}
body:not(.lkd) .main-navbar .navbar .navbar-nav .nav-item a {
  color: #14042C;
}
body:not(.lkd) .main-navbar .navbar .navbar-nav .nav-item a:hover,
body:not(.lkd) .main-navbar .navbar .navbar-nav .nav-item a:focus,
body:not(.lkd) .main-navbar .navbar .navbar-nav .nav-item a.active {
  color: #3E019A;
}
body:not(.lkd) .main-navbar .navbar .others-options .option-item .side-menu-btn i {
  color: #14042C;
}
body:not(.lkd) .main-navbar .navbar .others-options .option-item .side-menu-btn i:hover {
  color: #3E019A;
}

/* Menú móvil */
body:not(.lkd) .main-responsive-nav .mean-container a.meanmenu-reveal {
  color: #14042C;
}
body:not(.lkd) .main-responsive-nav .mean-container a.meanmenu-reveal span {
  background: #14042C;
}
body:not(.lkd) .main-responsive-nav .mean-container .mean-nav ul li a {
  color: #14042C;
}
body:not(.lkd) .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active {
  color: #3E019A;
}
body:not(.lkd) .others-option-for-responsive .dot-menu .inner .circle {
  background-color: #14042C;
}
body:not(.lkd) .others-option-for-responsive .side-menu-btn i {
  color: #14042C;
}

/* ---------- BREADCRUMB ---------- */
body:not(.lkd) .page-banner-content h1,
body:not(.lkd) .page-banner-content h2 {
  color: #14042C;
}
body:not(.lkd) .page-banner-content ul li {
  color: #3E019A;
  font-weight: 600;
}
body:not(.lkd) .page-banner-content ul li::before {
  background: #9b8fb5;
}
body:not(.lkd) .page-banner-content ul li a {
  color: #4a3d66;
  font-weight: 400;
}
body:not(.lkd) .page-banner-content ul li a:hover {
  color: #3E019A;
}

/* ---------- FOOTER ---------- */
body:not(.lkd) .footer-area.with-black-background {
  background: linear-gradient(135deg, #efe9ff 0%, #e1f0ff 100%);
}
body:not(.lkd) .single-footer-widget p {
  color: #4a3d66;
}
body:not(.lkd) .single-footer-widget h3 {
  color: #14042C;
}
body:not(.lkd) .single-footer-widget .quick-links li a {
  color: #4a3d66;
}
body:not(.lkd) .single-footer-widget .quick-links li a:hover {
  color: #3E019A;
}
body:not(.lkd) .footer-area a.whatsapp,
body:not(.lkd) .footer-area i.whatsapp {
  color: #0b7a3b;
}
body:not(.lkd) .single-footer-widget .newsletter-form .input-newsletter {
  background-color: #ffffff;
  border: 1px solid #cfc3ee;
  color: #14042C;
}
body:not(.lkd) .single-footer-widget .newsletter-form .input-newsletter::placeholder {
  color: #6b5f86;
}
body:not(.lkd) .single-footer-widget .newsletter-form .input-newsletter:focus {
  border: 1px solid #3E019A;
}
body:not(.lkd) .copyright-area .copyright-area-content {
  border-top: 1px solid rgba(62, 1, 154, 0.15);
}
body:not(.lkd) .copyright-area .copyright-area-content p {
  color: #4a3d66;
}
body:not(.lkd) .copyright-area .copyright-area-content p strong {
  color: #14042C;
}

/* ---------- BREADCRUMB: un poco menos alto (en móvil se mantiene el de responsive.css) ---------- */
@media only screen and (min-width: 768px) {
  body:not(.lkd) .page-banner-area {
    padding-top: 95px;
    padding-bottom: 115px;
  }
}

/* ---------- LÍNEA ENTRE LOS 4 MÉTODOS DE CONTACTO: más fina ---------- */
body:not(.lkd) .overview-card::before {
  height: 1px;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.85);
  transform: translateY(-50%) scaleY(0.5); /* línea de medio píxel: 1 píxel físico en pantallas retina */
}

/* ---------- BANDA DE LOS 4 MÉTODOS DE CONTACTO (.overview-area): espaciado ---------- */
body:not(.lkd) .overview-area {
  padding-top: 60px;
  padding-bottom: 18px;
}

/* ---------- BREADCRUMB en pantallas grandes ----------
   Con "cover" la imagen se escala al ancho de la pantalla y, al ser el banner tan bajo, se recorta el dibujo.
   A partir de 1300px se fija el ancho de la imagen (la misma proporción que en un portátil) y los lados
   se rellenan con los colores de los bordes de la imagen (lila a la izquierda, blanco a la derecha). */
@media only screen and (min-width: 1300px) {
  body:not(.lkd) .page-banner-area.bg-3 {
    background-image: url(/assets/img/banner-tpvpro-claro.jpg?3), linear-gradient(90deg, #f0eaff 50%, #ffffff 50%);
    background-size: 1300px auto, 100% 100%;
    background-position: center center, center center;
    background-repeat: no-repeat, no-repeat;
  }
}

/* Xavi Tunning - INICIO: menú Soluciones con muchas entradas (2 columnas en escritorio, alineado a la derecha para no salirse de la pantalla) */
@media (min-width: 992px) {
  .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.sol-menu { width: 560px; left: auto; right: -40px; column-count: 2; column-gap: 0; }
  .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.sol-menu li { break-inside: avoid; }
}
.main-navbar .navbar .navbar-nav .nav-item .dropdown-menu.sol-menu li a { white-space: normal; }
/* Xavi Tunning - FIN */

/* Xavi Tunning - INICIO: boton flotante de WhatsApp, abajo a la izquierda (debajo del aviso de cookies, que tiene z-index 99999) */
.wa-float { position: fixed; left: 20px; bottom: 20px; z-index: 9990; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff; font-size: 32px; line-height: 1; text-decoration: none; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); transition: transform .2s; }
.wa-float:hover, .wa-float:focus { color: #fff; transform: scale(1.08); }
@media (max-width: 575.98px) { .wa-float { left: 14px; bottom: 14px; width: 52px; height: 52px; font-size: 29px; } }
@media (prefers-reduced-motion: reduce) { .wa-float { transition: none; } }
/* Xavi Tunning - FIN */