.elementor-kit-48{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-48 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   Proyectos Digitales · Accesibilidad — jazzydope.com
   Foco visible + skip link + reducir movimiento (WCAG 2.2 AA)
   ===================================================================== */

/* 1) Foco visible al navegar con teclado (WCAG 2.4.7 / 2.4.11 AA) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.elementor-button:focus-visible,
.ct-toggle-dropdown-mobile:focus-visible {
  outline: 3px solid #1679A3;   /* azul petróleo de marca */
  outline-offset: 2px;
  border-radius: 2px;
}

/* 2) Enlace "Saltar al contenido" visible cuando recibe el foco */
a[href="#main"]:focus {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100000;
  padding: 10px 16px;
  background: #1B263B;           /* navy de marca */
  color: #fff;
  border-radius: 6px;
  outline: 3px solid #F4A261;    /* naranja de marca */
  width: auto;
  height: auto;
  clip: auto;
}

/* 3) Respeto a "reducir movimiento" del sistema (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
/* 4) Tamaño mínimo de botones e iconos (WCAG 2.2 – 2.5.8) */
.elementor-social-icon,
.ct-header-account a,
.woocommerce ul.products li.product a.button {
  min-width: 24px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* --- Accesibilidad: contraste y legibilidad --- */

/* Fondo oscuro semitransparente detrás del título y precio para garantizar contraste
   independientemente de la imagen de producto */
.wpr-grid-item-title a,
.woocommerce-Price-amount.amount {
  background-color: rgba(0, 0, 0, 0.55);
  padding: 2px 6px;
  border-radius: 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Contador del carrito: subir tamaño mínimo legible */
.ct-dynamic-count-cart {
  font-size: 12px !important;
}

/* Texto justificado: si tras revisar en el inspector confirmas la clase real,
   sustitúyela aquí; mientras tanto cubre los casos más comunes de Elementor/WP */
.has-text-align-justify,
.elementor-widget-text-editor p[style*="justify"] {
  text-align: left !important;
}/* End custom CSS */