/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
body {
  --paper: var(--e-global-color-c61b7ff, #fffcf7);
  --paper-100: var(--e-global-color-4074cd3, #fefaf6); /* Primary 100 */
  --cream: var(--e-global-color-ed27f01, #f2eee4);
  --cream-2: var(--e-global-color-a444430, #eae4d6);
  --pine: var(--e-global-color-secondary, #454d3a);
  --pine-2: var(--e-global-color-0dc70ac, #3a402f);
  --olive: var(--e-global-color-primary, #7e866b);
  --sage: var(--e-global-color-e29928f, #a8b2a1);
  --sage-soft: var(--e-global-color-4dac871, #c2caba);
  --beige: var(--e-global-color-57a629e, #d8c7b3);
  --beige-deep: var(--e-global-color-9bc380d, #c2a988);
  --ink: var(--e-global-color-04ee507, #26261f);
  --muted: var(--e-global-color-text, #74756a);
  --hair: var(--e-global-color-746d9a2, #e3dccd);
  --hair-dark: var(--e-global-color-3216e27, rgba(255, 252, 247, 0.16));
  --accent: var(--e-global-color-accent, #7e866b);
  --transparent: var(--e-global-color-e0cfbc6, rgba(0, 0, 0, 0));
  --ease: cubic-bezier(0.22, 0.61, 0.18, 1);
}

/* Add your custom styles here */
.accent {
  color: var(--accent);
}
.accent.italic {
  font-style: italic;
}

.btn .elementor-button {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 500;
  font-size: 0.95rem;
  line-height: 1;
  border: 1px solid var(--ink);
  color: var(--ink);
  background: var(--transparent);
  cursor: pointer;
  transition: color 0.45s var(--ease);
}
.btn .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ink);
  transform: translateY(101%);
  transition: transform 0.5s var(--ease);
  z-index: -1;
}
.btn .elementor-button:hover {
  color: var(--paper);
}
.btn .elementor-button:hover::before {
  transform: translateY(0);
}

.btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 1;
}

.btn .elementor-button:hover svg {
  transform: translate(3px, -3px);
}

/* fill (CTA principal) */
.btn.fill .elementor-button {
  background: var(--ink) !important;
  color: var(--paper);
  border-color: var(--ink);
}

.btn.fill .elementor-button::before {
  background: var(--paper);
}
.btn.fill .elementor-button:hover {
  color: var(--ink);
}

/* oliva (Principal) */
.btn.olive .elementor-button {
  background: var(--olive) !important;
  color: var(--paper);
  border-color: var(--olive);
}
.btn.olive .elementor-button::before {
  background: var(--ink);
}
.btn.olive .elementor-button:hover {
  color: var(--paper);
}

/* pino (Secundario) */
.btn.pine .elementor-button {
  background: var(--pine);
  color: var(--paper);
  border-color: var(--pine);
}
.btn.pine .elementor-button::before {
  background: var(--paper);
}
.btn.pine .elementor-button:hover {
  color: var(--pine);
}

/* sobre fondo oscuro */
.btn.on-dark .elementor-button {
  background: var(--transparent);
  border-color: var(--paper);
  color: var(--paper);
}
.btn.on-dark .elementor-button::before {
  background: var(--paper);
}
.btn.on-dark .elementor-button:hover {
  color: var(--pine);
}

/* MARQUEE */
.marquee-track swiper-slide. span.elementor-heading-title::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--beige-deep)}