:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --text:#101828;
  --muted:#667085;
  --line:#e5e7eb;
  --navy:#262a7a;
  --orange:#f28c28;
  --good:#0f8a5f;
  --bad:#c43d3d;
  --benchmark:#8f96a3;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text)}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.shell{max-width:1180px;margin:0 auto;padding:28px 18px 70px}
.topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.tabs{display:flex;gap:10px;flex-wrap:wrap}
.tab{
  border:1px solid var(--line);background:#fff;color:#344054;padding:11px 18px;
  border-radius:10px;font-weight:800;font-size:14px;cursor:pointer
}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tab[data-strategy="orca_x3"].active{background:var(--orange);border-color:var(--orange)}
.updated{font-size:13px;color:var(--muted)}
h1{font-size:34px;line-height:1.1;margin:0 0 18px;font-weight:800;letter-spacing:-.03em}
h2{font-size:18px;margin:0}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 15px}
.kpi-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}
.kpi-value{font-size:23px;font-weight:800}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:16px}
.card-head{margin-bottom:12px}
.card-head p{margin:5px 0 0;color:var(--muted);font-size:14px}
.chart-box{height:340px;position:relative}
.chart-box.short{height:190px}
canvas{width:100%;height:100%;display:block}
.legend{display:flex;justify-content:flex-end;gap:18px;font-size:13px;color:var(--muted);margin-top:8px}
.legend-item{display:flex;align-items:center;gap:7px}
.legend-line{width:24px;height:3px;border-radius:2px}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;font-size:13px}
th{background:var(--navy);color:#fff;padding:10px 8px;text-align:center}
th:first-child{border-radius:8px 0 0 8px}
th:last-child{border-radius:0 8px 8px 0}
td{padding:9px 8px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
td:first-child{font-weight:800;text-align:left}
.pos{color:var(--good);font-weight:700}.neg{color:var(--bad);font-weight:700}.empty{color:#cbd5e1}
.simple-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.simple-stat{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfcfe}
.simple-stat .label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}
.simple-stat .value{font-size:22px;font-weight:800}
@media(max-width:900px){
  .kpis{grid-template-columns:repeat(3,1fr)}
  .simple-stats{grid-template-columns:repeat(3,1fr)}
  .chart-box{height:280px}
}
@media(max-width:560px){
  .shell{padding:18px 12px 50px}
  .topline{align-items:flex-start;flex-direction:column}
  .tabs{width:100%}.tab{flex:1}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .simple-stats{grid-template-columns:repeat(2,1fr)}
  h1{font-size:29px}
}


/* =========================================================
   RESULTADOS V9 - GRAFICOS INTERACTIVOS
   ========================================================= */

.chart-box{
  position:relative;
}

.chart-box canvas{
  cursor:crosshair;
}


.chart-tooltip{
  position:absolute;
  display:none;
  z-index:20;

  min-width:205px;
  max-width:260px;

  padding:11px 12px;

  border-radius:10px;

  background:
    rgba(16,24,40,.95);

  color:#fff;

  font-size:11px;

  line-height:1.4;

  pointer-events:none;

  box-shadow:
    0 8px 24px
    rgba(16,24,40,.22);

  backdrop-filter:
    blur(4px);
}


.chart-tooltip-date{
  padding-bottom:7px;
  margin-bottom:7px;

  border-bottom:
    1px solid
    rgba(255,255,255,.14);

  color:#d0d5dd;

  font-size:11px;
  font-weight:800;
}


.chart-tooltip-series + .chart-tooltip-series{
  margin-top:9px;
  padding-top:9px;

  border-top:
    1px solid
    rgba(255,255,255,.10);
}


.chart-tooltip-row{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:14px;
}


.chart-tooltip-row strong{
  color:#fff;
  font-size:11px;
  white-space:nowrap;
}


.chart-tooltip-name{
  display:flex;

  align-items:center;

  gap:6px;

  color:#f2f4f7;

  font-weight:700;
}


.chart-tooltip-name i{
  display:inline-block;

  width:8px;
  height:8px;

  border-radius:50%;

  flex:0 0 8px;
}


.chart-tooltip-sub{
  margin-top:3px;

  padding-left:14px;

  color:#b7bec9;

  font-size:10px;
}


.chart-tooltip-sub strong{
  color:#f2f4f7;
}


@media(max-width:700px){

  .chart-tooltip{
    min-width:180px;
    max-width:220px;
  }
}


/* =========================================================
   RESULTADOS V11
   SELECTOR YTD / HISTORICO / AÑO
   ========================================================= */

.period-toolbar{
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:9px;

  margin:
    0 0 12px 0;

  flex-wrap:wrap;
}


.period-buttons{
  display:flex;

  gap:5px;

  padding:4px;

  border-radius:11px;

  background:#f2f4f7;

  border:
    1px solid
    #e4e7ec;
}


.period-btn{
  min-width:76px;

  padding:
    7px 12px;

  border:0;

  border-radius:8px;

  background:transparent;

  color:#667085;

  font-size:12px;
  font-weight:800;

  cursor:pointer;

  transition:
    background-color .15s ease,
    color .15s ease,
    box-shadow .15s ease;
}


/*
 * GLOBAL MACRO
 */

.period-toolbar[data-strategy="global_macro"]
.period-btn:hover{
  background:#e9edff;
  color:#262a7a;
}


.period-toolbar[data-strategy="global_macro"]
.period-btn.active{
  background:#262a7a;
  color:#fff;

  box-shadow:
    0 2px 6px
    rgba(38,42,122,.18);
}


/*
 * ORCA X3
 */

.period-toolbar[data-strategy="orca_x3"]
.period-btn:hover{
  background:#fff0df;
  color:#bd5c00;
}


.period-toolbar[data-strategy="orca_x3"]
.period-btn.active{
  background:#f58a1f;
  color:#fff;

  box-shadow:
    0 2px 6px
    rgba(245,138,31,.20);
}


/*
 * Dropdown de año
 */

.period-year{
  height:36px;

  min-width:92px;

  padding:
    0 30px
    0 11px;

  border:
    1px solid
    #d0d5dd;

  border-radius:9px;

  background:#fff;

  color:#344054;

  font-size:12px;
  font-weight:800;

  cursor:pointer;

  outline:none;
}


.period-year:focus{
  border-color:#98a2b3;

  box-shadow:
    0 0 0 3px
    rgba(152,162,179,.12);
}


.period-year[hidden]{
  display:none !important;
}


@media(max-width:600px){

  .period-toolbar{
    justify-content:flex-start;
  }

  .period-buttons{
    width:100%;
  }

  .period-btn{
    flex:1;
    min-width:0;
  }

  .period-year{
    width:100%;
  }
}


/* =========================================================
   RESULTADOS V13
   POSICION SELECTOR PERIODO
   ========================================================= */

.card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}


/*
 * En el encabezado de la curva no queremos
 * margen inferior adicional del toolbar.
 */
.card-head .period-toolbar{
  margin:0 0 0 auto;
  flex:0 0 auto;
  align-self:flex-start;
}


/*
 * Mantener el conjunto compacto a la derecha.
 */
.card-head .period-buttons{
  white-space:nowrap;
}


/*
 * Dropdown del año junto a los botones.
 */
.card-head .period-year{
  flex:0 0 auto;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:700px){

  .card-head{
    flex-direction:column;
    align-items:stretch;
  }

  .card-head .period-toolbar{
    width:100%;
    margin:6px 0 0 0;
  }

  .card-head .period-buttons{
    width:100%;
  }
}


/* =========================================================
   RESULTADOS V14
   CTA INTERMEDIO
   ========================================================= */

.invest-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:28px;

  margin:20px 0;

  padding:24px 26px;

  border-radius:18px;

  background:#171b68;

  color:#fff;

  box-shadow:
    0 8px 24px
    rgba(23,27,104,.10);
}


