/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.fusion-tb-header .likebtn_container {
  display: none !important;
}


.ocultar {
  display: none !important;	
}

/* Forzar el color al pasar el ratón sobre los enlaces del menú */
nav.awb-menu .awb-menu__main-a {
  transition: color 0.4s ease;
	font-family: var(--body_typography-font-family);
    letter-spacing: var(--body_typography-letter-spacing);
    font-style: var(--body_typography-font-style, normal);
}

nav.awb-menu .awb-menu__main-a:hover {
  color: #abcb49 !important; /* Cambia el verde aquí si lo deseas */
}

h3 {
	color:#00374d !important;
	font-style: italic !important;
}


/* Forzar el color al pasar el ratón sobre los enlaces del menú */
a {
  transition: color 0.4s ease;

}

a:hover {
  color: #abcb49 !important; /* Cambia el verde aquí si lo deseas */
}




/* Contenedor principal */
.likebtn-wrapper {
  background-color: #abcb49 !important;
  border-radius: 10px;
  padding: 10px 16px;
  display: inline-flex !important;
  gap: 12px;
  align-items: center;
  box-shadow: 0 4px 8px rgba(19, 58, 77, 0.25);
  transition: all 0.3s ease;
  font-family: "Arial", sans-serif;
}

/* Botones de Like */
.likebtn-button {
  background: transparent !important;
  border: none !important;
  padding: 6px 10px;
  border-radius: 6px;
  color: #ffffff !important;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.3s ease, transform 0.2s ease;
}

.likebtn-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  transform: scale(1.05);
}

/* Texto */
.likebtn-label {
  color: #ffffff !important;
  font-size: 14px;
}

/* ÍCONO: solo corazón personalizado (sin pulgares) */
.likebtn-icon,
.lb-like-icon,
.lb-dislike-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: #ffffff !important;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

/* Corazón visible */
.lb-like-icon {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 6 3.99 4 6.5 4c1.74 0 3.41 1.01 4.22 2.53C11.09 5.01 12.76 4 14.5 4 17 4 19 6 19 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>");
}

/* Dislike desactivado completamente (opcional) */
.lb-dislike-icon,
.likebtn-button.lb-dislike {
  display: none !important;
}



/* ❌ Ocultar el tooltip "Me gusta esto" */
.lb-tooltip-tt {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
}

.likebtn-icon, .lb-like-icon {
	background-image: none !important;
}

.lb-count, .lb-hidden {
	color: white !important;
	font-weight: 500 !important;
	font-size: 2em !important;
	margin-left: 5px !important;
	font-style: italic !important;
	border-left: 1px solid white !important;
}

#ari-like-btn {
    -webkit-animation: ari-subtle-pulse 1.3s infinite;
    animation: ari-subtle-pulse 1.3s infinite;
    font-size: 18px;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    box-shadow: 0 0 0 rgba(46, 204, 113, 0.4);
    -webkit-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
}

#ari-like-btn:disabled {
    opacity: 0.6;
    cursor: default;
    -webkit-animation: none !important;
    animation: none !important;
}

@-webkit-keyframes ari-subtle-pulse {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4);
    }
    50% {
      -webkit-transform: scale(1.04);
      transform: scale(1.04);
      box-shadow: 0 0 0 12px rgba(46, 204, 113, 0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}

@keyframes ari-subtle-pulse {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4);
    }
    50% {
      -webkit-transform: scale(1.04);
      transform: scale(1.04);
      box-shadow: 0 0 0 12px rgba(46, 204, 113, 0);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}


.fa-bars {
	color: white;
}

#ari-like-count {
	display: none !important;
	color: white !important;
}