.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6693c2a:#FBF9ED;--e-global-color-3148324:#CAE2BB;--e-global-color-afa54a9:#97CDA9;--e-global-color-4deb5e6:#092F38;--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-5 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){--kit-widget-spacing: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 *//* ===== BARRA DE SCROLL PERSONALIZADA - CÓDIGO COMPLETO ===== */
:root {
  /* VARIABLES PERSONALIZABLES - CAMBIA ESTOS VALORES */
  --scrollbar-width: 19px;
  --scrollbar-track-color: #092F38;
  --scrollbar-thumb-color-1: #97CDA9;
  --scrollbar-thumb-color-2: #092F38;
  --scrollbar-border-radius: 10px;
  --scrollbar-border-size: 10px;
  --scrollbar-border-color: #f1f1f1;
}

/* ESTILOS PARA NAVEGADORES WEBKIT (CHROME, SAFARI, EDGE) */
::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
  border-radius: var(--scrollbar-border-radius);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, var(--scrollbar-thumb-color-1), var(--scrollbar-thumb-color-2));
  border-radius: var(--scrollbar-border-radius);
  border: var(--scrollbar-border-size) solid var(--scrollbar-border-color);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #ff6b4a, #fe9e5b);
}

::-webkit-scrollbar-corner {
  background: var(--scrollbar-track-color);
}

/* ESTILOS PARA FIREFOX */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-color-1) var(--scrollbar-track-color);
}

/* CLASES PARA DIFERENTES GROSORES */
.scrollbar-thin { --scrollbar-width: 6px; }
.scrollbar-medium { --scrollbar-width: 12px; }
.scrollbar-thick { --scrollbar-width: 16px; }
.scrollbar-extra-thick { --scrollbar-width: 20px; }

/* CONFIGURACIONES PREDEFINIDAS */
.scrollbar-minimalist {
  --scrollbar-width: 8px;
  --scrollbar-track-color: #f8f9fa;
  --scrollbar-thumb-color-1: #6c757d;
  --scrollbar-thumb-color-2: #495057;
  --scrollbar-border-radius: 4px;
}

.scrollbar-colorful {
  --scrollbar-width: 14px;
  --scrollbar-track-color: #e9ecef;
  --scrollbar-thumb-color-1: #ff6b6b;
  --scrollbar-thumb-color-2: #4ecdc4;
  --scrollbar-border-radius: 8px;
}

.scrollbar-dark {
  --scrollbar-width: 10px;
  --scrollbar-track-color: #2d3748;
  --scrollbar-thumb-color-1: #667eea;
  --scrollbar-thumb-color-2: #764ba2;
  --scrollbar-border-radius: 5px;
}

/* RESPONSIVE - GROSORES PARA DIFERENTES DISPOSITIVOS */
@media (max-width: 768px) {
  :root {
    --scrollbar-width: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --scrollbar-width: 10px;
  }
}

@media (min-width: 1025px) {
  :root {
    --scrollbar-width: 12px;
  }
}

/* CONTROLES VISUALES PARA TESTEAR (OPCIONAL) */
.scrollbar-controls {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: white;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  z-index: 9999;
}

.scrollbar-controls button {
  margin: 5px;
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  background: #007cba;
  color: white;
  cursor: pointer;
  transition: background 0.3s;
}

.scrollbar-controls button:hover {
  background: #005a87;
}/* End custom CSS */