.elementor-32884 .elementor-element.elementor-element-1918631a{--display:flex;}.elementor-32884 .elementor-element.elementor-element-794ceafb{--spacer-size:20px;}.elementor-32884 .elementor-element.elementor-element-7e61998{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-32884 .elementor-element.elementor-element-5967d66a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-32884 .elementor-element.elementor-element-5967d66a.e-con{--align-self:flex-start;}.elementor-32884 .elementor-element.elementor-element-96e58d5{--display:flex;--justify-content:center;}.elementor-32884 .elementor-element.elementor-element-6b998d35{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32884 .elementor-element.elementor-element-6b998d35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-32884 .elementor-element.elementor-element-458267fc > .elementor-widget-container{margin:0px 0px 19px 0px;padding:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-458267fc .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:55px;font-weight:800;}.elementor-32884 .elementor-element.elementor-element-43d13878{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32884 .elementor-element.elementor-element-1cb1c00b{--display:flex;}.elementor-32884 .elementor-element.elementor-element-3681abe3 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-32884 .elementor-element.elementor-element-3681abe3 img{width:57%;}.elementor-32884 .elementor-element.elementor-element-5e8cb27d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32884 .elementor-element.elementor-element-484a50b2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-484a50b2{text-align:justify;font-family:"Manrope", Sans-serif;font-size:22px;font-weight:400;color:#020101;}.elementor-32884 .elementor-element.elementor-element-1ce81f5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32884 .elementor-element.elementor-element-325d9963{--display:flex;--justify-content:center;}.elementor-32884 .elementor-element.elementor-element-12634859 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-12634859{text-align:start;font-family:"Manrope", Sans-serif;font-size:25px;font-weight:400;color:#0C5CB2;}.elementor-32884 .elementor-element.elementor-element-6ef01283 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-6ef01283{text-align:justify;font-family:"Manrope", Sans-serif;font-size:21px;font-weight:400;}.elementor-32884 .elementor-element.elementor-element-22a5b3ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32884 .elementor-element.elementor-element-6c6934c7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-6c6934c7{text-align:justify;font-family:"Manrope", Sans-serif;font-size:22px;font-weight:400;}.elementor-32884 .elementor-element.elementor-element-7832133c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32884 .elementor-element.elementor-element-6c9a6c9e{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-32884 .elementor-element.elementor-element-34b0fc97 img{width:70%;}.elementor-32884 .elementor-element.elementor-element-25b2984a{--display:flex;--justify-content:center;}.elementor-32884 .elementor-element.elementor-element-9029ca5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-9029ca5{text-align:start;font-family:"Manrope", Sans-serif;font-size:25px;font-weight:400;color:#0C5CB2;}.elementor-32884 .elementor-element.elementor-element-79c24d4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-79c24d4c{text-align:justify;font-family:"Manrope", Sans-serif;font-size:21px;font-weight:400;}.elementor-32884 .elementor-element.elementor-element-189db01e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32884 .elementor-element.elementor-element-31b81480{--spacer-size:20px;}.elementor-32884 .elementor-element.elementor-element-28b9658{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-32884 .elementor-element.elementor-element-151d4042 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32884 .elementor-element.elementor-element-151d4042{text-align:justify;font-family:"Manrope", Sans-serif;font-size:20px;font-weight:400;}.elementor-32884 .elementor-element.elementor-element-32ad64d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:12px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-32884 .elementor-element.elementor-element-1c5ef63 .elementor-button{font-family:"Manrope", Sans-serif;}.elementor-32884 .elementor-element.elementor-element-48c3fb6 .elementor-button{font-family:"Manrope", Sans-serif;}@media(max-width:767px){.elementor-32884 .elementor-element.elementor-element-96e58d5{--width:50%;}.elementor-32884 .elementor-element.elementor-element-6b998d35{--width:213.194%;}.elementor-32884 .elementor-element.elementor-element-458267fc{text-align:start;}.elementor-32884 .elementor-element.elementor-element-458267fc .elementor-heading-title{font-size:24px;}.elementor-32884 .elementor-element.elementor-element-43d13878{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-32884 .elementor-element.elementor-element-484a50b2 > .elementor-widget-container{margin:4px 4px 4px 4px;padding:20px 20px 20px 20px;}.elementor-32884 .elementor-element.elementor-element-484a50b2{text-align:start;font-size:18px;}.elementor-32884 .elementor-element.elementor-element-12634859 > .elementor-widget-container{margin:4px 4px 4px 4px;}.elementor-32884 .elementor-element.elementor-element-12634859{font-size:18px;}.elementor-32884 .elementor-element.elementor-element-6ef01283 > .elementor-widget-container{margin:4px 4px 4px 4px;padding:10px 10px 10px 10px;}.elementor-32884 .elementor-element.elementor-element-6ef01283{text-align:start;font-size:18px;}.elementor-32884 .elementor-element.elementor-element-6c6934c7 > .elementor-widget-container{margin:4px 4px 4px 4px;padding:20px 20px 20px 20px;}.elementor-32884 .elementor-element.elementor-element-6c6934c7{text-align:start;font-size:18px;}.elementor-32884 .elementor-element.elementor-element-9029ca5 > .elementor-widget-container{margin:4px 4px 4px 4px;}.elementor-32884 .elementor-element.elementor-element-9029ca5{font-size:18px;}.elementor-32884 .elementor-element.elementor-element-79c24d4c > .elementor-widget-container{margin:4px 4px 4px 4px;padding:10px 10px 10px 10px;}.elementor-32884 .elementor-element.elementor-element-79c24d4c{text-align:start;font-size:18px;}.elementor-32884 .elementor-element.elementor-element-31b81480{--spacer-size:0px;}.elementor-32884 .elementor-element.elementor-element-151d4042 > .elementor-widget-container{margin:4px 4px 4px 4px;padding:20px 20px 20px 20px;}.elementor-32884 .elementor-element.elementor-element-151d4042{text-align:start;font-size:18px;}.elementor-32884 .elementor-element.elementor-element-32ad64d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-32884 .elementor-element.elementor-element-7e61998{--width:90%;}.elementor-32884 .elementor-element.elementor-element-5967d66a{--width:100%;}.elementor-32884 .elementor-element.elementor-element-96e58d5{--width:100%;}.elementor-32884 .elementor-element.elementor-element-43d13878{--width:59%;}.elementor-32884 .elementor-element.elementor-element-1cb1c00b{--width:100%;}.elementor-32884 .elementor-element.elementor-element-5e8cb27d{--width:86%;}.elementor-32884 .elementor-element.elementor-element-325d9963{--width:100%;}.elementor-32884 .elementor-element.elementor-element-22a5b3ad{--width:86%;}.elementor-32884 .elementor-element.elementor-element-6c9a6c9e{--width:40%;}.elementor-32884 .elementor-element.elementor-element-25b2984a{--width:57%;}.elementor-32884 .elementor-element.elementor-element-28b9658{--width:86%;}.elementor-32884 .elementor-element.elementor-element-32ad64d{--width:30%;}}/* Start custom CSS for heading, class: .elementor-element-458267fc */.titulo{
  background: linear-gradient(90deg, #0474f2 0%, #0c5cb2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1c5ef63 *//* =========================================================
   COLSOF · BOTONES Q3 2026
   Widget Botón de Elementor
   Azul corporativo: #0C5CB2
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');


/* =========================================================
   VARIABLES + WIDGET BASE
========================================================= */

.q3-btn {
  --q3-blue: #0C5CB2;
  --q3-blue-dark: #084783;
  --q3-blue-light: #4A8FD1;
  --q3-blue-soft: #EAF3FB;

  --q3-text: #123B67;
  --q3-gray: #657585;

  width: 100%;
  max-width: 285px;

  font-family: 'Manrope', sans-serif;
}


/* Elementor wrappers */

.q3-btn .elementor-widget-container,
.q3-btn .elementor-button-wrapper {
  width: 100%;
}


/* =========================================================
   BOTÓN REAL DE ELEMENTOR
========================================================= */

.q3-btn .elementor-button {
  position: relative;

  width: 100%;
  min-height: 88px;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  padding: 16px 58px 16px 20px;

  border-radius: 15px;

  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;

  text-align: left;
  text-decoration: none !important;

  overflow: hidden;

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}


/* Texto */

.q3-btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 3;

  width: 100%;

  justify-content: flex-start;
}


.q3-btn .elementor-button-text {
  position: relative;
  z-index: 3;

  text-align: left;
}


/* =========================================================
   01 · PASO A PASO LÍDERES
   Diseño claro / operativo
========================================================= */

.q3-btn--guide .elementor-button {
  color: #123B67 !important;

  border:
    1px solid
    rgba(12, 92, 178, .22) !important;

  background:
    radial-gradient(
      circle at 90% 15%,
      rgba(12, 92, 178, .08),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #FFFFFF 0%,
      #F3F8FD 100%
    ) !important;

  box-shadow:
    0 8px 22px
    rgba(12, 92, 178, .08);
}


/* Línea azul lateral */

.q3-btn--guide .elementor-button::before {
  content: '';

  position: absolute;
  z-index: 2;

  top: 0;
  bottom: 0;
  left: 0;

  width: 5px;

  background:
    linear-gradient(
      180deg,
      #0C5CB2 0%,
      #4A8FD1 100%
    );
}


/* Flecha */

.q3-btn--guide .elementor-button::after {
  content: '→';

  position: absolute;
  z-index: 4;

  top: 50%;
  right: 17px;

  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  transform: translateY(-50%);

  border-radius: 50%;

  color: #0C5CB2;

  background: #EAF3FB;

  font-size: 16px;
  font-weight: 700;
  line-height: 1;

  transition:
    transform .25s ease,
    background-color .25s ease;
}


/* =========================================================
   02 · BIBLIOTECA DE OBJETIVOS
   Diseño azul / recurso destacado
========================================================= */

.q3-btn--library .elementor-button {
  color: #FFFFFF !important;

  border:
    1px solid
    rgba(12, 92, 178, .18) !important;

  background:
    linear-gradient(
      135deg,
      #0C5CB2 0%,
      #0A519C 52%,
      #084783 100%
    ) !important;

  box-shadow:
    0 10px 25px
    rgba(12, 92, 178, .20);
}


/* Textura diagonal */

.q3-btn--library .elementor-button::before {
  content: '';

  position: absolute;
  z-index: 1;

  inset: 0;

  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.025) 0,
      rgba(255,255,255,.025) 1px,
      transparent 1px,
      transparent 13px
    );

  pointer-events: none;
}


/* Luz ambiental */

.q3-btn--library .elementor-button-content-wrapper::after {
  content: '';

  position: absolute;
  z-index: -1;

  width: 130px;
  height: 130px;

  right: -80px;
  bottom: -90px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.13),
      transparent 68%
    );

  pointer-events: none;
}


