/* 
Theme Name: Frectaris Web Design
Theme URI: https://github.com/elementor/hello-theme/
Description: Tema hijo personalizado para Frectaris web design
Author: Frectaris
Author URI: https://www.frectaris.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
    Add your custom styles here
*/
/* Evita márgenes del body */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100%!important;
}
html, body { height: 100%; margin: 0; }

/* El contenedor padre (tu maint-hero) ocupa viewport completo */
.elementor-14 .elementor-element.elementor-element-7a0c746.maint-hero {
  height: 100vh !important;
  min-height: 100dvh !important; /* móviles modernos */
  margin: 0 !important;
  padding: 0 !important;
  display: block; /* simple y fiable con imagen de fondo */
  position: relative; /* por si colocamos el hijo absoluto */
  overflow: hidden; /* corta cualquier desbordamiento */
}

/* El widget de imagen ocupa todo el contenedor */
.elementor-14 .elementor-element.elementor-element-7a0c746.maint-hero 
  .elementor-element.elementor-element-9ac056e.elementor-widget-image {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* La imagen: cubrir, centrar y quitar el hueco de línea base */
.elementor-14 .elementor-element.elementor-element-7a0c746.maint-hero 
  .elementor-element.elementor-element-9ac056e.elementor-widget-image img {
  display: block;                 /* evita espacio inferior */
  height: 100% !important;        /* clave: llenar alto del padre */
  width: 100% !important;         /* clave: llenar ancho del padre */
  object-fit: cover !important;   /* “cover” real */
  object-position: center center; /* centrada */
}

/* iOS moderno: usa svh si existe */
@supports (height: 100svh) {
  .elementor-14 .elementor-element.elementor-element-7a0c746.maint-hero {
    height: 100svh !important;
    min-height: 100svh !important;
  }
}

/* Si estás logueado con la barra de admin en desktop */
body.admin-bar .elementor-14 .elementor-element.elementor-element-7a0c746.maint-hero {
  height: calc(100vh - 32px) !important;
  min-height: calc(100vh - 32px) !important;
}







/* Fondo tipo pastilla para el menú principal de Elementor */
.elementor-nav-menu--main .elementor-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al texto */
  background-position: center;
  padding: 10px 28px; /* el ancho se ajusta según el texto */
  color: #fff;
  text-decoration: none;
  white-space: nowrap; /* evita que el texto se parta */
  transition: transform 0.4s ease, filter 0.4s ease;
}

/* Hover */
.elementor-nav-menu--main .elementor-item:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

/* Versión móvil/desplegable */
.elementor-nav-menu--dropdown .elementor-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  color: #fff;
  padding: 12px 24px;
  text-align: center;
}




.PastillaFondoPequeño .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 12px 20px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */	  
	transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoPequeño .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}







.PastillaFondoRojoPequeño .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-ROJO.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 12px 20px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoRojoPequeño .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}



.PastillaFondoMoradoPequeño .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-MORADO.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 12px 20px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoMoradoPequeño .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.PastillaFondoTurquesaPequeño .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-TURQYUESA-1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 12px 20px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoTurquesaPequeño .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}







.PastillaFondo .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 20px 40px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondo .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}









.PastillaFondoRojo .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-ROJO.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 20px 40px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoRojo .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}



.PastillaFondoMorado .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-MORADO.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 20px 40px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoMorado .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

.PastillaFondoTurquesa .elementor-heading-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://www.fantasyfestcs.com/wp-content/uploads/2025/10/BOTON-TURQYUESA-1.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; /* se adapta al ancho del texto */
  background-position: center;
  padding: 20px 40px; /* ajusta el espacio interno según tu botón */
  white-space: nowrap; /* evita que el texto se divida en dos líneas */
	  transition: transform 0.4s ease, filter 0.4s ease;

}

.PastillaFondoTurquesa .elementor-heading-title:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}



@media (max-width: 1250px) {
  .elementor-nav-menu--main .elementor-item {
  padding: 8px 20px!important; /* el ancho se ajusta según el texto */
}
}