.invest-cta-copy{
  max-width:650px;
}


.invest-cta-copy h2{
  margin:0 0 7px 0;

  color:#fff;

  font-size:20px;
  line-height:1.25;
}


.invest-cta-copy p{
  margin:0;

  color:#d9dcf4;

  font-size:13px;
  line-height:1.55;
}


.invest-cta-actions{
  display:flex;

  align-items:center;

  gap:13px;

  flex:0 0 auto;
}


.invest-cta-primary{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:42px;

  padding:0 18px;

  border-radius:10px;

  background:#fff;

  color:#262a7a;

  font-size:12px;
  font-weight:900;

  text-decoration:none;

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}


.invest-cta-primary:hover{
  transform:translateY(-1px);

  box-shadow:
    0 5px 15px
    rgba(0,0,0,.15);
}


.invest-cta-secondary{
  color:#d9dcf4;

  font-size:12px;
  font-weight:800;

  text-decoration:underline;
  text-underline-offset:4px;
}


.invest-cta-secondary:hover{
  color:#fff;
}


/* =========================================================
   NEWSLETTER CTA
   ========================================================= */

.newsletter-cta{
  margin-top:28px;

  overflow:hidden;

  border-radius:20px;

  background:#0b1f46;

  color:#fff;
}


.newsletter-inner{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:34px;

  padding:42px 44px;
}


