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

/* HEADER */

#logo_blanco {display: none;}
.page-id-6876 #logo_blanco,
.page-id-7050 #logo_blanco,
.page-id-7221 #logo_blanco,
.page-id-7166 #logo_blanco,
.page-id-7186 #logo_blanco,
.page-id-7201 #logo_blanco { display: flex;}

.page-id-6876 #logo_naranja,
.page-id-7050 #logo_naranja,
.page-id-7221 #logo_naranja,
.page-id-7166 #logo_naranja,
.page-id-7186 #logo_naranja,
.page-id-7201 #logo_naranja { display: none;}

/* MENU */
#start_menu {background-color: #413b47; padding: 8px; border-radius: 50%; cursor: pointer; transition: filter 0.3s ease;}
#start_menu:hover {background-color: #000;}
#start_menu_close {padding: 8px; border-radius: 50%; border: #c9c0bd solid 1px; cursor: pointer; position: static; margin: 0; height: 32px;  transition: filter 0.3s ease;filter: brightness(1.3);}
#start_menu_close:hover {filter: saturate(50) brightness(0.8) !important; }
.start_main_menu a {font-size: calc(1.5em + 1vw); line-height: normal;}
#start_main_menu a:hover {font-weight: 800; font-style: italic; }

.start_main_menu a {font-size: calc(1.3em + 1vw); line-height: normal;}

@media (max-width: 1024px) {
  .start_main_menu a {line-height: 1.1;}
  #first_menu .menu_num { letter-spacing: 2.2px; font-size: calc(0.52em + 1vw);}
  .menu_num {font-size: calc(0.5em + 1vw);text-align: right;width: 24px; display: inline-block;}
  #menu_image {position: fixed; bottom:20px; left: 50%; transform: translateX(-50%);}
}

@media (min-width: 800px) and (max-width: 1024px) {
  .menu_num {margin-right: 20px;}
}

@media (max-width: 799px) {
  .menu_num {margin-right: 10px;}
}

/* Cada bloque de texto (fusion-text) incrementa el contador */
#start_main_menu .fusion-text {
    counter-increment: menu-counter;
}
/* Propiedades comunes para todos los ::before al hacer hover sobre el enlace */
#start_main_menu .fusion-text:hover a::before {
		content: counter(menu-counter, decimal-leading-zero);
    display: inline-block;
		position: absolute;
		left: -30px;
		margin-top: 10px;
    margin-right: 10px;   /* Separación entre el número y el texto */
    font-size: 22px;
		font-style: normal;   /* Hereda el tamaño del enlace */
    font-weight: normal;     /* Opcional: resaltar el número */
    /* Añade aquí cualquier otra propiedad común: color, fondo, etc. */
}

