.elementor-4150 .elementor-element.elementor-element-7c743633 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-238f91b9 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-329c5471{width:var( --container-widget-width, 99.546% );max-width:99.546%;--container-widget-width:99.546%;--container-widget-flex-grow:0;}.elementor-4150 .elementor-element.elementor-element-329c5471.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4150 .elementor-element.elementor-element-329c5471 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-2fc06bcb > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-23fce24b > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-37827136 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-391e2a75 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-2d0f75a > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-65c4306 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-2783b527 > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4150 .elementor-element.elementor-element-cdd55cb > .elementor-widget-container{border-radius:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS */.tlob-techniques-hero {
    --tlob-green: #A6FF00;
    --tlob-dark: #424245;

    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 650px;
    padding: clamp(48px, 6vw, 90px) 24px;
    overflow: hidden;
    border-radius: 0;
    background: var(--tlob-dark);
    color: #fff;
    font-family: inherit;
    text-align: center;
  }

  .tlob-techniques-hero,
  .tlob-techniques-hero * {
    box-sizing: border-box;
  }

  .tlob-techniques-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("https://www.thelastofbass.com/wp-content/uploads/2026/10/Tecnicas-de-pesca-del-Black-Bass.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .tlob-techniques-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      radial-gradient(
        ellipse at center,
        rgba(15, 23, 20, 0.78) 0%,
        rgba(15, 23, 20, 0.58) 45%,
        rgba(15, 23, 20, 0.18) 100%
      ),
      linear-gradient(
        0deg,
        rgba(15, 23, 20, 0.45),
        rgba(15, 23, 20, 0.12)
      );
  }

  .tlob-techniques-hero .tlob-techniques-content {
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
  }

  .tlob-techniques-hero .tlob-techniques-label {
    display: block;
    margin-bottom: 18px;
    color: var(--tlob-green);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .tlob-techniques-hero h1 {
    max-width: 850px;
    margin: 0 auto 24px;
    color: #fff;
    font-family: inherit;
    font-size: clamp(38px, 5vw, 72px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.035em;
    text-wrap: balance;
  }

  .tlob-techniques-hero h1 span {
    color: var(--tlob-green);
  }

  .tlob-techniques-hero .tlob-techniques-description {
    max-width: 640px;
    margin: 0 auto 32px;
    color: #f2f2f2;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.7;
    text-wrap: pretty;
  }

  .tlob-techniques-hero .tlob-techniques-nav {
    max-width: 720px;
    margin-inline: auto;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
  }

  .tlob-techniques-hero .tlob-techniques-nav-title {
    margin: 0 0 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
  }

  .tlob-techniques-hero .tlob-techniques-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tlob-techniques-hero .tlob-techniques-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 46px;
    padding: 11px 17px;
    border: 1px solid rgba(166, 255, 0, 0.4);
    border-radius: 6px;
    background: rgba(20, 28, 23, 0.65);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition:
      background 0.2s ease,
      color 0.2s ease,
      border-color 0.2s ease;
  }

  .tlob-techniques-hero .tlob-techniques-links a::after {
    content: "↓";
    color: var(--tlob-green);
    font-size: 17px;
    line-height: 1;
  }

  .tlob-techniques-hero .tlob-techniques-links a:hover {
    border-color: var(--tlob-green);
    background: var(--tlob-green);
    color: #202220;
  }

  .tlob-techniques-hero .tlob-techniques-links a:hover::after {
    color: #202220;
  }

  .tlob-techniques-hero .tlob-techniques-links a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
  }

    #splitshot,
    #wacky,
    #weightless,
    #carolinarig,
    #dropshot,
    #texasrig,
    #shakyrig,
    #mas
    
    {
      scroll-margin-top: 150px;
    }

  @media (max-width: 767px) {
    .tlob-techniques-hero {
      min-height: 650px;
      padding: 56px 24px;
    }

    .tlob-techniques-hero::after {
      background: rgba(15, 23, 20, 0.72);
    }

    .tlob-techniques-hero .tlob-techniques-description {
      line-height: 1.6;
    }

    .tlob-techniques-hero .tlob-techniques-links {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tlob-techniques-hero .tlob-techniques-links a {
      width: 100%;
      padding: 11px 13px;
    }
    #splitshot,
    #wacky,
    #weightless,
    #carolinarig,
    #dropshot,
    #texasrig
    {
      scroll-margin-top: 100px;
    }    
  }

  @media (prefers-reduced-motion: reduce) {
    .tlob-techniques-hero .tlob-techniques-links a {
      transition: none;
    }
  }
/* SECCIONES */
/* BASE COMPARTIDA */
.tlob-rig {
  --tlob-green: #a6ff00;
  --tlob-dark: #424245;
  --rig-position: center;
  --rig-position-mobile: 65% center;
  --rig-angle: 90deg;

  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 430px;
  padding: clamp(30px, 5vw, 72px);
  overflow: hidden;
  border-radius: 0;
  background: var(--rig-background);
  color: var(--rig-title);
  font-family: inherit;
}

.tlob-rig,
.tlob-rig * {
  box-sizing: border-box;
}

.tlob-rig::before,
.tlob-rig::after {
  content: "";
  position: absolute;
  inset: 0;
}

.tlob-rig::before {
  z-index: -2;
  background-image: var(--rig-image);
  background-position: var(--rig-position);
  background-size: cover;
  background-repeat: no-repeat;
}

.tlob-rig::after {
  z-index: -1;
  background: var(--rig-overlay);
}

.tlob-rig__content {
  width: 100%;
  max-width: 530px;
}

.tlob-rig .tlob-rig__label {
  display: var(--rig-label-display);
  margin: 0 0 var(--rig-label-margin);
  padding: var(--rig-label-padding);
  border-radius: var(--rig-label-radius);
  background: var(--rig-label-background);
  color: var(--rig-label-color);
  font-size: var(--rig-label-size);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: var(--rig-label-spacing);
  text-transform: uppercase;
}

.tlob-rig .tlob-rig__title {
  margin: 0 0 20px;
  color: var(--rig-title);
  font-family: inherit;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.035em;
  overflow-wrap: anywhere;
}

.tlob-rig .tlob-rig__title span {
  color: var(--rig-title-accent);
  background-image: var(--rig-title-mark);
}

.tlob-rig .tlob-rig__description {
  max-width: 490px;
  margin: 0 0 28px;
  color: var(--rig-text);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.7;
}

.tlob-rig .tlob-rig__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 52px;
  padding: 15px 24px;
  border: 2px solid var(--rig-button-border);
  border-radius: 8px;
  background: var(--rig-button-background);
  color: var(--rig-button-color);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease;
}