/* Flecha blanca */

.q3-btn--library .elementor-button::after {
  content: '↗';

  position: absolute;
  z-index: 4;

  top: 50%;
  right: 17px;

  width: 32px;
  height: 32px;

  display: grid;
  place-items: center;

  transform: translateY(-50%);

  border-radius: 50%;

  color: #0C5CB2;

  background: #FFFFFF;

  box-shadow:
    0 4px 12px
    rgba(0,0,0,.10);

  font-size: 15px;
  font-weight: 800;
  line-height: 1;

  transition:
    transform .25s ease;
}


/* =========================================================
   ASEGURAR COLORES DEL TEXTO
========================================================= */

.q3-btn--guide .elementor-button,
.q3-btn--guide .elementor-button-text {
  color: #123B67 !important;
}


.q3-btn--library .elementor-button,
.q3-btn--library .elementor-button-text {
  color: #FFFFFF !important;
}


/* =========================================================
   HOVER · DESKTOP
========================================================= */

@media (hover: hover) {

  .q3-btn .elementor-button:hover {
    transform: translateY(-3px);
  }


  /* Paso a paso */

  .q3-btn--guide .elementor-button:hover {
    color: #123B67 !important;

    border-color:
      rgba(12, 92, 178, .36) !important;

    background:
      radial-gradient(
        circle at 90% 15%,
        rgba(12,92,178,.11),
        transparent 32%
      ),
      linear-gradient(
        135deg,
        #FFFFFF 0%,
        #EEF6FC 100%
      ) !important;

    box-shadow:
      0 13px 28px
      rgba(12,92,178,.13);
  }


  .q3-btn--guide .elementor-button:hover::after {
    transform:
      translateY(-50%)
      translateX(3px);

    background: #DCECF9;
  }


  /* Biblioteca */

  .q3-btn--library .elementor-button:hover {
    color: #FFFFFF !important;

    background:
      linear-gradient(
        135deg,
        #1268C4 0%,
        #0C5CB2 52%,
        #084783 100%
      ) !important;

    box-shadow:
      0 15px 32px
      rgba(12,92,178,.27);
  }


  .q3-btn--library .elementor-button:hover::after {
    transform:
      translateY(-50%)
      translate(2px, -2px);
  }

}


/* =========================================================
   FOCUS / ACCESIBILIDAD
========================================================= */

.q3-btn .elementor-button:focus,
.q3-btn .elementor-button:active {
  text-decoration: none !important;
}


.q3-btn .elementor-button:focus-visible {
  outline:
    3px solid
    rgba(12,92,178,.25);

  outline-offset: 3px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .q3-btn {
    max-width: 270px;
  }


  .q3-btn .elementor-button {
    min-height: 84px;

    padding:
      15px 55px
      15px 19px;

    font-size: 14px;
  }

}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 767px) {

  .q3-btn {
    width: 100%;
    max-width: 100%;
  }


  .q3-btn .elementor-button {
    width: 100%;
    min-height: 76px;

    padding:
      14px 52px
      14px 18px;

    border-radius: 14px;

    font-size: 14px;
    line-height: 1.3;
  }


  .q3-btn--guide .elementor-button::after,
  .q3-btn--library .elementor-button::after {
    right: 15px;

    width: 30px;
    height: 30px;

    font-size: 14px;
  }

}/* End custom CSS */