/* 
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
*/

/* Add your custom styles here */
/* General */
:root {
            --color-blue: #20CEE3;
            --color-green: #DDE36A;
            --color-pink: #E72A90;
        }
/* General */
.color-blue{
	color: var(--color-blue);
}
.color-green{
	color: var(--color-green);
}
.color-pink{
	color: var(--color-pink);
}
.line-pink{
	border-bottom: 3px solid var(--color-pink);
    line-height: 1em;
    display: inline-block;
}
/*.line-gradient{
	background: linear-gradient(90deg, rgba(202,213,0,1) 0%, rgba(32,206,227,1) 50%, rgba(231,42,144,1) 100%);
	border-radius: 6px;
	width: 100%;
	height: 4px;
}*/
.line-gradient .elementor-widget-container{
	overflow: hidden;
}
.line-gradient .elementor-divider .elementor-divider-separator{
	/*display: none !important;*/
	/*border-color: linear-gradient(90deg, rgba(202,213,0,1) 0%, rgba(32,206,227,1) 50%, rgba(231,42,144,1) 100%);*/
	border-image: linear-gradient(90deg, rgb(202, 213, 0), rgb(32, 206, 227), rgb(231, 42, 144)) 1 !important;
	border-radius: 6px;
	/*width: 100%;*/
	/*height: 4px;*/
}
.line-gradient-form select, .line-gradient-form textarea{
	border-width: 1px !important;
}
.line-gradient-form input, .line-gradient-form select, .line-gradient-form textarea{
	border-image: linear-gradient(90deg, rgb(202, 213, 0), rgb(32, 206, 227), rgb(231, 42, 144)) 1 !important;
}
.line-gradient-form input{
	padding: 0 !important;
}
.no-link{
    cursor: default;
}
.overflow-x-hidden{
	overflow-x: hidden;
}
.section-link{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.section-link a{
	display:block; 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:999;
}

/* Animatios bolas */
.bola-2 {
     animation: vibrar 2.5s linear infinite, entrar 9s;
}
.bola-2 svg{
    /*animation: crece 6s linear infinite; */
	animation: 2.5s ease 0s infinite beat;
}

.bola-4 {
     animation: vibrar4 2.5s linear infinite;
}
.bola-4 svg{
    animation: crece 2s linear infinite; 
}
.bola-7 {
      animation: vibrar7 1s linear infinite; 
}
.bola-7 svg{
    animation: crece7 3s linear infinite alternate; 
}
.bola-8 {
     animation: vibrar 1.5s linear infinite;
}
.bola-8 svg{
    animation: crece7 6s linear infinite; 
}
.bola-9 svg{
	animation: 4.5s ease 0s infinite beat;
}
@keyframes beat {
  0%, 50%, 100% { transform: scale(1, 1); }
  30%, 80% { transform: scale(0.8, 0.8); }
}
@keyframes entrar {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes vibrar {
     from { transform: rotate(0deg)  translate(-3px) rotate(0deg); }
    to { transform: rotate(360deg) translate(-3px) rotate(-360deg); }
}
@keyframes vibrar4 {
     0%,100% { transform: translate(-5px); }
    50% { transform: translate(0px); }}
@keyframes vibrar7 {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-5px, -3px);
  }
  50% {
    transform: translate(-6px, 0px);
  }
  75% {
    transform: translate(-3px, 3px);
  }
}
@keyframes crece {
  0%, 100% {
      transform: scale(0.5,0.5);
  }
  75% {
      transform: scale(1.4,1.4);
  }}
@keyframes crece7 {
   0%, 100% {
      transform: scale(0.8,0.8);
  }
  75% {
      transform: scale(1.2,1.2);
  }
}



/* Header */
.menu-principal .elementor-nav-menu--main .sub-menu{
	width: calc(100% - 36px) !important;
	padding-top: 8px !important;
}
.menu-principal .elementor-nav-menu--dropdown.elementor-nav-menu__container{
	padding-top: 8px !important;
}
.menu-principal .elementor-nav-menu--main .sub-menu:before, .menu-principal .elementor-nav-menu--dropdown.elementor-nav-menu__container:before{
	width: 100%;
	height: 4px;
	 background: rgb(202,213,0);
	background: linear-gradient(90deg, rgba(202,213,0,1) 0%, rgba(32,206,227,1) 50%, rgba(231,42,144,1) 100%); 
	display: block;
	content: "";
	position: absolute;
	top: 0;
	border-radius: 4px;
}

/* Home - tarjetas azules */
.hover-pink:hover{
	background-color: var(--color-pink) !important;
}
/* Formulario */
select option[value="disabled"] {
    color: #999;
	pointer-events: none;
    user-select: none;
}
select option[value="disabled"]:focus, select option[value="disabled"]:hover {
    background-color: transparent; 
}
.form-yume .elementor-field-group .elementor-field-textual:focus:focus,
.form-yume-reserva .elementor-field-group .elementor-field-textual:focus:focus{
	box-shadow: none;
}
.form-yume .elementor-select-wrapper .select-caret-down-wrapper,
.form-yume-reserva .elementor-select-wrapper .select-caret-down-wrapper{
	color: var(--color-pink);
}
.form-yume .elementor-field-type-html, .form-yume .elementor-field-type-acceptance,
.form-yume-reserva .elementor-field-type-html, .form-yume-reserva .elementor-field-type-acceptance{
	font-size: 12px;
  line-height: 1.2em;
}
.form-yume-reserva .elementor-field-type-html, 
.form-yume-reserva .elementor-field-type-html a, 
.form-yume-reserva .elementor-field-type-acceptance a{
	color: #fff !important;
}
.form-yume-reserva select,
.form-yume-reserva textarea{
	background-color: #fff !important;
}
.form-yume-gradient select,
.form-yume-gradient textarea{
	border: 1px solid !important;
}
.form-yume-gradient input, .form-yume-gradient select, .form-yume-gradient textarea{
	border-image: linear-gradient(90deg, rgb(202, 213, 0), rgb(32, 206, 227), rgb(231, 42, 144)) 1 !important;
}
/* Mapa */
.mapa .enlace-mapa{
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.mapa .enlace-mapa a{
	display: block;
  width: 100%;
  height: 100%;
}

/* rotar tarjetas */
.caja{
	
  }
.caja .caja-sup{
	cursor: pointer;
	transition: opacity 1s ease; 
	opacity: 1;
}
@media (min-width: 1025px) {
	.caja:hover .caja-sup{
		opacity: 0; 
	}
}
@media (max-width: 1024px) {
	.caja .caja-inf{
		position: relative;
	}
	
}

/* Nueva Home Landing */
#bloque-cta{
	transform: rotate(-90deg);
  position: fixed;
  height: 50px;
  width: 406px;
  z-index: 9999;
  right: 50px;
  top: 50%;
  transform-origin: top right;
  overflow: hidden;
  margin-top: -170px;
}
#bloque-cta > .elementor-element{
	width: 500px;
}
#bloque-cta .cta-float-call svg{
	font-size: 22px;
}
@media (max-width: 767px) {
	#bloque-cta{
  		height: 35px;
  		width: 330px;
		right: 35px;
	}
}
/* Politica de cookies */
#cmplz-document{
	max-width: 100% !important;
}