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

/* Tipografía personalizada */
@font-face {
  font-family: 'Prody-Regular';
  src: url('https://tintico.studio/wp-content/uploads/2025/12/Prody-Regular.woff2') format('woff2'),
       url('https://tintico.studio/wp-content/uploads/2025/12/Prody-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Background pulse */

.bg-pulse {
  animation: background-pulse 1.6s ease-in-out infinite alternate;
}

@keyframes background-pulse {
  0% {
    background-color: #F3FF9B;
  }

  100% {
    background-color: #D0EC00;
  }
}




/* Animación hero colores*/

/* Grupo A */
.animacion-beans svg g path:nth-child(1),
.animacion-beans svg g path:nth-child(4),
.animacion-beans svg g path:nth-child(7) {
  animation: fadeA 4s infinite;
}

/* Grupo B */
.animacion-beans svg g path:nth-child(2),
.animacion-beans svg g path:nth-child(5),
.animacion-beans svg g path:nth-child(8) {
  animation: fadeB 4s infinite;
}

/* Grupo C */
.animacion-beans svg g path:nth-child(3),
.animacion-beans svg g path:nth-child(6),
.animacion-beans svg g path:nth-child(9) {
  animation: fadeC 4s infinite;
}

@keyframes fadeA {
  0%, 50%, 100% { opacity: 1; }
  25% { opacity: 0; }
}

@keyframes fadeB {
  0%, 50%, 100% { opacity: 1; }
  75% { opacity: 0; }
}

@keyframes fadeC {
  0%, 33%, 100% { opacity: 1; }
  66% { opacity: 0; }
}


/* Animación bean-logo colores*/ 

.logo-bean svg path:nth-child(1) {
  animation: colorA 6s steps(1) infinite;
}
.logo-bean svg path:nth-child(2) {
  animation: colorB 6s steps(1) infinite;
}

@keyframes colorA {
  0%    { fill: #FD710C; }
  16.6% { fill: #E2BDEF; }
  33.3% { fill: #16832E; }
  50%   { fill: #D0EC00; }
  66.6% { fill: #69BDF1; }
  83.3% { fill: #393FB5; }
}

@keyframes colorB {
  0%    { fill: #1E9E97; }
  16.6% { fill: #D44D4D; }
  33.3% { fill: #ACDAF6; }
  50%   { fill: #878BDC; }
  66.6% { fill: #FF9803; }
  83.3% { fill: #FFA0A0; }
}