body.ce-kit-1{font-family:"Inter", sans-serif;line-height:1.2em;}a, .elementor a{color:#9C253D;font-family:"Inter", sans-serif;}body.ce-kit-1 h6{color:#9C253D;}.elementor-button{font-family:"Inter", sans-serif;background-color:#9C253D;}.elementor-button, a.elementor-button:not(#e){color:#FFFFFF;}.elementor-button-primary .elementor-button{font-family:"Inter", sans-serif;background-color:#9C253D;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary){font-family:"Inter", sans-serif;background-color:#9C253D;}.btn:not(.btn-primary, .btn-secondary), a.btn:not(.btn-primary, .btn-secondary){color:#FFFFFF;}.btn-primary{font-family:"Inter", sans-serif;background-color:#9C253D;}.btn-primary, a.btn-primary{color:#FFFFFF;}body.ce-kit-1 #wrapper{background-color:#FFFFFF;}body.ce-kit-1 .breadcrumb li:not(#e), body.ce-kit-1 .ce-breadcrumb__item{font-family:"Inter", sans-serif;}/* Start Custom Fonts CSS */ @font-face {
	font-family: 'Inter';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('/modules/creativeelements/views/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
 /* End Custom Fonts CSS */
/* Start custom CSS for page-settings */.elementor-button--checkout {
    background-color: #9C253D !important;
}

body#checkout a:hover {
    color: #9A9A9A !important;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: #9C253D !important;
}



/* === CONTRASTE BUSCADOR ELEMENTOR – FIX DURO === */

/* 1) Fondo sólido bajo el input, aunque esté sobre imagen/overlay */
form.elementor-search .elementor-search__input-wrapper {
  background:#ffffff !important;
  border:1px solid #9CA3AF !important;
  border-radius:4px !important;
}

/* 2) Texto del input (valor escrito) */
form.elementor-search .elementor-search__input {
  background:#ffffff !important;
  color:#111111 !important;
  border:none !important;              /* ya ponemos borde en el wrapper */
  box-shadow:none !important;
}

/* 3) Placeholder con vendors y prioridad */
form.elementor-search .elementor-search__input::placeholder { color:#4B5563 !important; opacity:1 !important; }
form.elementor-search .elementor-search__input::-webkit-input-placeholder { color:#4B5563 !important; opacity:1 !important; }
form.elementor-search .elementor-search__input::-moz-placeholder { color:#4B5563 !important; opacity:1 !important; }
form.elementor-search .elementor-search__input:-ms-input-placeholder { color:#4B5563 !important; opacity:1 !important; }
form.elementor-search .elementor-search__input::-ms-input-placeholder { color:#4B5563 !important; opacity:1 !important; }

/* 4) Estados hover/focus accesibles y visibles */
form.elementor-search .elementor-search__input:focus {
  outline:2px solid #2563EB !important;
  outline-offset:2px !important;
}
form.elementor-search .elementor-search__input:hover {
  border-color:#2563EB !important;
}

/* 5) Texto del contenedor/overlay (¿Qué está buscando? / Cerrar) */
.elementor-search__container,
.elementor-search-form__toggle,
.elementor-search-form__close {
  color:#111111 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

/* 6) Si usas el modo pantalla completa, asegurar contraste en overlay */
.elementor-search-form--skin-full_screen .elementor-search-form__container {
  background:rgba(0,0,0,0.86) !important;
}
.elementor-search-form--skin-full_screen .elementor-search__input-wrapper {
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,0.3) !important;  /* borde suave en overlay */
}
.elementor-search-form--skin-full_screen .elementor-search__input {
  color:#111111 !important;
}
.elementor-search-form--skin-full_screen .elementor-search__input::placeholder,
.elementor-search-form--skin-full_screen .elementor-search__input::-webkit-input-placeholder,
.elementor-search-form--skin-full_screen .elementor-search__input::-moz-placeholder,
.elementor-search-form--skin-full_screen .elementor-search__input:-ms-input-placeholder,
.elementor-search-form--skin-full_screen .elementor-search__input::-ms-input-placeholder {
  color:#4B5563 !important;
  opacity:1 !important;
}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle,
.elementor-search-form--skin_full_screen .elementor-search-form__close {
  color:#FFFFFF !important;
}



/* ===== TAP TARGETS – WCAG 44x44 =====
   Se aplica solo en dispositivos táctiles para no engordar el desktop */
@media (hover: none), (pointer: coarse) {

  /* 1) Menú principal (Elementor y PrestaShop) */
  .elementor-nav-menu--main .elementor-item,
  #_mobile_top_menu .top-menu a,
  #_desktop_top_menu .top-menu a,
  nav a.nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 14px; /* aumenta área sin romper el layout */
  }

  /* 2) Enlaces de secciones destacadas (Ofertas, Novedades, Más vendidos, etc.) 
     cuando van como botones/links sueltos dentro de cajas */
  .elementor a.elementor-button,
  .elementor .elementor-cta__button,
  .elementor a[href*="ofertas"],
  .elementor a[href*="novedades"],
  .elementor a[href*="mas-vendidos"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 10px 14px;
  }

  /* 3) Footer: columnas de enlaces (FAQ, Conócenos/Sport Hípic, Contáctanos, Tiendas…) */
  footer a,
  .footer-container a,
  .elementor-widget-nav-menu.footer a,
  .elementor-widget-text-editor footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-block: 8px; /* altura sin empujar en exceso */
  }
  /* Separación mínima entre enlaces del footer (evita solapamiento táctil) */
  footer a + a { margin-top: 8px; }

  /* 4) Área de cuenta (Pedidos, Direcciones, Vales, Datos personales, etc.) */
  .account .links a,
  .page-my-account a,
  .js-link-list li a,
  .list-group a,
  .link-item a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    padding: 10px 12px;
    margin-bottom: 8px; /* separa tap targets contiguos */
    border-radius: 6px;
  }

  /* 5) Iconos dentro de enlaces (por si solo hay texto pequeño o un icono) */
  a > img, a > i, a > svg {
    pointer-events: none; /* el click se lo lleva el <a> ampliado */
  }
}

/* Opcional: realce al foco/hover para accesibilidad visible */
a:focus-visible {
  outline: 2px solid #2563EB;
  outline-offset: 2px;
  border-radius: 6px;
}
/* Sólo en Conócenos (CMS id 6) */
body.cms-id-6 .elementor-section:first-of-type .elementor-background-overlay{
  background: rgba(0,0,0,0.48) !important; /* oscurece el fondo */
  opacity: 1 !important;
}

/* Colores del titular/claim y textos del hero */
body.cms-id-6 .elementor-section:first-of-type .elementor-widget-heading .elementor-heading-title,
body.cms-id-6 .elementor-section:first-of-type .elementor-widget-text-editor,
body.cms-id-6 .elementor-section:first-of-type .elementor-widget-text-editor p,
body.cms-id-6 .elementor-section:first-of-type .elementor-widget-text-editor span{
  color:#FFFFFF !important; /* texto en blanco sobre overlay oscuro */
}

/* Un poco más de overlay en móvil (la imagen se recorta y puede quedar clara) */
@media (max-width: 767px){
  body.cms-id-6 .elementor-section:first-of-type .elementor-background-overlay{
    background: rgba(0,0,0,0.60) !important;
  }
}/* End custom CSS */