.newsletter-copy{
  max-width:720px;
}


.newsletter-kicker{
  margin-bottom:8px;

  color:#9db9ff;

  font-size:11px;
  font-weight:900;

  letter-spacing:.08em;

  text-transform:uppercase;
}


.newsletter-copy h2{
  margin:0 0 10px 0;

  color:#fff;

  font-size:28px;
  line-height:1.2;
}


.newsletter-copy p{
  margin:0;

  color:#d8e0ef;

  font-size:14px;
  line-height:1.6;
}


.newsletter-action{
  flex:0 0 auto;
}


.newsletter-button{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:48px;

  padding:0 24px;

  border-radius:10px;

  background:#2176ff;

  color:#fff;

  font-size:13px;
  font-weight:900;

  text-decoration:none;

  white-space:nowrap;

  box-shadow:
    0 6px 18px
    rgba(33,118,255,.24);

  transition:
    transform .15s ease,
    box-shadow .15s ease;
}


.newsletter-button:hover{
  transform:translateY(-1px);

  box-shadow:
    0 8px 22px
    rgba(33,118,255,.30);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:800px){

  .invest-cta,
  .newsletter-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .invest-cta-actions{
    width:100%;

    flex-wrap:wrap;
  }

  .newsletter-action{
    width:100%;
  }

  .newsletter-button{
    width:100%;
  }
}


@media(max-width:560px){

  .invest-cta{
    padding:20px;
  }

  .invest-cta-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .invest-cta-primary{
    width:100%;
  }

  .invest-cta-secondary{
    text-align:center;
  }

  .newsletter-inner{
    padding:30px 22px;
  }

  .newsletter-copy h2{
    font-size:23px;
  }
}


/* =========================================================
   NEWSLETTER GLOBAL ALIGN V1
   ========================================================= */

.newsletter-cta .newsletter-inner{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(240px,320px) !important;

  align-items:center !important;

  gap:50px !important;
}

.newsletter-cta .newsletter-inner > a,
.newsletter-cta .newsletter-button{
  justify-self:center !important;
}


@media(max-width:800px){

  .newsletter-cta .newsletter-inner{
    grid-template-columns:1fr !important;

    gap:24px !important;
  }

  .newsletter-cta .newsletter-inner > a,
  .newsletter-cta .newsletter-button{
    justify-self:start !important;

    width:100% !important;

    text-align:center !important;
  }
}


/* =========================================================
   NEWSLETTER GLOBAL V2 - RESULTADOS
   ========================================================= */

.newsletter-cta{
  margin-top:72px !important;
  margin-bottom:82px !important;
}

.newsletter-cta .newsletter-inner{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    285px !important;

  align-items:center !important;

  gap:38px !important;

  padding:
    42px 44px !important;

  background:#0b1f46 !important;

  border-radius:18px !important;
}

.newsletter-cta .newsletter-inner > div:first-child{
  min-width:0;
}

.newsletter-cta h2{
  margin:
    8px 0
    9px !important;

  font-family:
    "Droid Serif",
    serif !important;

  font-size:29px !important;

  line-height:1.25 !important;

  white-space:nowrap !important;
}

.newsletter-cta p{
  max-width:none !important;

  font-size:17px !important;

  line-height:1.6 !important;
}

.newsletter-cta .newsletter-button,
.newsletter-cta .newsletter-inner > a{
  justify-self:center !important;

  width:260px !important;

  min-width:260px !important;

  min-height:50px !important;

  text-align:center !important;
}


@media(max-width:1100px){

  .newsletter-cta h2{
    white-space:normal !important;
  }

}


