/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/

/* Variables globales */
:root {
  --color-primary: #601eae;   /* reemplazar con el color principal del Figma */
  --color-secondary: #90cce5; /* color de acento */
  --color-neutral: #ddceef;   /* fondos claros */
  --color-text: #333233;      /* texto principal */

  --font-main: 'Montserrat', sans-serif; /* tipografía principal */
  --font-alt: 'Roboto', sans-serif;      /* tipografía secundaria */

  --container-width: 1200px;
  --spacing-base: 1rem;
  --spacing-large: 2rem;
}

/* Reset básico */
body {
  margin: 0;
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.6;
  color: var(--color-text);
  background-color: #fff;
}

/* Jerarquía de títulos */
h1, h2, h3, h4 {
  font-family: var(--font-alt);
  margin: var(--spacing-base) 0;
  color: var(--color-primary);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }

/* Títulos */
h1, h2, h3, h4,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  color: var(--color-primary) !important;
}

/* Enlaces */
a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover {
  color: var(--color-secondary);
}


/* Contenedor principal */
.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 var(--spacing-base);
}

/* Botones */
.btn-primary {
  display: inline-block;
  background-color: var(--color-primary);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.btn-primary:hover {
  background-color: var(--color-secondary);
}

/* Secciones */
.section {
  padding: var(--spacing-large) 0;
}
.section-title {
  font-size: 2rem;
  text-align: center;
  margin-bottom: var(--spacing-large);
}

/* Responsive */
@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  .container { padding: 0 1rem; }
}

.entry-title {
  display: none;
}

.entry-content {
  display: none;
}

.turismo-scroll .elementor-icon-box-title,
.turismo-scroll .elementor-icon-box-description {
  color: #5E2F76 !important; 
}

@media (max-width: 768px) {
  .turismo-scroll-m {
    display: flex;
    flex-wrap: nowrap;      /* una sola fila */
    overflow-x: auto;       /* scroll horizontal interno */
    white-space: nowrap;    /* evita saltos de línea */
    width: 100%;            /* ocupa solo el ancho de la pantalla */
  }
  .turismo-scroll-m .elementor-widget-icon-box {
    flex: 0 0 110px;        /* ancho fijo para cada ítem */
    margin-right: 15px;     /* espacio entre íconos */
    text-align: center;     /* centra el contenido */
  }
  .turismo-scroll-m::-webkit-scrollbar {
    display: none;
  }
}
.menu-alojamientos a {
  position: relative;
}

.menu-alojamientos a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* ajustar según el espacio */
  width: 100%;
  height: 2px;
  background-color: #5c2b73; /*violeta */
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: bottom right;
}

.menu-alojamientos a:hover::after,
.menu-alojamientos .current-menu-item a::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Uniformar ancho y altura de imágenes en Gallery UE */
.ue-gallery img {
  width: 100% !important;     /* ocupa todo el ancho del contenedor */
  height: 250px;              /* altura fija, ajustá según tu diseño */
  object-fit: cover;          /* recorta sin deformar */
  display: block;             /* evita espacios extra */
}