.tlob-rig .tlob-rig__button:hover {
  border-color: var(--tlob-green);
  background: var(--rig-button-hover-background);
  color: var(--rig-button-hover-color);
}

.tlob-rig .tlob-rig__button:focus-visible {
  outline: 3px solid var(--rig-focus);
  outline-offset: 5px;
}

.tlob-rig__button svg {
  display: inline-block;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
}

/* POSICIÓN DEL CONTENIDO */
.tlob-rig--left {
  justify-content: flex-start;
}

.tlob-rig--left .tlob-rig__content {
  text-align: left;
}

.tlob-rig--right {
  justify-content: flex-end;
}

.tlob-rig--right .tlob-rig__content {
  text-align: right;
}

.tlob-rig--right .tlob-rig__description {
  margin-left: auto;
}

/* TONO OSCURO */
.tlob-rig--dark {
  --rig-background: var(--tlob-dark);
  --rig-title: #fff;
  --rig-title-accent: var(--tlob-green);
  --rig-title-mark: none;
  --rig-text: #f2f2f2;

  --rig-label-display: block;
  --rig-label-margin: 14px;
  --rig-label-padding: 0;
  --rig-label-radius: 0;
  --rig-label-background: transparent;
  --rig-label-color: var(--tlob-green);
  --rig-label-size: 12px;
  --rig-label-spacing: .16em;

  --rig-button-border: var(--tlob-green);
  --rig-button-background: var(--tlob-green);
  --rig-button-color: #202220;
  --rig-button-hover-background: #202220;
  --rig-button-hover-color: var(--tlob-green);
  --rig-focus: #fff;

  --rig-overlay: linear-gradient(
    var(--rig-angle),
    rgba(20, 24, 22, .94) 0%,
    rgba(20, 24, 22, .82) 35%,
    rgba(20, 24, 22, .35) 65%,
    rgba(20, 24, 22, .08) 100%
  );

  --rig-overlay-mobile: linear-gradient(
    0deg,
    rgba(20, 24, 22, .97) 0%,
    rgba(20, 24, 22, .88) 45%,
    rgba(20, 24, 22, .25) 100%
  );
}