@media(max-width:800px){

  .newsletter-cta{
    margin-top:55px !important;
    margin-bottom:60px !important;
  }

  .newsletter-cta .newsletter-inner{
    grid-template-columns:1fr !important;

    gap:24px !important;

    padding:
      30px 24px !important;
  }

  .newsletter-cta h2{
    font-size:27px !important;

    white-space:normal !important;
  }

  .newsletter-cta .newsletter-button,
  .newsletter-cta .newsletter-inner > a{
    justify-self:stretch !important;

    width:100% !important;

    min-width:0 !important;
  }

}


/* =========================================================
   RESULTADOS - FOOTER DEFINITIVO SHARK
   ========================================================= */

.site-footer-simple{
    margin-top:0 !important;

    background:#0b1f46 !important;

    color:#ffffff !important;
}


.site-footer-simple-inner{
    width:min(1180px,calc(100% - 48px));

    min-height:126px;

    margin:0 auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:34px;
}


.site-footer-simple-logo{
    display:flex;

    align-items:center;

    flex:0 0 auto;
}


.site-footer-simple-logo img{
    display:block;

    width:275px;

    max-width:100%;

    height:auto;
}


.site-footer-simple-nav{
    margin-left:auto;

    display:flex;

    align-items:center;

    gap:34px;
}


.site-footer-simple-nav a{
    color:#ffffff !important;

    text-decoration:none !important;

    font-size:13px !important;

    font-weight:800 !important;

    letter-spacing:.02em;

    text-transform:uppercase;
}


.site-footer-simple-nav a:hover{
    opacity:.8;
}


.site-footer-simple-top{
    width:54px;
    height:54px;

    flex:0 0 54px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border:
        1px solid rgba(255,255,255,.24);

    border-radius:50%;

    color:#ffffff !important;

    text-decoration:none !important;

    font-size:28px;

    line-height:1;
}


.site-footer-simple-bottom{
    width:min(1180px,calc(100% - 48px));

    margin:0 auto;

    padding:
        0 0
        24px;

    border-top:
        1px solid rgba(255,255,255,.10);

    color:
        rgba(255,255,255,.66);

    font-size:12px;
}


.site-footer-simple-bottom p{
    margin:
        20px 0
        0;
}


@media(max-width:800px){

    .site-footer-simple-inner{
        min-height:auto;

        padding:
            38px 0
            28px;

        flex-wrap:wrap;
    }


    .site-footer-simple-logo{
        width:100%;
    }


    .site-footer-simple-logo img{
        width:235px;
    }


    .site-footer-simple-nav{
        margin-left:0;

        flex-wrap:wrap;

        gap:
            18px 24px;
    }


    .site-footer-simple-top{
        margin-left:auto;
    }

}


@media(max-width:520px){

    .site-footer-simple-inner,
    .site-footer-simple-bottom{
        width:
            calc(100% - 30px);
    }


    .site-footer-simple-nav{
        width:100%;
    }


    .site-footer-simple-top{
        margin-left:0;
    }

}



/* =========================================================
   RESULTADOS - FOOTER FINAL
   CLASES REALES DEL HTML
   ========================================================= */

.site-footer-simple{
    width:100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #0b1f46 !important;

    color:
        #ffffff !important;
}


/* ---------------------------------------------------------
   FILA PRINCIPAL
   --------------------------------------------------------- */