.home .fusion-tb-header .fusion-sticky-container.fusion-sticky-transition {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 88%, rgba(255, 255, 255, 0) 100%) !important;
}
/* GLOBAL */
.word_break {word-break: break-word; hyphens: auto;}
.read_more_text .fusion-text a { padding: 7px 17px; border: thin solid #413b47; border-radius: 25px; display: flex; justify-content: center;}
.read_more_text .plus a {padding: 15px;}
.read_more_text:hover .fusion-text a {background-color: #413b47;color:#fff;}
.read_more:hover a .fusion-button-text {color:#fff;}
.read_more:hover a {background-color: #413b47;}
.title_text {font-family: 'Poppins'; font-size: 18px; font-weight: 700; margin-bottom: -10px; display: block;}

/* NAV MENU */

.stack-card > .fusion-builder-row  {
  align-content: flex-start;
}

.stacked-cards-nav {
  position: fixed;
  /* ✅ Ajustado para max-width 1500px: 88vw de 1500px = 1320px, min(1320, 1500) = 1320 */
  /* (100vw - 1320px) / 2 + 44px */
  right: max(calc((100vw - min(94vw, 1500px)) / 2 + 0px), 15px);
  top: 50%;
  transform: translateY(-18%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 100;
}

/* ✅ Ajuste adicional para pantallas muy grandes (≥ 1500px) */
@media (min-width: 1500px) {
  .stacked-cards-nav {
    right: max(calc((100vw - 1500px) / 2 + 15px), 15px);
  }
}

.stacked-cards-nav-btn {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1.5px solid #413b47;
  background: transparent;
  color: #413b47;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

.stacked-cards-nav-btn:not(:first-child) {
  padding-top: 2px;
}

.stacked-cards-nav-btn:hover {
  border-color: rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.03);
}

.stacked-cards-nav-btn.active {
  background: #413b47;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Botón ir arriba */
.stacked-cards-nav-top .top-dot {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: currentColor;
  transition: transform 0.3s ease;
}

.stacked-cards-nav-top:hover .top-dot {
  transform: scale(1.4);
}

.stacked-cards-nav-separator {
  width: 20px;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 4px 0;
}

.stacked-cards-nav-top.visible {
  opacity: 1;
}

.stacked-cards-nav-top.active {
  background: #413b47;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  opacity: 1;
}

/* Tablets grandes (800px - 1024px) */
@media (max-width: 1024px) {
  /* El índice desaparece */
  .stacked-cards-nav {
    display: none;
  }
}

/* HOME */
#hero #cln_hero {height: 100vh;}
#hero h2, #hero h1 {font-size: calc(0.7em + 1vw)!important;}

.avada-footer-scripts .off_foreword .awb-off-canvas {background: linear-gradient(0deg,rgba(232, 229, 227, 1) 98%,rgba(232, 229, 227, 0) 100%);}
.avada-footer-scripts .off_foreword .awb-off-canvas { max-width: 1500px; margin: 0 auto; width: calc(100vw - 20px);padding-top: 20px;}
.avada-footer-scripts .off_foreword .awb-off-canvas .off_foreword_content {max-width: 1200px; margin: 0 auto;}
.avada-footer-scripts .off_foreword .awb-off-canvas .fusion-text p {margin-top: 0!important;}
.avada-footer-scripts .off_foreword .off-canvas-content {max-height: calc(100vh - 127px)!important;}

#foreword_text {padding-bottom: 50px;}


@media (max-width: 1024px) {
  #hero #cln_hero {background-size: 60%!important;}
  #hero > .fusion-builder-row {align-content: flex-start;}
  /*#hero_text {margin-top: calc(450px - 100vh);}*/
  #hero h2, #hero h1 {font-size: calc(0.4em + 1vw)!important; }
}

@media (max-width: 650px) {
  #hero {max-height: 100vh;}
  #hero #cln_hero  {--awb-bg-size: 100%!important; --awb-bg-position-small: center 30%!important;}
  #hero #hero_text {position: absolute; left: 15px; bottom:100px;}
  #foreword_text {padding-bottom: 50px;column-count: 1;}
  #hero h2, #hero h1 {font-size: calc(0.6em + 1vw)!important; }

}



.card_back_text p:before {
    content: "";
    display: inline-block;
		position: relative;
		left: -10px;
		top:11px;
    width: 30px;                 /* Ajusta según tamaño de tu SVG */
    height: 30px;                /* Ajusta según tamaño de tu SVG */
    background-image: url('/wp-content/uploads/2026/06/2025_fletxa_footer.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

@media (min-width: 651px) {
  .card_back_text {opacity: 0; transition: all 0.2s;}
  .card_back:hover .card_back_text {opacity: 1;}
  .card_back_text {  	margin-top: -13.5px!important; }
}

@media (max-width: 650px) {
  .card_back_text {opacity: 1;}
}

#stackCard2 .read_more_text,
#stackCard4 .read_more  {position: absolute; bottom:10px; }


.stack-card .stack-card-inner-wrap > .fusion-builder-row { align-content: flex-start; }

#stackCard2 .col_moment .fusion-image-element {filter: saturate(0%); transition: filter 0.3s ease;}
#stackCard2 .col_moment:hover .fusion-image-element {filter: saturate(100%) ;}

@media (max-width: 650px) {
  #stackCard2 .col_moment .fusion-column-wrapper {border:none;}
}

#stackCard3 .fusion-builder-column-20 { margin-left: 10.76% !important; margin-right: -10.76% !important; }
#stackCard3 .fusion-builder-column-21 { margin-left: 3.61% !important; margin-right: -3.61% !important; }
#stackCard3 .fusion-builder-column-22 { margin-left: 1% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-23 { margin-left: -6% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-24 { margin-left: -7.3% !important; margin-right: 0 !important; }

@media (max-width: 1499px) and (min-width: 1200px) {
#stackCard3 .fusion-builder-column-20 { margin-left: 6.61% !important; margin-right: -6.61% !important; }
#stackCard3 .fusion-builder-column-21 { margin-left: 2.89% !important; margin-right: -2.89% !important; }
#stackCard3 .fusion-builder-column-22 { margin-left: 2.8% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-23 { margin-left: -4% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-24 { margin-left: -4.84% !important; margin-right: 0 !important; }
}

@media (max-width: 1199px) and (min-width: 992px) {
#stackCard3 .fusion-builder-column-20 { margin-left: 6.46% !important; margin-right: -6.46% !important; }
#stackCard3 .fusion-builder-column-21 { margin-left: 2.17% !important; margin-right: -2.17% !important; }
#stackCard3 .fusion-builder-column-22 { margin-left: 0.6% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-23 { margin-left: -3.6% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-24 { margin-left: -4.38% !important; margin-right: 0 !important; }
}

@media (max-width: 991px) and (min-width: 768px) {
#stackCard3 .fusion-builder-column-20 { margin-left: 4.3% !important; margin-right: -4.3% !important; }
#stackCard3 .fusion-builder-column-21 { margin-left: 1.44% !important; margin-right: -1.44% !important; }
#stackCard3 .fusion-builder-column-22 { margin-left: 0.4% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-23 { margin-left: -2.4% !important; margin-right: 0 !important; }
#stackCard3 .fusion-builder-column-24 { margin-left: -2.92% !important; margin-right: 0 !important; }
}

@media (min-width: 767px) {
  #stackCard3 .fusion-builder-column-20 .fusion-text-14 { font-size: clamp(28px, 4.5vw, 60px) !important; }
  #stackCard3 .fusion-builder-column-20 .fusion-text-16 { font-size: clamp(16px, 2.8vw, 35px) !important; }
  #stackCard3 .fusion-builder-column-21 .fusion-text-18 { font-size: clamp(38px, 6.5vw, 80px) !important; }
  #stackCard3 .fusion-builder-column-22 .fusion-text-20 { font-size: clamp(28px, 4.5vw, 60px) !important; }
  #stackCard3 .fusion-builder-column-22 .fusion-text-22 { font-size: clamp(16px, 2.8vw, 35px) !important; }
  #stackCard3 .fusion-builder-column-23 .fusion-text-24 { font-size: clamp(16px, 2.8vw, 35px) !important; }
  #stackCard3 .fusion-builder-column-23 .fusion-text-26 { font-size: clamp(32px, 5.5vw, 68px) !important; }
  #stackCard3 .fusion-builder-column-24 .fusion-text-28 { font-size: clamp(28px, 4.5vw, 60px) !important; }
}

@media (max-width: 767px) {
#stackCard3 .fusion-builder-column-20, #stackCard3 .fusion-builder-column-21, #stackCard3 .fusion-builder-column-22, #stackCard3 .fusion-builder-column-23, #stackCard3 .fusion-builder-column-24 { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
}

@media (min-width: 650px) and (max-width: 1024px) {
  #stackCard4 h3 {font-size: 0.8em!important; }
}

#stackCard5 .awb-image-hotspots-wrapper .awb-image-hotspots-hotspot {    font-family: "Poppins", Arial, Helvetica, sans-serif;}
.avada-footer-scripts .map_canvas .awb-off-canvas {background: linear-gradient(0deg,rgba(187, 172, 172, 1) 60%, rgba(187, 172, 172, 0) 100%);}
.avada-footer-scripts .map_canvas .awb-off-canvas { max-width: 1500px; margin: 0 auto;width: calc(100vw - 20px);}
.avada-footer-scripts .map_canvas .awb-off-canvas .map_offcanvas_content {max-width: 1200px; margin: 0 auto;}

@media (max-width: 650px) {
  .awb-off-canvas-wrap .awb-off-canvas .off-canvas-close.close-position-right {margin-right: 15px!important; }
  .avada-footer-scripts .map_canvas .awb-off-canvas {background-color: #bbacac;}
}

#stackCard6 .stack-card-inner-wrap a {margin-bottom: 6px; display: inline-block;}
#stackCard6 .stack-card-inner-wrap a:hover {text-decoration: underline;}
#stackCard6 {background-position:88% 89%}

/* FACTS & FIGURES */
body.page-id-7221 #wrapper .fusion-tb-header .fusion-fullwidth {
    background-color: #cfb280 !important;
}

#budget {display: flex; align-items: center;}
#text_budget {font-family: "Georgia"; font-size:25px;color:#413b47; font-weight: 400; width: 80px; margin-left: 20px; line-height: 1;}
#budget_percent {background-color: #978034; border-radius:35px;}

@media (max-width: 650px) {
  #number_budget {font-size: 48px;}
}


.chart-container {
  width: 100%;
  max-width: 1200px;
  position: relative;
  font-family: 'Poppins';
}

.chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    position: relative;
}

.bar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 80px;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    margin: 0 0.25%;
}

.bar-container {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.bar {
    width: 100%;
    background-color: #e9e5e2;
    border-radius: 15px 15px 0 0;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
    height: 0;
}

.bar-wrapper:hover .bar {
    background-color: #413b47;
}

.bar-label {
    margin-top: 15px;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 1.3;
    max-width: 90px;
    height: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.tooltip {
    position: absolute;
    bottom: calc(var(--target-height) + 12px);
    left: 50%;
    transform: translateX(-50%);
    color: #413b47;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    z-index: 10;
    width: max-content;
    max-width: 100px;
    white-space: normal;
    word-wrap: break-word;
}

.bar-wrapper:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.tooltip-percentage {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.tooltip-text {
    font-size: 14px;
    opacity: 0.85;
    line-height: 1.3;
}

@keyframes growUp {
    from {
        height: 0;
    }
    to {
        height: var(--target-height);
    }
}

.bar.animate {
    animation: growUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/* Responsive: modo horizontal para pantallas < 800px */
@media (max-width:650px) {

    .chart-container {
        max-width: 100%;
    }

    .chart {
        flex-direction: column;
        height: auto;
        padding: 20px 0;
        gap: 16px;
    }

    .bar-wrapper {
        flex-direction: row;
        align-items: center;
        max-width: 100%;
        height: auto;
        width: 100%;
        justify-content: flex-start;
        margin: 0;
        background-color: rgb(255 255 255 / 25%);
    }

    .bar-container {
        width: 100%;
        height: 35px;
        align-items: center;
    }

    .bar {
        height: 100%;
        width: 0;
        border-radius: 0 15px 15px 0;
    }

    .bar-label {
        display: none;
    }

    .tooltip {
      bottom: auto;
      top: auto;
      left: 10px;
      transform: translateY(-50%);
      text-align: left;
      max-width: 100%;
      opacity: 1!important;
      display: flex!important;
      margin-top: 32px;
      align-items: center;
    }

    .tooltip-percentage {
      margin-right: 10px;
    }

    @keyframes growRight {
        from {
            width: 0;
        }
        to {
            width: var(--target-width);
        }
    }

    .bar.animate {
        animation: growRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        opacity: 0.8;
    }
}

.zindex1 {z-index:2;}
.total_bar { width: 100%; border-radius: 25px; background-color: #fff; height: 10px; margin: 0 auto; }
.total_bar.top {max-width: 150px}
.total_bar.bottom {max-width: 130px; }
.percent_bar {border-radius: 25px; background-color: #bf9d56;height: 10px; }
.total_bar.blue .percent_bar {background-color:#678088;}

@media (min-width:650px) {
  .inno_col_right {border-right: thin solid #bf9d56}
  .inno_col_left {border-left: thin solid #bf9d56}
}

@media (max-width:1024px) {
  #policy_border > .fusion-column-wrapper {border:none;}
}

/* FOOTER */
.fusion-tb-footer .fusion-fullwidth .fusion-builder-row {max-width: 1560px!important;}
.fusion-tb-footer .fusion-social-networks-wrapper .fusion-social-network-icon {margin: 5px 10px!important;}
#toTop {right:20px!important;}