.tlob-rig--dark.tlob-rig--right {
  --rig-angle: 270deg;
}

/* TONO CLARO */
.tlob-rig--light {
  --rig-background: #f6f7f2;
  --rig-title: var(--tlob-dark);
  --rig-title-accent: var(--tlob-dark);
  --rig-title-mark: linear-gradient(
    transparent 75%,
    var(--tlob-green) 75%
  );
  --rig-text: var(--tlob-dark);

  --rig-label-display: inline-block;
  --rig-label-margin: 18px;
  --rig-label-padding: 7px 12px;
  --rig-label-radius: 5px;
  --rig-label-background: var(--tlob-green);
  --rig-label-color: #292b27;
  --rig-label-size: 11px;
  --rig-label-spacing: .12em;

  --rig-button-border: var(--tlob-dark);
  --rig-button-background: var(--tlob-dark);
  --rig-button-color: #fff;
  --rig-button-hover-background: var(--tlob-green);
  --rig-button-hover-color: #292b27;
  --rig-focus: var(--tlob-dark);

  --rig-overlay: linear-gradient(
    var(--rig-angle),
    rgba(246, 247, 242, .99) 0%,
    rgba(246, 247, 242, .95) 30%,
    rgba(246, 247, 242, .72) 50%,
    rgba(246, 247, 242, .12) 75%,
    rgba(246, 247, 242, .02) 100%
  );

  --rig-overlay-mobile: linear-gradient(
    0deg,
    rgba(246, 247, 242, .99) 0%,
    rgba(246, 247, 242, .94) 45%,
    rgba(246, 247, 242, .55) 70%,
    rgba(246, 247, 242, .08) 100%
  );
}

.tlob-rig--light.tlob-rig--right {
  --rig-angle: 270deg;
}

/* IMÁGENES Y RECORTES */
.tlob-rig--split {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2023/05/Montaje-Split-Shot-en-aguas-turbias-1536x614.png");
}

.tlob-rig--wacky {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2026/10/Montaje-wacky-con-senko-de-Yamamoto.jpg");
  --rig-position-mobile: 40% center;
}

.tlob-rig--weightless {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2023/06/Vista-submarina-del-montaje-Weightless.jpg");
}

.tlob-rig--carolina {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2026/10/Montaje-Carolina-entre-rocas-con-lombriz.jpg");
  --rig-position-mobile: 40% center;
}

.tlob-rig--dropshot {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2023/05/Senuelo-submarino-con-anzuelo-bien-montado.jpg");
}

.tlob-rig--texas {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2023/05/Plomo-y-monofilamento-bajo-el-agua.jpg");
  --rig-position-mobile: 40% center;
}

.tlob-rig--shaky {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2026/10/Shaky-head-pescando-a-la-espera.jpg");
  --rig-position: 70% center;
  --rig-position-mobile: center top;
}

/* JIG */

.tlob-rig--jig {
  --rig-image: url("https://www.thelastofbass.com/wp-content/uploads/2025/11/Pesca-del-black-bass-con-JIG.jpg");
  --rig-position: center;
  --rig-position-mobile: 42% center;
}