.site-footer-simple .footer-minimal{
    width:
        min(1180px,calc(100% - 48px)) !important;

    min-height:
        118px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        32px !important;
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.site-footer-simple .footer-minimal-logo-link{
    flex:
        0 0 auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    text-decoration:
        none !important;
}


.site-footer-simple .footer-minimal-logo{
    display:
        block !important;

    width:
        255px !important;

    max-width:
        100% !important;

    height:
        auto !important;
}


/* ---------------------------------------------------------
   ENLACES LEGALES
   --------------------------------------------------------- */

.site-footer-simple .footer-minimal-links{
    margin-left:
        auto !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        30px !important;
}


.site-footer-simple .footer-minimal-links a{
    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-family:
        "Source Sans Pro",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    letter-spacing:
        .035em !important;

    text-transform:
        uppercase !important;
}


.site-footer-simple .footer-minimal-links a:hover{
    opacity:
        .75 !important;
}


/* ---------------------------------------------------------
   BOTÓN SUBIR
   --------------------------------------------------------- */

.site-footer-simple .back-to-top{
    width:
        48px !important;

    height:
        48px !important;

    flex:
        0 0 48px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        1px solid rgba(255,255,255,.22) !important;

    border-radius:
        50% !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    text-decoration:
        none !important;

    font-size:
        23px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;
}


/* ---------------------------------------------------------
   COPYRIGHT
   --------------------------------------------------------- */

.site-footer-simple .footer-minimal-bottom{
    width:
        min(1180px,calc(100% - 48px)) !important;

    margin:
        0 auto !important;

    padding:
        19px 0
        23px !important;

    border-top:
        1px solid rgba(255,255,255,.10) !important;

    color:
        rgba(255,255,255,.62) !important;

    font-family:
        "Source Sans Pro",
        sans-serif !important;

    font-size:
        12px !important;

    line-height:
        1.4 !important;
}


/* =========================================================
   NEWSLETTER → FOOTER
   SIN HUECO EXTRA
   ========================================================= */

.newsletter-cta{
    margin-bottom:
        0 !important;
}


main.shell{
    padding-bottom:
        0 !important;
}


.site-footer-simple{
    margin-top:
        0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:800px){

    .site-footer-simple .footer-minimal{
        min-height:
            auto !important;

        padding:
            34px 0
            28px !important;

        flex-wrap:
            wrap !important;
    }


    .site-footer-simple .footer-minimal-logo{
        width:
            225px !important;
    }


    .site-footer-simple .footer-minimal-links{
        margin-left:
            0 !important;

        flex-wrap:
            wrap !important;

        gap:
            18px 24px !important;
    }


    .site-footer-simple .back-to-top{
        margin-left:
            auto !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:520px){

    .site-footer-simple .footer-minimal,
    .site-footer-simple .footer-minimal-bottom{
        width:
            calc(100% - 30px) !important;
    }


    .site-footer-simple .footer-minimal{
        gap:
            24px !important;
    }


    .site-footer-simple .footer-minimal-logo-link{
        width:
            100% !important;
    }


    .site-footer-simple .footer-minimal-links{
        width:
            100% !important;
    }


    .site-footer-simple .back-to-top{
        margin-left:
            0 !important;
    }

}



/* =========================================================
   RESULTADOS - AJUSTE FINAL ESPACIO NEWSLETTER / FOOTER
   ========================================================= */

.newsletter-cta{
    margin-bottom:36px !important;
}

.site-footer-simple{
    margin-top:0 !important;
}

@media(max-width:800px){
    .newsletter-cta{
        margin-bottom:28px !important;
    }
}

@media(max-width:520px){
    .newsletter-cta{
        margin-bottom:22px !important;
    }
}



/* =========================================================
   RESULTADOS
   CTA INMEDIATAMENTE DESPUÉS DEL SELECTOR
   ========================================================= */

.invest-cta-after-selector{
    margin:
        36px 0
        48px !important;
}


/*
 * Evitar márgenes de versiones anteriores
 * que puedan hacerlo parecer demasiado separado.
 */

.invest-cta-after-selector.invest-cta{
    margin-top:
        36px !important;

    margin-bottom:
        48px !important;
}


/* El bloque siguiente empieza limpio */

.invest-cta-after-selector + .card{
    margin-top:
        0 !important;
}


@media(max-width:700px){

    .invest-cta-after-selector,
    .invest-cta-after-selector.invest-cta{
        margin-top:
            28px !important;

        margin-bottom:
            36px !important;
    }

}

/* =========================================================
   RESULTADOS - BANNER REPLICADO DESDE ESTRATEGIAS
   ========================================================= */

.strategy-banner-results{
    margin:36px 0 46px !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

.strategy-banner-results{
    display:block !important;
}

.strategy-banner-results{
    background:#2d3192 !important;
    border-radius:22px !important;
    padding:34px 52px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 330px !important;
    gap:32px !important;
    align-items:center !important;
}

.strategy-banner-results .strategy-banner-copy h2{
    margin:0 0 14px !important;
    color:#ffffff !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
}

.strategy-banner-results .strategy-banner-copy p{
    margin:0 !important;
    color:rgba(255,255,255,.92) !important;
    font-size:18px !important;
    line-height:1.5 !important;
    max-width:880px !important;
}

.strategy-banner-results .strategy-banner-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
}

.strategy-banner-results .strategy-banner-whatsapp{
    min-height:64px !important;
    width:100% !important;
    justify-content:center !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:0 24px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    color:#2d3192 !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
}

.strategy-banner-results .strategy-banner-whatsapp:hover{
    opacity:.96;
}

.strategy-banner-results .strategy-banner-whatsapp-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#2d3192 !important;
    flex:0 0 auto !important;
}

.strategy-banner-results .strategy-banner-secondary{
    color:#ffffff !important;
    text-decoration:underline !important;
    text-underline-offset:4px !important;
    font-size:14px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    text-transform:uppercase !important;
}

.strategy-banner-results .strategy-banner-secondary:hover{
    opacity:.88;
}

@media(max-width:980px){

    .strategy-banner-results{
        grid-template-columns:1fr !important;
        padding:30px 26px !important;
        gap:22px !important;
    }

    .strategy-banner-results .strategy-banner-copy h2{
        font-size:30px !important;
    }

    .strategy-banner-results .strategy-banner-copy p{
        font-size:17px !important;
    }

    .strategy-banner-results .strategy-banner-actions{
        width:100% !important;
    }
}

@media(max-width:700px){

    .strategy-banner-results{
        margin:28px 0 38px !important;
        padding:24px 20px !important;
        border-radius:18px !important;
    }

    .strategy-banner-results .strategy-banner-copy h2{
        font-size:26px !important;
    }

    .strategy-banner-results .strategy-banner-copy p{
        font-size:16px !important;
    }

    .strategy-banner-results .strategy-banner-whatsapp{
        min-height:58px !important;
        font-size:14px !important;
        padding:0 18px !important;
        white-space:normal !important;
        text-align:center !important;
    }

    .strategy-banner-results .strategy-banner-secondary{
        font-size:13px !important;
    }
}

/* =========================================================
   RESULTADOS - CTA EXACTO COPIADO DE ESTRATEGIAS
   ========================================================= */

.mid-cta-v4{
  width:calc(100% + 36px);

  margin:
    46px -18px
    4px !important;

  padding:
    36px 40px !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    auto !important;

  align-items:center !important;

  gap:42px !important;

  border-radius:16px !important;

  background:#262a7a !important;
}

.mid-cta-copy{
  max-width:760px;
}

.mid-cta-v4 h3{
  margin:
    0 0 10px !important;

  color:#ffffff !important;

  font-family:
    "Droid Serif",
    Georgia,
    serif !important;

  font-size:28px !important;

  line-height:1.28 !important;
}

.mid-cta-v4 p{
  margin:0 !important;

  color:#d6d8f3 !important;

  font-size:18px !important;

  line-height:1.6 !important;
}

.mid-cta-actions{
  min-width:230px;

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:13px;
}

.mid-cta-v4 .whatsapp-cta{
  min-width:225px;

  padding:
    15px 22px !important;

  text-align:center;

  font-size:14px !important;

  font-weight:800 !important;
}

.mid-cta-secondary{
  color:#e7e9ff !important;

  font-size:12px !important;

  font-weight:700 !important;

  letter-spacing:.035em;

  text-decoration:underline !important;

  text-underline-offset:4px;
}

@media(max-width:900px){

  .mid-cta-v4,
  .final-decision-card{
    grid-template-columns:1fr !important;
  }


  .mid-cta-actions,
  .final-decision-actions{
    align-items:flex-start;
  }

}

@media(max-width:700px){

  .strategy-video{
    max-width:100%;
  }


  .section-title h2{
    font-size:29px !important;
  }


  .section-title p,
  .section p,
  .program-summary,
  .disclaimer{
    font-size:17px !important;
  }


  .mid-cta-v4{
    width:100%;

    margin:
      34px 0
      0 !important;

    padding:
      30px 24px !important;
  }


  .mid-cta-v4 h3{
    font-size:25px !important;
  }


  .final-decision-card{
    padding:
      32px 24px;
  }


  .final-decision-card h2{
    font-size:29px;
  }


  .mid-cta-actions,
  .final-decision-actions,
  .mid-cta-v4 .whatsapp-cta,
  .final-decision-actions .button{
    width:100%;

    min-width:0;
  }

}

.whatsapp-cta{
  display:inline-flex !important;

  align-items:center !important;

  justify-content:center !important;

  gap:9px !important;
}

.whatsapp-icon{
  width:20px;

  height:20px;

  display:inline-flex;

  flex:0 0 20px;
}

.whatsapp-icon svg{
  display:block;

  width:100%;

  height:100%;
}

.program-main-block .mid-cta-v4{
  width:100% !important;

  margin:
    50px 0
    0 !important;

  padding:
    38px 42px !important;

  border-radius:12px !important;

  box-shadow:none !important;
}

.program-main-block .mid-cta-v4 h3{
  font-size:29px !important;
}

.program-main-block .mid-cta-v4 p{
  font-size:18px !important;
}

@media(max-width:700px){

  .program-main-block,
  .program-history-block{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }


  .program-main-block .strategy-name{
    font-size:36px !important;
  }


  .program-main-block .mid-cta-v4{
    padding:
      30px 24px !important;
  }


  .program-history-block + .program-history-block{
    padding-top:34px !important;
  }


  .disclaimer{
    width:calc(100% - 30px);

    padding:
      22px 0 !important;
  }

}

/* =========================================================
   FIN CTA EXACTO COPIADO DE ESTRATEGIAS
   ========================================================= */


/* =========================================================
   RESULTADOS - POSICIÓN DEL CTA COPIADO
   ========================================================= */

.results-mid-cta{
    margin-top:34px !important;
    margin-bottom:42px !important;
}


/*
 * No queremos que las reglas antiguas de Resultados
 * para .invest-cta modifiquen el CTA copiado.
 */

.results-mid-cta.mid-cta-v4{
    width:100% !important;
}


/*
 * El bloque inmediatamente posterior comienza limpio.
 */

.results-mid-cta + .card{
    margin-top:0 !important;
}


@media(max-width:700px){

    .results-mid-cta{
        margin-top:28px !important;
        margin-bottom:34px !important;
    }

}



/* =========================================================
   RESULTADOS - CTA FINAL COMPACTO
   ========================================================= */

main.shell > .strategy-banner-results{
    width:100% !important;

    margin:
        32px 0
        38px !important;

    padding:
        26px 30px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        290px !important;

    gap:
        28px !important;

    align-items:center !important;

    border-radius:
        16px !important;

    background:
        #2d3192 !important;

    box-sizing:
        border-box !important;
}


/* TEXTO */

main.shell > .strategy-banner-results
.strategy-banner-copy h2{
    margin:
        0 0
        10px !important;

    font-size:
        27px !important;

    line-height:
        1.18 !important;

    font-weight:
        800 !important;

    color:
        #ffffff !important;
}


main.shell > .strategy-banner-results
.strategy-banner-copy p{
    max-width:
        760px !important;

    margin:
        0 !important;

    font-size:
        16px !important;

    line-height:
        1.5 !important;

    color:
        rgba(255,255,255,.92) !important;
}


/* ACCIONES */

main.shell > .strategy-banner-results
.strategy-banner-actions{
    width:
        100% !important;

    display:flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    gap:
        10px !important;
}


/* WHATSAPP */

main.shell > .strategy-banner-results
.strategy-banner-whatsapp{
    width:
        100% !important;

    min-height:
        50px !important;

    padding:
        0 18px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:
        10px !important;

    border-radius:
        10px !important;

    background:
        #ffffff !important;

    color:
        #2d3192 !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    text-decoration:
        none !important;

    box-sizing:
        border-box !important;
}


/* CONSULTA */

main.shell > .strategy-banner-results
.strategy-banner-secondary{
    margin:
        0 !important;

    padding:
        0 !important;

    text-align:
        center !important;

    color:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;

    text-decoration:
        underline !important;

    text-underline-offset:
        4px !important;
}


/* =========================================================
   SEPARACIÓN CON RENTABILIDADES
   ========================================================= */

main.shell > .strategy-banner-results + .card{
    margin-top:
        0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:850px){

    main.shell > .strategy-banner-results{
        grid-template-columns:
            1fr !important;

        padding:
            24px !important;

        gap:
            20px !important;
    }


    main.shell > .strategy-banner-results
    .strategy-banner-copy h2{
        font-size:
            25px !important;
    }

}


@media(max-width:520px){

    main.shell > .strategy-banner-results{
        margin:
            26px 0
            32px !important;

        padding:
            22px 18px !important;

        border-radius:
            14px !important;
    }


    main.shell > .strategy-banner-results
    .strategy-banner-copy h2{
        font-size:
            23px !important;
    }


    main.shell > .strategy-banner-results
    .strategy-banner-copy p{
        font-size:
            15px !important;
    }

}