/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/




/* Quita el borde azul del toggle button del menú */


* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
	
} 

body {
	
	 overflow-x: hidden!important;
	-moz-overflow-x: hidden!important;
	font-family: 'Montserrat local',sans-serif!important;
}


/*--------------- CSS y efectos Home ---------------------*/

.elementor-15382 .elementor-element.elementor-element-168159a .fd-elementor-news-ticker {
  background-color: #F1F1F100;
  padding-top: 5%;
  padding-bottom: 5%;
  height: 8em;
  pointer-events: none;
}

.texto-oculto {
  opacity:1;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
text-shadow: 1px  1px 0   #FFF,
              -1px -1px 0   #FFF,
               1px -1px 0   #FFF,
              -1px  1px 0   #FFF,
               1px  1px 1px #333;
  

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}



@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0;}
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.texto-borde {
    color:#33C2A8;
    text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
   -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.por-ahora {
   text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff,
               1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}

.background-abel {
    background-image: url("https://media2.giphy.com/media/21QF4yXWggr2E6Nda7/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
}

.background-first-dates {
    background-image: url("https://media.giphy.com/media/XBFJi0QUPa2k7ucIAP/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
}

.background-zendaya {
    background-image: url("https://media3.giphy.com/media/EuyOqpcBXT1pm/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
}

.background-ibai {
    background-image: url("https://media3.giphy.com/media/2KRneo0zKrkQU5wmKG/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
}

.background-salao {
    background-image: url("https://i.pinimg.com/originals/e1/2e/2e/e12e2e3948f722d05888a76a8100d642.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
}

.background-pimientos-mobile {
    background-image: url("https://media2.giphy.com/media/21QF4yXWggr2E6Nda7/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
   
    
}

.background-first-mobile {
    background-image: url("https://media.giphy.com/media/XBFJi0QUPa2k7ucIAP/giphy.gif");
    background-position: 20% center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
   
    
}

.background-vaca-mobile {
    background-image: url("https://media3.giphy.com/media/EuyOqpcBXT1pm/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
    
}

.background-ibai-mobile {
    background-image: url("https://media3.giphy.com/media/2KRneo0zKrkQU5wmKG/giphy.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    
    
}

.background-salao-mobile {
    background-image: url("https://i.pinimg.com/originals/e1/2e/2e/e12e2e3948f722d05888a76a8100d642.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
   
    
}

.background-defecto-mobile {
    background-color: #F75A48;
}

.don-vito:hover {
    background-image: url('https://c.tenor.com/l4PRWJ68WWYAAAAd/i-understand-don-vito-corleone.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}


/*-------------------------------------------------*/



/*------------------------------CSS NOSOTROS----------------------------*/

.super-numero{
    font-size: 3.5rem;
    padding-right: 10px;
}

.ico-svg svg {
    font-size: 3rem;
}


@media screen and (max-width:1023px) and (min-width:881px){
    
    .super-numero{
    font-size: 1.6rem;
    padding-right: 10px;
}

.ico-svg svg {
    font-size: 1.4rem;
}
    
}

@media screen and (max-width:880px) {
    
    .super-numero{
    font-size: 1.6rem;
    padding-right: 10px;
}

.ico-svg svg {
    font-size: 1.4rem;
}
    
}

#lienzo-2 {
    overflow:hidden;
}
.rotate svg {
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.marqueeStyle {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left1 10s linear infinite;
  animation: scrolling-left1 10s linear infinite;
}

.marqueeStyle2 {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left2 20s linear infinite;
  animation: scrolling-left2 20s linear infinite;
  animation-delay: 10s;
}
/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
    0% {transform: translateX(100%);
        -webkit-transform: translateX(100%);}
      100% {transform: translateX(-100%);
          -webkit-transform: translateX(-100%);}
}
@keyframes scrolling-left2 {
    0% {transform: translateX(0%);
        -webkit-transform: translateX(0%);}
      100% {transform: translateX(-200%);
          -webkit-transform: translateX(-200%);}
}

@-webkit-keyframes scrolling-left1 {
    0% {-webkit-transform: translateX(100%);}
      100% {-webkit-transform: translateX(-100%);}
}
@-webkit-keyframes scrolling-left2 {
    0% {-webkit-transform: translateX(0%);}
      100% {-webkit-transform: translateX(-200%);}
}

.letra-o {
    font-weight: 300;
    font-style: italic;
}
.texto-mayus {
	text-transform:uppercase;
}

.texto-sub {
	text-transform:uppercase;
	text-decoration: underline;
}

.texto-sub-min {
    text-decoration: underline;
}
/*-------------------------------------------------*/

/*---------------SECCIÓN QUE HACEMOS---------------*/

#circulo {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#circulo > p {
	font-family: sans-serif;
	color: white;
	font-size: 1rem;
	font-weight: bold;
}

@media screen and (max-width: 879px)  {
    #circulo {
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

}

/*-------------------------------------------------*/

/*---------------CONTACTO-------------------------*/

.enlace-lista a {
    color: white;
}

/*------------------------------------------------*/


/*-----------FORMULARIOS------------------*/

::placeholder {
padding-left:0!important;
margin-left: 0!important;
display: inline-block!important;
}

/*-----------------------------------------*/

/* CSS para textos */

.texto-mayus {
	text-transform: uppercase;
}

.texto-sub {
	text-decoration: underline;
		
}

.texto-borde {
	 color: #33C2A8;
 	 text-shadow:
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
   -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.texto-somos-mas {
	font-family: 'Montserrat',sans-serif;
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1.3;
	color: white;
		
}



.texto-hablamos {
	font-family: 'Montserrat',sans-serif;
	font-size: 1.5rem;
	font-weight: 900;
	line-height: 1.3;
	color: white;
}

/* CSS botón volver arriba transparente */


#gotoTop {
     display: none;
     position: fixed;
     bottom: 20px;
     right:10px;
     z-index: 99;
     font-size: 18px;
     border: 1px solid white;
     outline: none;
     background-color: transparent;
     color: white;
     cursor: pointer;
     padding: 10px 15px;
     border-radius: 0px;
}

#gotoTop:hover {
     background-color: #908C8C0D;
}

/* CSS botón volver arriba transparente */

/* ----- Alineado de iconos en la parte superior de una lista ---- */

.elementor-widget-icon-list .elementor-icon-list-icon {

align-self: flex-start;
margin-top: 5px; 

}

/* ----- Fin de alineado de iconos en la parte superior de una lista ---- */


/* Plantilla de noticias */


.noticia-estilo p {
    color: #554D4D;
    font-weight: 300;
    padding-top: 25px;
    padding-bottom: 25px;
} 

.noticia-estilo a {
    font-weight: 600;
    color: #6860FD;
}

.noticia-estilo a:hover {
    text-decoration: underline;
}

.noticia-estilo h1,h2,h3,h4,h5 {
    font-weight: 900;
    color: #6860FD;
    text-transform: uppercase;
    padding-top:25px;
    padding-bottom: 25px;
}

.noticia-estilo b,strong {
    font-weight: 600;
}

/* Fin plantilla de noticias */


/* Plantilla de portfolio */


.titular-portfolio {
	padding-top:25px!important;
	font-size: 1.2rem!important;
	
}


.texto-portfolio {
	font-size: 0.9rem!important;
	font-weight: 400!important;
}

.texto-portfolio strong {
	font-weight: 600!important;
}

.enlace-cuerpo a {
    color:#6860FD;
    font-weight: 600;

}

.enlace-cuerpo a:hover {
    text-decoration: underline;

}

/* Parpadeo enlace */

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/* Fin parpadeo enlace */

/* Estilos Whatsapp */

.wa__popup_powered_content{
	display:none!important;
}

/*Fin estilos Whatsapp */


/* Efecto sobre iconos sociales */

.social-transform svg:hover{
  -webkit-transform: perspective(150px) rotateY(45deg);
  transform: perspective(150px) rotateY(45deg);
	
}

/* Fin Efecto sobre iconos sociales */


.post-password-form {
    background-color: #f0f0f0; /* Cambia el fondo */
    padding: 20px;
    border-radius: 10px;
	margin:auto;
	width:50vw;
}

.post-password-form input[type="password"] {
    border: 1px solid #ccc; /* Cambia el borde */
    padding: 10px;
    width: 100%;
}

.post-password-form input[type="submit"] {
	color:white;
	background-color: black;
	border-color:black;
	display:block;
	margin-top:15px;
}

/* === Media Queries distintos tamaños de pantalla y móvil === */

@media screen and (max-width: 1388px) and (min-width: 1200px)   {
	
	
	.texto-somos-mas {
	
		font-size: 2.3rem;
		font-family:'Montserrat',sans-serif;
		font-weight: 900;
		line-height: 1.5;
		
	}
}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
	
	
	.texto-somos-mas {
	
		font-size: 2.1rem;
		font-family:'Montserrat',sans-serif;
		font-weight: 900;
		line-height: 1.5;
		
	}
	
	.texto-hablamos {
		font-size: 1.3rem;
	}
	
}

@media screen and (max-width: 1023px) and (min-width: 880x) {

	.texto-somos-mas {
	
		font-size: 1.8rem;
		color:white;
		font-family:'Montserrat',sans-serif;
		font-weight: 900;
		line-height: 1.5;
		
	}
	
	.texto-hablamos {
		font-size: 1.1rem;
	}
	.post-password-form {width:85vw;}
}

@media screen and (max-width: 879px) and (min-width: 480px) {
	
	
	
	.texto-somos-mas {
		font-size:1.5rem;
		color:white;
		font-family:'Montserrat',sans-serif;
		font-weight: 900;
		line-height: 1.4;
	}
	.post-password-form {width:90vw;}
	
}

@media screen and (max-width: 480px) {
	
	.texto-somos-mas-mobile {
		font-size: 22px;
		font-family: 'Montserrat',sans-serif;
		font-weight: 900;
		line-height: 1.3;
		color: white;
	}
	
	
.post-password-form {width:95vw;}


.background-abel {
   
    background-size: contain;
   
    
}

.background-first-dates {
   
    background-size: contain;
   
    
}

.background-zendaya {
    
    background-size: contain;
   
    
}

.background-ibai {
   
    background-size: contain;
    
    
}

.background-salao {
   
    background-size: contain;
    
    
}

	/* Diseño filtros portfolio móvil */
	
	.jet-portfolio__filter-item active span{
		padding: 10px;
	}
	
	.jet-portfolio__filter-item {
		border: 1px solid #6860FD;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		margin-bottom: 10px!important;
		
	}
	
	.jet-portfolio__filter-item:hover {
		background-color: #6860FD;
		color:white;
	}
	
	.jet-portfolio__filter-item span {
		padding: 10px;
		
	}
	
	/* Fin Diseño filtros portfolio móvil */
	
	.close {
		display:none;
	}
}


/* === Media Queries distintos tamaños de pantalla y móvil === */