/* MÁS TECNICAS  */
  .tlob-coming {
    --tlob-green: #A6FF00;
    --tlob-dark: #424245;

    padding: clamp(40px, 5vw, 72px) 24px;
    overflow: hidden;
    border-top: 4px solid var(--tlob-green);
    border-radius: 0;
    background:
      radial-gradient(
        circle at top right,
        rgba(166, 255, 0, 0.15),
        transparent 45%
      ),
      #f6f7f2;
    color: var(--tlob-dark);
    font-family: inherit;
    text-align: center;
  }

  .tlob-coming,
  .tlob-coming * {
    box-sizing: border-box;
  }

  .tlob-coming .tlob-coming-content {
    max-width: 1100px;
    margin-inline: auto;
  }

  .tlob-coming .tlob-coming-label {
    display: inline-block;
    margin-bottom: 20px;
    padding: 7px 13px;
    border-radius: 5px;
    background: var(--tlob-green);
    color: #292b27;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .tlob-coming h2 {
    margin: 0 0 20px;
    color: var(--tlob-dark);
    font-family: inherit;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.03em;
    text-wrap: balance;
  }

  .tlob-coming h2 span {
    background-image: linear-gradient(
      transparent 75%,
      var(--tlob-green) 75%
    );
  }

  .tlob-coming .tlob-coming-description {
    max-width: 700px;
    margin: 0 auto 36px;
    color: #53564e;
    font-size: clamp(16px, 1.4vw, 18px);
    line-height: 1.7;
    text-wrap: pretty;
  }

  .tlob-coming .tlob-coming-groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    text-align: left;
  }

  .tlob-coming .tlob-coming-group {
    padding: 26px;
    border: 1px solid #dfe3d8;
    background: rgba(255, 255, 255, 0.85);
  }

  .tlob-coming .tlob-coming-group h3 {
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 3px solid var(--tlob-green);
    color: var(--tlob-dark);
    font-family: inherit;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
  }

  .tlob-coming .tlob-coming-list {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .tlob-coming .tlob-coming-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--tlob-dark);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
  }

  .tlob-coming .tlob-coming-list li::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--tlob-green);
  }

  .tlob-coming .tlob-coming-note {
    max-width: 700px;
    margin: 30px auto 0;
    color: #62665c;
    font-size: 14px;
    line-height: 1.7;
  }

  @media (max-width: 767px) {
    .tlob-coming {
      padding: 40px 24px;
    }

    .tlob-coming .tlob-coming-groups {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .tlob-coming .tlob-coming-group {
      padding: 24px;
    }
  }

/* MÓVIL: COMÚN A TODAS LAS SECCIONES */
@media (max-width: 767px) {
  .tlob-rig {
    align-items: flex-end;
    min-height: 480px;
    padding: 32px 24px;
  }

  .tlob-rig::before {
    background-position: var(--rig-position-mobile);
  }

  .tlob-rig::after {
    background: var(--rig-overlay-mobile);
  }

  .tlob-rig .tlob-rig__description {
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tlob-rig .tlob-rig__button {
    transition: none;
  }
}
/* =========================================================
   THE LAST OF BASS · CTA NEWSLETTER · TÉCNICAS
   ========================================================= */

.tlob-tech-newsletter{
    --dark:#292929;
    --green:#A6FF00;
    --white:#ffffff;

    position:relative;

    background:var(--dark);
    color:var(--white);

    font-family:inherit;
    overflow:hidden;
}

.tlob-tech-newsletter *{
    box-sizing:border-box;
}


/* =========================================================
   LÍNEA SUPERIOR
   ========================================================= */

.tlob-tech-newsletter::before{
    content:"";

    position:absolute;
    top:0;
    left:0;
    right:0;

    height:4px;

    background:var(--green);
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.tlob-tech-newsletter__inner{
    max-width:1380px;
    margin:auto;

    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, 540px);
    gap:90px;

    align-items:center;

    padding:90px 28px;
}


/* =========================================================
   COLUMNA IZQUIERDA
   ========================================================= */

.tlob-tech-newsletter__content{
    max-width:640px;
}

.tlob-tech-newsletter__eyebrow{
    display:flex;
    align-items:center;
    gap:14px;

    margin-bottom:24px;

    color:var(--green);

    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
}

.tlob-tech-newsletter__eyebrow::before{
    content:"";

    width:44px;
    height:3px;

    background:var(--green);
    flex:0 0 44px;
}

.tlob-tech-newsletter__title{
    margin:0;

    font-size:clamp(42px,5vw,70px);
    font-weight:800;
    line-height:.98;
    letter-spacing:-2.5px;
}

.tlob-tech-newsletter__title-main{
    display:block;
    color:var(--white);
}

.tlob-tech-newsletter__title-accent{
    display:block;
    color:var(--green);
}

.tlob-tech-newsletter__intro{
    max-width:620px;

    margin:28px 0 0;

    color:var(--white);

    font-size:17px;
    line-height:1.75;

    opacity:.86;
}

.tlob-tech-newsletter__benefits{
    margin:34px 0 0;
    padding:0;

    list-style:none;
}

.tlob-tech-newsletter__benefits li{
    position:relative;

    margin:0;
    padding:15px 0 15px 34px;

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

    color:var(--white);

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

.tlob-tech-newsletter__benefits li:last-child{
    border-bottom:1px solid rgba(255,255,255,.12);
}

.tlob-tech-newsletter__benefits li::before{
    content:"";

    position:absolute;
    left:4px;
    top:22px;

    width:9px;
    height:9px;

    background:var(--green);
    transform:rotate(45deg);
}

.tlob-tech-newsletter__small{
    margin:30px 0 0;

    color:var(--white);

    font-size:12px;
    line-height:1.6;

    opacity:.56;
}


/* =========================================================
   COLUMNA DERECHA · CAJA CTA
   ========================================================= */

.tlob-tech-newsletter__box{
    position:relative;

    padding:44px 42px 42px;

    background:#ffffff;
    color:var(--dark);
}

.tlob-tech-newsletter__box::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:112px;
    height:5px;

    background:var(--green);
}

.tlob-tech-newsletter__box-label{
    display:block;

    margin-bottom:10px;

    color:var(--dark);

    font-size:10px;
    font-weight:900;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.tlob-tech-newsletter__box-title{
    margin:0;

    color:var(--dark);

    font-size:clamp(30px,3vw,42px);
    font-weight:800;
    line-height:1.04;
    letter-spacing:-1.2px;
}

.tlob-tech-newsletter__box-text{
    margin:14px 0 0;

    color:var(--dark);

    font-size:15px;
    line-height:1.65;

    opacity:.74;
}

.tlob-tech-newsletter__box-list{
    margin:24px 0 0;
    padding:0;

    list-style:none;
}

.tlob-tech-newsletter__box-list li{
    position:relative;

    margin:0 0 12px;
    padding-left:22px;

    color:var(--dark);

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

.tlob-tech-newsletter__box-list li:last-child{
    margin-bottom:0;
}

.tlob-tech-newsletter__box-list li::before{
    content:"";

    position:absolute;
    left:0;
    top:.46em;

    width:8px;
    height:8px;

    background:var(--green);
    transform:rotate(45deg);
}


/* =========================================================
   BOTÓN POPUP
   ========================================================= */

.tlob-tech-newsletter__actions{
    margin-top:30px;
}

.tlob-tech-newsletter__button.newsletter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    width:100%;
    min-height:56px;
    padding:16px 22px;

    border:2px solid var(--dark);
    border-radius:0;

    background:var(--dark);
    color:#ffffff !important;

    text-decoration:none !important;
    font-size:13px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:.8px;
    text-transform:uppercase;

    cursor:pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}

.tlob-tech-newsletter__button.newsletter:hover{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark) !important;
}

.tlob-tech-newsletter__button-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:18px;
    height:18px;

    font-size:18px;
    line-height:1;
}

.tlob-tech-newsletter__box-note{
    margin:14px 0 0;

    color:var(--dark);

    font-size:11px;
    line-height:1.5;

    opacity:.56;
}


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

@media(max-width:980px){

    .tlob-tech-newsletter__inner{
        grid-template-columns:1fr;
        gap:48px;

        padding:76px 28px;
    }

    .tlob-tech-newsletter__content{
        max-width:760px;
    }

    .tlob-tech-newsletter__box{
        max-width:760px;
    }

}

@media(max-width:600px){

    .tlob-tech-newsletter__inner{
        gap:36px;
        padding:62px 20px;
    }

    .tlob-tech-newsletter__title{
        font-size:42px;
        letter-spacing:-1.6px;
    }

    .tlob-tech-newsletter__intro{
        font-size:15px;
        line-height:1.7;
    }

    .tlob-tech-newsletter__benefits li{
        font-size:13px;
    }

    .tlob-tech-newsletter__box{
        padding:34px 22px 30px;
    }

    .tlob-tech-newsletter__box-title{
        font-size:34px;
    }

    .tlob-tech-newsletter__box-text{
        font-size:14px;
    }

    .tlob-tech-newsletter__box-list li{
        font-size:13px;
    }

}/* End custom CSS */