html {
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    font-family: "Roboto", sans-serif;
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
  }
  img {
    width: 100%;
  }
  @media (max-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p {
      margin: 0px;
      padding: 0px;
    }
    :root {
      --i-ck-h2: 1.5rem;
      --i-ck-p1: 1.2rem;
      --i-ck-button: 1.2rem;
      --i-hn-a1: 1.9rem;
      --i-hn-p1: 0.8rem;
      --i-h-h1: 4rem;
      --i-h-p1: 1.9rem;
      --i-h-p2: 2.2rem;
      --i-c-h2: 3.2rem;
      --i-c-p1: 1.9rem;
      --i-c-input: 1.2rem;
      --i-c-select: 1.2rem;
      --i-c-textarea: 1.2rem;
      --i-c-button: 1.7rem;
      --i-c-a1: 1.7rem;
      --i-n-titulo: 3.2rem;
      --i-n-txt1: 1.9rem;
      --i-n-p1: 1.9rem;
      --i-n-h2: 3.2rem;
      --i-n-p2: 1.9rem;
      --i-r-h3: 1.7rem;
      --i-f-a1: 1.5rem;
      --i-f-p1: 0.8rem;
    }
    .mosca {
      position: fixed;
      z-index: 99999;
      bottom: 9rem;
      right: 2.32rem;
    }
    .mosca .whats a img {
      display: block;
      width: 6rem;
    }
    .hamburguesa {
      position: fixed;
      top: 0rem;
      width: 100%;
      z-index: 9999;
    }
    .hamburguesa .hamburguesa {
      position: relative;
      z-index: 99999;
      width: 100%;
      background-color: #000;
    }
    .hamburguesa .hamburguesa .grid {
      padding: 1rem 0rem;
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .hamburguesa .hamburguesa .grid .logo {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .hamburguesa .grid .logo picture a {
      text-decoration: none;
    }
    .hamburguesa .hamburguesa .grid .logo picture a img {
      width: 7rem;
    }
    .hamburguesa .hamburguesa .grid .menu {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .hamburguesa .hamburguesa .grid .menu label img {
      width: 2.2rem;
      cursor: pointer;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box {
      width: 90%;
      margin: 0 auto;
      padding: 1rem 0rem 2rem 0rem;
      display: grid;
      gap: 1rem;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box h2 {
      font-size: var(--i-ck-h2);
      font-weight: 600;
      color: #fab52a;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box p {
      font-size: var(--i-ck-p1);
      font-weight: 400;
      color: #fff;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box button {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--i-ck-button);
      font-weight: 600;
      color: #000;
      border: none;
      padding: 0.5rem 3rem;
      background-color: #fab52a;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
      cursor: pointer;
    }
    .hamburguesa #btn-menu {
      opacity: 0;
    }
    .hamburguesa #btn-menu:checked ~ .container-menu {
      opacity: 1;
      visibility: visible;
    }
    .hamburguesa #btn-menu:checked ~ .container-menu .cont-menu {
      transform: translateX(0%);
    }
    .hamburguesa .container-menu {
      z-index: 999999999999;
      position: fixed;
      background: rgba(0, 0, 0, 0.7);
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      transition: all 500ms ease;
      opacity: 0;
      visibility: hidden;
    }
    .hamburguesa .container-menu .cont-menu {
      width: 100%;
      background: #000;
      height: 100vh;
      position: relative;
      transition: all 500ms ease;
      transform: translateX(-100%);
    }
    .hamburguesa .container-menu .cont-menu .box {
      height: 100vh;
      position: relative;
    }
    .hamburguesa .container-menu .cont-menu .box .top {
      height: 20%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 90%;
      margin: 0 auto;
    }
    .hamburguesa .container-menu .cont-menu .box .top .logo {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .top .logo a img {
      display: block;
      width: 7rem;
    }
    .hamburguesa .container-menu .cont-menu .box .top label {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .top label img {
      display: block;
      width: 3rem;
      cursor: pointer;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt {
      height: 80%;
      display: grid;
      grid-template-rows: 1fr 1fr;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 2rem;
      width: 90%;
      margin: 0 auto;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 a {
      font-size: var(--i-hn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 .act {
      color: #fab52a;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 {
      height: auto;
      background-color: #282828;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      gap: 3rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .ac {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .ac img {
      display: block;
      width: 15rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .redes {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .hamburguesa
      .container-menu
      .cont-menu
      .box
      .contnt
      .b2
      .margen
      .redes
      a
      img {
      display: block;
      width: 2.5rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas img {
      width: 9rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas .sz {
      width: 5rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen p {
      font-size: var(--i-hn-p1);
      font-weight: 400;
      color: #fff;
    }
    .nav {
      display: none;
    }
    .espacio-wbg {
      height: 15rem;
      background-color: #282828;
    }
    .espacio {
      height: 15rem;
    }
    .espacio-wbg2 {
      height: 15rem;
      background-color: #000;
    }
    .header {
      padding-bottom: 10rem;
      background-color: #282828;
    }
    .header .margin {
      width: 90%;
      margin: 0 auto;
      display: grid;
      gap: 4rem;
      z-index: 999999999;
    }
    .header .margin .b1 h1 {
      font-size: var(--i-h-h1);
      font-weight: 400;
      color: #fff;
    }
    .header .margin .b1 h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .header .margin .b1 .btn {
      margin-top: 2.5rem;
    }
    .header .margin .b1 .btn a {
      display: flex;
      padding: 1rem 1rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      width: -moz-max-content;
      width: max-content;
      gap: 1rem;
      text-decoration: none;
    }
    .header .margin .b1 .btn a p {
      font-size: var(--i-h-p1);
      font-weight: 600;
      color: #000;
    }
    .header .margin .b1 .btn a img {
      display: block;
      width: 1.5rem;
    }
    .header .margin .b2 {
      height: 35rem;
      position: relative;
    }
    .header .margin .b2 .splide {
      height: 100%;
      z-index: 99;
    }
    .header .margin .b2 .splide .splide__track {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide {
      position: relative;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide .box {
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1 {
      height: 35rem;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2 {
      height: 35rem;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3 {
      height: 35rem;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4 {
      height: 35rem;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5 {
      height: 35rem;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6 {
      height: 35rem;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7 {
      height: 35rem;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8 {
      height: 35rem;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9 {
      height: 35rem;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10 {
      height: 35rem;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11 {
      height: 35rem;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header .margin .b2 .bg {
      position: absolute;
      bottom: -1rem;
      left: -1rem;
      height: 90%;
      width: 90%;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto {
      background-color: #fab52a;
    }
    .contacto .margen {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
      width: 90%;
      margin: 0 auto;
      padding: 5rem 0rem;
    }
    .contacto .margen .txt h2 {
      font-size: var(--i-c-h2);
      font-weight: 600;
      color: #000;
    }
    .contacto .margen .txt p {
      font-size: var(--i-c-p1);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #000;
    }
    .contacto .margen form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .contacto .margen form .ghost {
      display: none;
    }
    .contacto .margen form .name {
      height: 3rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form input {
      font-size: var(--i-c-input);
      height: 3rem;
      width: 100%;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form select {
      font-size: var(--i-c-select);
      height: 3rem;
      width: 100%;
      padding: 0rem 0rem 0rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form textarea {
      font-size: var(--i-c-textarea);
      height: 22rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 1rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form .sub {
      grid-column: 1/3;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .contacto .margen form .sub button {
      font-size: var(--i-c-button);
      font-weight: 400;
      color: #fff;
      height: 3rem;
      width: 100%;
      background-color: #000;
      border: none;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen .mapa iframe {
      height: 20rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .links {
      grid-column: 1/2;
      grid-row: 3/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    
    .contacto .margen .links a {
      font-size: var(--i-c-a1); 
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      color: #000000;
      text-decoration: none;
      gap: 1rem;
      padding: 1rem;
      border-radius: 1rem;
      transition: background-color 0.2s ease;
    }
    
    .contacto .margen .links a:hover {
      background-color: rgba(0, 0, 0, 0.05); /* efecto al pasar el mouse */
    }
    
    .contacto .margen .links a img {
      width: 1.3rem;
      padding-top: 4.2rem;
      margin: 0;
      display: block;
    }
    
    .contacto .margen .links .textos {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }
    
    .contacto .margen .links .textos strong {
      font-weight: bold;
      display: block;
      margin-left: -2.2rem;
    }
    
    .contacto .margen .links .textos span {
      font-weight: normal;
      display: block;
      font-size: 0.95em;
      padding-top: 2rem;
    }    
    .contacto .margen .conmutador {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 0rem;
      border: solid 2px #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .conmutador a {
      font-size: var(--i-c-a1);
      font-weight: 400;
      color: #000;
      text-decoration: none;
    }
    .bgw {
      background-color: #fff;
    }
    .bgw .margen {
      padding: 0rem 0rem;
    }
    .ptop {
      padding-top: 5rem;
    }
    .nosotros {
      position: relative;
    }
    .nosotros .margen {
      padding: 5rem 0rem;
      position: relative;
      z-index: 1;
      width: 90%;
      margin: 0 auto;
    }
    .nosotros .margen .titulo {
      font-size: var(--i-n-titulo);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .titulo span {
      font-weight: 600;
      color: #fab52a;
    }
    .nosotros .margen .txt1 {
      margin-top: 2rem;
      font-size: var(--i-n-txt1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .txt1 span {
      font-weight: 400;
      color: #fab52a;
    }
    .nosotros .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .nosotros .margen .grid .box {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .nosotros .margen .grid .box img {
      display: block;
      width: 2rem;
    }
    .nosotros .margen .grid .box p {
      font-size: var(--i-n-p1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .mv {
      margin-top: 8rem;
      background-color: #282828;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr;
    }
    .nosotros .margen .mv .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 4rem;
    }
    .nosotros .margen .mv .txt .b1 h2 {
      font-size: var(--i-n-h2);
      font-weight: 600;
      color: #fff;
    }
    .nosotros .margen .mv .txt .b1 p {
      font-size: var(--i-n-p2);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #fff;
    }
    .nosotros .margen .mv .banner {
      height: 25rem;
      width: 100%;
      background-image: url(../img/nosotros.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .nosotros .bg {
      position: absolute;
      z-index: -1;
      top: 0rem;
      left: 0rem;
      height: 80%;
      width: 100%;
      background-color: #000;
    }
    .npad .margen {
      padding: 0rem 0rem;
    }
    @keyframes slide {
      from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
      }
    }
    .cert .logos {
      height: 10rem;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .cert .logos .logos-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: 25s slide infinite linear;
      -webkit-animation: 25s slide infinite linear;
    }
    .cert .logos .logos-slide img {
      width: 10rem;
      margin: 0rem 3rem;
    }
    .cert .logos:hover .logos-slide {
      animation-play-state: paused;
    }
    .footer {
      margin-top: 7rem;
      background-color: #282828;
    }
    .footer .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr;
      gap: 4rem;
      padding: 7rem 0rem;
    }
    .footer .margen .ac {
      grid-row: 2/3;
    }
    .footer .margen .ac a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .footer .margen .ac a img {
      display: block;
      width: 20rem;
    }
    .footer .margen .logo {
      grid-row: 1/2;
    }
    .footer .margen .logo a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .footer .margen .logo a img {
      display: block;
      width: 8rem;
    }
    .footer .margen .redes {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .redes a img {
      width: 3rem;
    }
    .footer .margen .l1 {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 2rem;
    }
    .footer .margen .l1 a {
      font-size: var(--i-f-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .footer .margen .line {
      height: 1px;
      width: 100%;
      background-color: #fff;
    }
    .footer .margen .logos {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .logos img {
      display: block;
      width: 8rem;
    }
    .footer .margen .logos .sz {
      width: 4.5rem;
    }
    .footer .margen .legal {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 1rem;
    }
    .footer .margen .legal p {
      font-size: var(--i-f-p1);
      font-weight: 400;
      color: #fff;
    }
    .footer .margen .legal p span {
      margin-left: 1rem;
    }
    .footer .margen .legal p .tb,
    .footer .margen .legal p .dm,
    .footer .margen .legal p .dk {
      display: none;
    }
    .fnp {
      margin-top: 0rem;
    }
    :root {
      --nos-cli-h2: 3.2rem;
    }
    .clientes {
      width: 90%;
      margin: 0 auto;
      margin-top: 7rem;
    }
    .clientes h2 {
      font-size: var(--nos-cli-h2);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .clientes h2 span {
      font-weight: 600;
      color: #fab52a;
    }
    .clientes .cgrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .clientes .cgrid .card {
      display: flex;
      justify-content: center;
      align-items: center;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 2rem 0rem;
      border: solid 1px rgba(204, 204, 204, 0.3);
    }
    .clientes .cgrid .card img {
      width: 12rem;
    }
    :root {
      --g-m-h1: 4rem;
      --g-m-p1: 2rem;
      --g-m-a1: 2rem;
    }
    .mensaje {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mensaje .margen {
      width: 90%;
      margin: 0 auto;
      padding-top: 40%;
    }
    .mensaje .margen h1 {
      font-size: var(--g-m-h1);
      font-weight: 400;
      text-align: center;
      color: #000;
    }
    .mensaje .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .mensaje .margen p {
      font-size: var(--g-m-p1);
      font-weight: 400;
      margin-top: 1rem;
      text-align: center;
      color: #000;
    }
    .mensaje .margen .btn {
      margin-top: 3rem;
      text-align: center;
    }
    .mensaje .margen .btn a {
      font-size: var(--g-m-a1);
      font-weight: 400;
      color: #fff;
      padding: 0.7rem 3rem;
      background-color: #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      text-decoration: none;
    }
    :root {
      --s-s-h1: 4rem;
      --s-s-p1: 1.9rem;
      --s-s-h2: 2rem;
      --s-g-h2: 2rem;
    }
    .servicios {
      padding-bottom: 5rem;
      background-color: #282828;
    }
    .servicios .margen {
      width: 90%;
      margin: 0 auto;
    }
    .servicios .margen h1 {
      font-size: var(--s-s-h1);
      font-weight: 400;
      color: #fff;
      margin-bottom: 1.5rem;
    }
    .servicios .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .servicios .margen .p1 {
      font-size: var(--s-s-p1);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 4rem;
    }
    .servicios .margen .grid .box a {
      display: grid;
      gap: 2rem;
      text-decoration: none;
    }
    .servicios .margen .grid .box a .p1 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p2 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p3 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p4 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p5 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p6 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p7 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p8 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p9 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p10 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p11 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .txt {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .servicios .margen .grid .box a .txt h2 {
      font-size: var(--s-s-h2);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid .box a .txt img {
      display: block;
      width: 2rem;
    }
    :root {
      --ts-t-h1: 4rem;
      --ts-t-p1: 2rem;
      --ts-t-p2: 2rem;
    }
    .template .margen {
      width: 90%;
      margin: 0 auto;
    }
    .template .margen h1 {
      font-size: var(--ts-t-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .template .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .template .margen .banner {
      margin-bottom: 4rem;
    }
    .template .margen .banner .animation {
      position: relative;
      height: 35vh;
    }
    .template .margen .banner .animation .box .slide {
      height: 35vh;
      width: 100%;
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .template .margen .banner .animation .box .s1 {
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s2 {
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s3 {
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s4 {
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s5 {
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s6 {
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s7 {
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s8 {
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s9 {
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s10 {
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s11 {
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .txt p {
      font-size: var(--ts-t-p1);
      font-weight: 400;
      color: #000;
    }
    .template .margen .line {
      margin-top: 5rem;
      margin-bottom: 5rem;
      height: 2px;
      width: 100%;
      background-color: #fab52a;
    }
    :root {
      --nw-ng-h1: 4rem;
      --nw-ng-h3: 1.2rem;
      --nw-ng-h2: 2.5rem;
      --nw-ng-p1: 1.7rem;
    }
    .newsgrid .margen {
      width: 90%;
      margin: 0 auto;
    }
    .newsgrid .margen h1 {
      font-size: var(--nw-ng-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .newsgrid .margen .grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 4rem;
    }
    .newsgrid .margen .grid .box a {
      text-decoration: none;
    }
    .newsgrid .margen .grid .box a .portada img {
      display: block;
      justify-content: center;
      align-items: center;
      width: 100%;
      border-radius: 1rem 1rem 0rem 0rem;
      -webkit-border-radius: 1rem 1rem 0rem 0rem;
      -moz-border-radius: 1rem 1rem 0rem 0rem;
      -ms-border-radius: 1rem 1rem 0rem 0rem;
      -o-border-radius: 1rem 1rem 0rem 0rem;
    }
    .newsgrid .margen .grid .box a .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 2rem;
      background-color: #000;
      border-radius: 0rem 0rem 1rem 1rem;
      -webkit-border-radius: 0rem 0rem 1rem 1rem;
      -moz-border-radius: 0rem 0rem 1rem 1rem;
      -ms-border-radius: 0rem 0rem 1rem 1rem;
      -o-border-radius: 0rem 0rem 1rem 1rem;
    }
    .newsgrid .margen .grid .box a .txt h3 {
      font-size: var(--nw-ng-h3);
      font-weight: 400;
      color: #fab52a;
    }
    .newsgrid .margen .grid .box a .txt h2 {
      font-size: var(--nw-ng-h2);
      font-weight: 400;
      color: #fff;
    }
    .newsgrid .margen .grid .box a .txt h2 span {
      opacity: 0;
    }
    .newsgrid .margen .grid .box a .txt p {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--nw-ng-p1);
      font-weight: 400;
      color: #000;
      padding: 0.7rem 3rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    :root {
      --tn-tn-dt: 1.2rem;
      --tn-tn-h1: 3.2rem;
      --tn-tn-p1: 1.9rem;
      --tn-tn-p2: 1.5rem;
      --tn-tn-a1: 1.5rem;
      --tn-tn-h2: 2.5rem;
      --tn-tn-p3: 1.9rem;
      --tn-tn-h3: 1.2rem;
    }
    .nmenu {
      padding: 1rem 0rem;
      background-color: #000;
    }
    .nmenu .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nmenu .margen .logo img {
      display: block;
      width: 7rem;
    }
    .nmenu .margen .close {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .nmenu .margen .close img {
      display: block;
      width: 2.5rem;
    }
    .templatenews .banner {
      height: 40vh;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .templatenews .b1 {
      background-image: url(../img/news/01/Banner.png);
    }
    .templatenews .b2 {
      background-image: url(../img/news/02/Banner.png);
    }
    .templatenews .b3 {
      background-image: url(../img/news/03/Banner.png);
    }
    .templatenews .b4 {
      background-image: url(../img/news/04/Banner.jpg);
    }
    .templatenews .contenido {
      padding: 5rem 0rem 0rem 0rem;
      background-color: #fff;
    }
    .templatenews .contenido .margen {
      width: 90%;
      margin: 0 auto;
    }
    .templatenews .contenido .margen .dt {
      font-size: var(--tn-tn-dt);
      font-weight: 400;
      color: #fab52a;
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen h1 {
      font-size: var(--tn-tn-h1);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .templatenews .contenido .margen .p1 {
      font-size: var(--tn-tn-p1);
      font-weight: 400;
    }
    .templatenews .contenido .margen .menu {
      position: sticky;
      position: relative;
      margin-top: 5rem;
      top: 10%;
      height: -moz-min-content;
      height: min-content;
      padding: 2rem 1rem;
      background-color: #000;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 2rem;
      margin-right: 2rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .menu .p2 {
      font-size: var(--tn-tn-p2);
      font-weight: 400;
      color: #fff;
      opacity: 0.5;
    }
    .templatenews .contenido .margen .menu a {
      font-size: var(--tn-tn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .templatenews .contenido .margen .bloque {
      padding-top: 5rem;
      display: grid;
    }
    .templatenews .contenido .margen .bloque h2 {
      font-size: var(--tn-tn-h2);
      font-weight: 600;
    }
    .templatenews .contenido .margen .bloque .p3 {
      margin-top: 1.5rem;
      font-size: var(--tn-tn-p3);
      font-weight: 400;
    }
    .templatenews .contenido .margen .bloque .p3 a {
      color: #fab52a;
    }
    .templatenews .contenido .margen .bloque .photo {
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen .bloque .photo img {
      display: block;
      width: 100%;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .bloque .photo h3 {
      font-size: var(--tn-tn-h3);
      font-weight: 400;
      opacity: 0.3;
    }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p {
      margin: 0px;
      padding: 0px;
    }
    :root {
      --i-ck-h2: 1.5rem;
      --i-ck-p1: 1.2rem;
      --i-ck-button: 1.2rem;
      --i-hn-a1: 1.9rem;
      --i-hn-p1: 0.8rem;
      --i-h-h1: 4rem;
      --i-h-p1: 1.9rem;
      --i-h-p2: 2.2rem;
      --i-c-h2: 3.2rem;
      --i-c-p1: 1.9rem;
      --i-c-input: 1.2rem;
      --i-c-select: 1.2rem;
      --i-c-textarea: 1.2rem;
      --i-c-button: 1.7rem;
      --i-c-a1: 1.7rem;
      --i-n-titulo: 3.2rem;
      --i-n-txt1: 1.9rem;
      --i-n-p1: 1.9rem;
      --i-n-h2: 3.2rem;
      --i-n-p2: 1.9rem;
      --i-r-h3: 1.7rem;
      --i-f-a1: 1.5rem;
      --i-f-p1: 0.8rem;
    }
    .mosca {
      position: fixed;
      z-index: 99999;
      bottom: 9rem;
      right: 2.32rem;
    }
    .mosca .whats a img {
      display: block;
      width: 6rem;
    }
    .hamburguesa {
      position: fixed;
      top: 0rem;
      width: 100%;
      z-index: 9999;
    }
    .hamburguesa .hamburguesa {
      position: relative;
      z-index: 99999;
      width: 100%;
      background-color: #000;
    }
    .hamburguesa .hamburguesa .grid {
      padding: 1rem 0rem;
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .hamburguesa .hamburguesa .grid .logo {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .hamburguesa .grid .logo picture a {
      text-decoration: none;
    }
    .hamburguesa .hamburguesa .grid .logo picture a img {
      width: 7rem;
    }
    .hamburguesa .hamburguesa .grid .menu {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .hamburguesa .hamburguesa .grid .menu label img {
      width: 2.2rem;
      cursor: pointer;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box {
      width: 90%;
      margin: 0 auto;
      padding: 1rem 0rem 2rem 0rem;
      display: grid;
      gap: 1rem;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box h2 {
      font-size: var(--i-ck-h2);
      font-weight: 600;
      color: #fab52a;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box p {
      font-size: var(--i-ck-p1);
      font-weight: 400;
      color: #fff;
    }
    .hamburguesa .hamburguesa #aviso-cookies .margen .box button {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--i-ck-button);
      font-weight: 600;
      color: #000;
      border: none;
      padding: 0.5rem 3rem;
      background-color: #fab52a;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
      cursor: pointer;
    }
    .hamburguesa #btn-menu {
      opacity: 0;
    }
    .hamburguesa #btn-menu:checked ~ .container-menu {
      opacity: 1;
      visibility: visible;
    }
    .hamburguesa #btn-menu:checked ~ .container-menu .cont-menu {
      transform: translateX(0%);
    }
    .hamburguesa .container-menu {
      z-index: 999999999999;
      position: fixed;
      background: rgba(0, 0, 0, 0.7);
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      transition: all 500ms ease;
      opacity: 0;
      visibility: hidden;
    }
    .hamburguesa .container-menu .cont-menu {
      width: 100%;
      background: #000;
      height: 100vh;
      position: relative;
      transition: all 500ms ease;
      transform: translateX(-100%);
    }
    .hamburguesa .container-menu .cont-menu .box {
      height: 100vh;
      position: relative;
    }
    .hamburguesa .container-menu .cont-menu .box .top {
      height: 20%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 90%;
      margin: 0 auto;
    }
    .hamburguesa .container-menu .cont-menu .box .top .logo {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .top .logo a img {
      display: block;
      width: 7rem;
    }
    .hamburguesa .container-menu .cont-menu .box .top label {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .top label img {
      display: block;
      width: 3rem;
      cursor: pointer;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt {
      height: 80%;
      display: grid;
      grid-template-rows: 1fr 1fr;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 2rem;
      width: 90%;
      margin: 0 auto;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 a {
      font-size: var(--i-hn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b1 .act {
      color: #fab52a;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 {
      height: auto;
      background-color: #282828;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      gap: 3rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .ac {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .ac img {
      display: block;
      width: 15rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .redes {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .hamburguesa
      .container-menu
      .cont-menu
      .box
      .contnt
      .b2
      .margen
      .redes
      a
      img {
      display: block;
      width: 2.5rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas img {
      width: 9rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen .marcas .sz {
      width: 5rem;
    }
    .hamburguesa .container-menu .cont-menu .box .contnt .b2 .margen p {
      font-size: var(--i-hn-p1);
      font-weight: 400;
      color: #fff;
    }
    .nav {
      display: none;
    }
    .espacio-wbg {
      height: 15rem;
      background-color: #282828;
    }
    .espacio {
      height: 15rem;
    }
    .espacio-wbg2 {
      height: 15rem;
      background-color: #000;
    }
    .header {
      padding-bottom: 10rem;
      background-color: #282828;
    }
    .header .margin {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0rem;
      z-index: 999999999;
    }
    .header .margin .b1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }
    .header .margin .b1 h1 {
      font-size: var(--i-h-h1);
      font-weight: 400;
      color: #fff;
    }
    .header .margin .b1 h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .header .margin .b1 .btn {
      margin-top: 2.5rem;
    }
    .header .margin .b1 .btn a {
      display: flex;
      padding: 1rem 1rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      width: -moz-max-content;
      width: max-content;
      gap: 1rem;
      text-decoration: none;
    }
    .header .margin .b1 .btn a p {
      font-size: var(--i-h-p1);
      font-weight: 600;
      color: #000;
    }
    .header .margin .b1 .btn a img {
      display: block;
      width: 1.5rem;
    }
    .header .margin .b2 {
      height: 35rem;
      position: relative;
    }
    .header .margin .b2 .splide {
      height: 100%;
      z-index: 99;
    }
    .header .margin .b2 .splide .splide__track {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide {
      position: relative;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide .box {
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1 {
      height: 35rem;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2 {
      height: 35rem;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3 {
      height: 35rem;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4 {
      height: 35rem;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5 {
      height: 35rem;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6 {
      height: 35rem;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7 {
      height: 35rem;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8 {
      height: 35rem;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9 {
      height: 35rem;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10 {
      height: 35rem;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11 {
      height: 35rem;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header .margin .b2 .bg {
      position: absolute;
      bottom: -1rem;
      left: -1rem;
      height: 90%;
      width: 90%;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto {
      background-color: #fab52a;
    }
    .contacto .margen {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      width: 90%;
      margin: 0 auto;
      padding: 5rem 0rem;
    }
    .contacto .margen .txt {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .contacto .margen .txt h2 {
      font-size: var(--i-c-h2);
      font-weight: 600;
      color: #000;
    }
    .contacto .margen .txt p {
      font-size: var(--i-c-p1);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #000;
    }
    .contacto .margen form {
      grid-column: 2/3;
      grid-row: 1/5;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .contacto .margen form .ghost {
      display: none;
    }
    .contacto .margen form .name {
      height: 3rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form input {
      font-size: var(--i-c-input);
      height: 3rem;
      width: 100%;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form select {
      font-size: var(--i-c-select);
      height: 3rem;
      width: 100%;
      padding: 0rem 0rem 0rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form textarea {
      font-size: var(--i-c-textarea);
      height: 22rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 1rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form .sub {
      grid-column: 1/3;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .contacto .margen form .sub button {
      font-size: var(--i-c-button);
      font-weight: 400;
      color: #fff;
      height: 3rem;
      width: 100%;
      background-color: #000;
      border: none;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen .mapa {
      grid-column: 1/2;
      grid-row: 2/3;
    }
    .contacto .margen .mapa iframe {
      height: 20rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .links {
      grid-column: 1/2;
      grid-row: 3/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    
    .contacto .margen .links a {
      font-size: var(--i-c-a1); 
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      color: #000000;
      text-decoration: none;
      gap: 1rem;
      padding: 1rem;
      border-radius: 1rem;
      transition: background-color 0.2s ease;
    }
    
    .contacto .margen .links a:hover {
      background-color: rgba(0, 0, 0, 0.05); /* efecto al pasar el mouse */
    }
    
    .contacto .margen .links a img {
      width: 1.3rem;
      padding-top: 4.2rem;
      margin-right: 4rem;
      margin: 0;
      display: block;
    }
    
    .contacto .margen .links .textos {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }
    
    .contacto .margen .links .textos strong {
      font-weight: bold;
      display: block;
      margin-left: -2.2rem;
    }
    
    .contacto .margen .links .textos span {
      font-weight: normal;
      display: block;
      font-size: 0.95em;
      padding-top: 2rem;
    }    
    .contacto .margen .conmutador {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 0rem;
      border: solid 2px #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .conmutador a {
      font-size: var(--i-c-a1);
      font-weight: 400;
      color: #000;
      text-decoration: none;
    }
    .bgw {
      background-color: #fff;
    }
    .bgw .margen {
      padding: 0rem 0rem;
    }
    .ptop {
      padding-top: 5rem;
    }
    .nosotros {
      position: relative;
    }
    .nosotros .margen {
      padding: 5rem 0rem;
      position: relative;
      z-index: 1;
      width: 90%;
      margin: 0 auto;
    }
    .nosotros .margen .titulo {
      font-size: var(--i-n-titulo);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .titulo span {
      font-weight: 600;
      color: #fab52a;
    }
    .nosotros .margen .txt1 {
      margin-top: 2rem;
      font-size: var(--i-n-txt1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .txt1 span {
      font-weight: 400;
      color: #fab52a;
    }
    .nosotros .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .nosotros .margen .grid .box {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .nosotros .margen .grid .box img {
      display: block;
      width: 2rem;
    }
    .nosotros .margen .grid .box p {
      font-size: var(--i-n-p1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .mv {
      margin-top: 8rem;
      background-color: #282828;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr;
    }
    .nosotros .margen .mv .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 4rem;
    }
    .nosotros .margen .mv .txt .b1 h2 {
      font-size: var(--i-n-h2);
      font-weight: 600;
      color: #fff;
    }
    .nosotros .margen .mv .txt .b1 p {
      font-size: var(--i-n-p2);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #fff;
    }
    .nosotros .margen .mv .banner {
      height: 25rem;
      width: 100%;
      background-image: url(../img/nosotros.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .nosotros .bg {
      position: absolute;
      z-index: -1;
      top: 0rem;
      left: 0rem;
      height: 80%;
      width: 100%;
      background-color: #000;
    }
    .npad .margen {
      padding: 0rem 0rem;
    }
    @keyframes slide {
      from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
      }
    }
    .cert .logos {
      height: 10rem;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .cert .logos .logos-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: 25s slide infinite linear;
      -webkit-animation: 25s slide infinite linear;
    }
    .cert .logos .logos-slide img {
      width: 10rem;
      margin: 0rem 3rem;
    }
    .cert .logos:hover .logos-slide {
      animation-play-state: paused;
    }
    .footer {
      margin-top: 7rem;
      background-color: #282828;
      position: relative;
      z-index: 99999999999;
    }
    .footer .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 0.5fr;
      gap: 4rem;
      padding: 7rem 0rem;
    }
    .footer .margen .ac {
      grid-column: 2/3;
      grid-row: 1/2;
    }
    .footer .margen .ac a {
      height: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .footer .margen .ac a img {
      display: block;
      width: 20rem;
    }
    .footer .margen .logo {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .footer .margen .logo a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .footer .margen .logo a img {
      display: block;
      width: 8rem;
    }
    .footer .margen .redes {
      grid-column: 2/3;
      grid-row: 2/3;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .redes a img {
      width: 3rem;
    }
    .footer .margen .l1 {
      grid-column: 1/2;
      grid-row: 2/3;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 2rem;
    }
    .footer .margen .l1 a {
      font-size: var(--i-f-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .footer .margen .line {
      grid-column: 1/3;
      grid-row: 3/4;
      height: 1px;
      width: 100%;
      background-color: #fff;
    }
    .footer .margen .logos {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .logos img {
      display: block;
      width: 8rem;
    }
    .footer .margen .logos .sz {
      width: 4.5rem;
    }
    .footer .margen .legal {
      grid-column: 1/3;
      grid-row: 4/5;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .footer .margen .legal p {
      font-size: var(--i-f-p1);
      font-weight: 400;
      color: #fff;
    }
    .footer .margen .legal p span {
      margin-left: 1rem;
    }
    .footer .margen .legal p .ph,
    .footer .margen .legal p .dm,
    .footer .margen .legal p .dk {
      display: none;
    }
    :root {
      --nos-cli-h2: 3.2rem;
    }
    .clientes {
      width: 90%;
      margin: 0 auto;
      margin-top: 7rem;
    }
    .clientes h2 {
      font-size: var(--nos-cli-h2);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .clientes h2 span {
      font-weight: 600;
      color: #fab52a;
    }
    .clientes .cgrid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1rem;
    }
    .clientes .cgrid .card {
      display: flex;
      justify-content: center;
      align-items: center;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 2rem 0rem;
      border: solid 1px rgba(204, 204, 204, 0.3);
    }
    .clientes .cgrid .card img {
      width: 12rem;
    }
    :root {
      --g-m-h1: 4rem;
      --g-m-p1: 2rem;
      --g-m-a1: 2rem;
    }
    .mensaje {
      height: 80vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mensaje .margen {
      width: 90%;
      margin: 0 auto;
      padding-top: 25%;
    }
    .mensaje .margen h1 {
      font-size: var(--g-m-h1);
      font-weight: 400;
      text-align: center;
      color: #000;
    }
    .mensaje .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .mensaje .margen p {
      font-size: var(--g-m-p1);
      font-weight: 400;
      margin-top: 1rem;
      text-align: center;
      color: #000;
    }
    .mensaje .margen .btn {
      margin-top: 3rem;
      text-align: center;
    }
    .mensaje .margen .btn a {
      font-size: var(--g-m-a1);
      font-weight: 400;
      color: #fff;
      padding: 0.7rem 3rem;
      background-color: #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      text-decoration: none;
    }
    :root {
      --s-s-h1: 4rem;
      --s-s-p1: 1.9rem;
      --s-s-h2: 2rem;
      --s-g-h2: 2rem;
    }
    .servicios {
      padding-bottom: 5rem;
      background-color: #282828;
    }
    .servicios .margen {
      width: 90%;
      margin: 0 auto;
    }
    .servicios .margen h1 {
      font-size: var(--s-s-h1);
      font-weight: 400;
      color: #fff;
      margin-bottom: 1.5rem;
    }
    .servicios .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .servicios .margen .p1 {
      font-size: var(--s-s-p1);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
    }
    .servicios .margen .grid .box a {
      display: grid;
      gap: 2rem;
      text-decoration: none;
    }
    .servicios .margen .grid .box a .p1 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p2 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p3 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p4 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p5 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p6 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p7 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p8 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p9 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p10 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p11 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .txt {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .servicios .margen .grid .box a .txt h2 {
      font-size: var(--s-s-h2);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid .box a .txt img {
      display: block;
      width: 2rem;
    }
    :root {
      --ts-t-h1: 4rem;
      --ts-t-p1: 2rem;
      --ts-t-p2: 2rem;
    }
    .template .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .template .margen h1 {
      grid-column: 1/3;
      grid-row: 1/2;
      font-size: var(--ts-t-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .template .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .template .margen .banner {
      grid-column: 1/2;
      grid-row: 2/3;
      margin-bottom: 4rem;
    }
    .template .margen .banner .animation {
      position: relative;
      height: 35vh;
    }
    .template .margen .banner .animation .box .slide {
      height: 35vh;
      width: 100%;
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .template .margen .banner .animation .box .s1 {
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s2 {
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s3 {
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s4 {
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s5 {
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s6 {
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s7 {
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s8 {
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s9 {
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s10 {
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s11 {
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .txt {
      grid-column: 2/3;
      grid-row: 2/3;
      margin-left: 2rem;
    }
    .template .margen .txt p {
      font-size: var(--ts-t-p1);
      font-weight: 400;
      color: #000;
    }
    .template .margen .line {
      grid-column: 1/3;
      grid-row: 3/4;
      margin-top: 5rem;
      margin-bottom: 5rem;
      height: 2px;
      width: 100%;
      background-color: #fab52a;
    }
    :root {
      --nw-ng-h1: 4rem;
      --nw-ng-h3: 1.2rem;
      --nw-ng-h2: 2.5rem;
      --nw-ng-p1: 1.7rem;
    }
    .newsgrid .margen {
      width: 90%;
      margin: 0 auto;
    }
    .newsgrid .margen h1 {
      font-size: var(--nw-ng-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .newsgrid .margen .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem;
    }
    .newsgrid .margen .grid .box a {
      text-decoration: none;
    }
    .newsgrid .margen .grid .box a .portada img {
      display: block;
      justify-content: center;
      align-items: center;
      width: 100%;
      border-radius: 1rem 1rem 0rem 0rem;
      -webkit-border-radius: 1rem 1rem 0rem 0rem;
      -moz-border-radius: 1rem 1rem 0rem 0rem;
      -ms-border-radius: 1rem 1rem 0rem 0rem;
      -o-border-radius: 1rem 1rem 0rem 0rem;
    }
    .newsgrid .margen .grid .box a .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 2rem;
      background-color: #000;
      border-radius: 0rem 0rem 1rem 1rem;
      -webkit-border-radius: 0rem 0rem 1rem 1rem;
      -moz-border-radius: 0rem 0rem 1rem 1rem;
      -ms-border-radius: 0rem 0rem 1rem 1rem;
      -o-border-radius: 0rem 0rem 1rem 1rem;
    }
    .newsgrid .margen .grid .box a .txt h3 {
      font-size: var(--nw-ng-h3);
      font-weight: 400;
      color: #fab52a;
    }
    .newsgrid .margen .grid .box a .txt h2 {
      font-size: var(--nw-ng-h2);
      font-weight: 400;
      color: #fff;
    }
    .newsgrid .margen .grid .box a .txt h2 span {
      opacity: 0;
    }
    .newsgrid .margen .grid .box a .txt p {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--nw-ng-p1);
      font-weight: 400;
      color: #000;
      padding: 0.7rem 3rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    :root {
      --tn-tn-dt: 1.2rem;
      --tn-tn-h1: 3.2rem;
      --tn-tn-p1: 1.9rem;
      --tn-tn-p2: 1.5rem;
      --tn-tn-a1: 1.5rem;
      --tn-tn-h2: 2.5rem;
      --tn-tn-p3: 1.9rem;
      --tn-tn-h3: 1.2rem;
    }
    .nmenu {
      padding: 1rem 0rem;
      background-color: #000;
    }
    .nmenu .margen {
      width: 90%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nmenu .margen .logo img {
      display: block;
      width: 7rem;
    }
    .nmenu .margen .close {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .nmenu .margen .close img {
      display: block;
      width: 2.5rem;
    }
    .templatenews .banner {
      height: 40vh;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .templatenews .b1 {
      background-image: url(../img/news/01/Banner.png);
    }
    .templatenews .b2 {
      background-image: url(../img/news/02/Banner.png);
    }
    .templatenews .b3 {
      background-image: url(../img/news/03/Banner.png);
    }
    .templatenews .b4 {
      background-image: url(../img/news/04/Banner.jpg);
    }
    .templatenews .contenido {
      padding: 5rem 0rem 0rem 0rem;
      background-color: #fff;
    }
    .templatenews .contenido .margen {
      width: 90%;
      margin: 0 auto;
    }
    .templatenews .contenido .margen .dt {
      font-size: var(--tn-tn-dt);
      font-weight: 400;
      color: #fab52a;
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen h1 {
      font-size: var(--tn-tn-h1);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .templatenews .contenido .margen .p1 {
      font-size: var(--tn-tn-p1);
      font-weight: 400;
    }
    .templatenews .contenido .margen .menu {
      position: sticky;
      position: relative;
      margin-top: 5rem;
      top: 10%;
      height: -moz-min-content;
      height: min-content;
      padding: 2rem 1rem;
      background-color: #000;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 2rem;
      margin-right: 2rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .menu .p2 {
      font-size: var(--tn-tn-p2);
      font-weight: 400;
      color: #fff;
      opacity: 0.5;
    }
    .templatenews .contenido .margen .menu a {
      font-size: var(--tn-tn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .templatenews .contenido .margen .bloque {
      padding-top: 5rem;
      display: grid;
    }
    .templatenews .contenido .margen .bloque h2 {
      font-size: var(--tn-tn-h2);
      font-weight: 600;
    }
    .templatenews .contenido .margen .bloque .p3 {
      margin-top: 1.5rem;
      font-size: var(--tn-tn-p3);
      font-weight: 400;
    }
    .templatenews .contenido .margen .bloque .p3 a {
      color: #fab52a;
    }
    .templatenews .contenido .margen .bloque .photo {
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen .bloque .photo img {
      display: block;
      width: 100%;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .bloque .photo h3 {
      font-size: var(--tn-tn-h3);
      font-weight: 400;
      opacity: 0.3;
    }
    .templatenews .contenido .margen .bg {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
  }
  @media (min-width: 1024px) and (max-width: 1440px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p {
      margin: 0px;
      padding: 0px;
    }
    :root {
      --i-ck-h2: 2.5rem;
      --i-ck-p1: 1.4rem;
      --i-ck-button: 1.4rem;
      --i-nv-a1: 1.5rem;
      --i-h-h1: 4rem;
      --i-h-p1: 1.9rem;
      --i-h-p2: 2.2rem;
      --i-c-h2: 3.2rem;
      --i-c-p1: 1.9rem;
      --i-c-input: 1.2rem;
      --i-c-select: 1.2rem;
      --i-c-textarea: 1.2rem;
      --i-c-button: 1.7rem;
      --i-c-a1: 1.7rem;
      --i-n-titulo: 3.2rem;
      --i-n-txt1: 1.9rem;
      --i-n-p1: 1.9rem;
      --i-n-h2: 3.2rem;
      --i-n-p2: 1.9rem;
      --i-r-h3: 1.7rem;
      --i-f-a1: 1.5rem;
      --i-f-p1: 0.8rem;
    }
    .mosca {
      position: fixed;
      z-index: 99999;
      bottom: 9rem;
      right: 2.32rem;
    }
    .mosca .whats a img {
      display: block;
      width: 6rem;
    }
    .nav {
      display: block;
      position: fixed;
      top: 0rem;
      width: 100%;
      z-index: 9999;
      background-color: #000;
      padding: 1rem 0rem;
    }
    .nav .margen {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nav .margen .logo a img {
      display: block;
      width: 7rem;
    }
    .nav .margen .links {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .nav .margen .links a {
      font-size: var(--i-nv-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .nav .margen .links .act {
      color: #fab52a;
    }
    .nav #aviso-cookies-desk .margen {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .nav #aviso-cookies-desk .margen .box {
      width: 75%;
      margin: 0 auto;
      padding: 2rem 0rem 2rem 0rem;
      display: grid;
      grid-template-columns: 1fr 0.7fr;
    }
    .nav #aviso-cookies-desk .margen .box .txt {
      grid-column: 1/2;
    }
    .nav #aviso-cookies-desk .margen .box .txt h2 {
      font-size: var(--i-ck-h2);
      font-weight: 600;
      color: #fab52a;
    }
    .nav #aviso-cookies-desk .margen .box .txt p {
      font-size: var(--i-ck-p1);
      font-weight: 400;
      color: #fff;
    }
    .nav #aviso-cookies-desk .margen .box .btn {
      grid-template-columns: 2/3;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .nav #aviso-cookies-desk .margen .box .btn button {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--i-ck-button);
      font-weight: 600;
      color: #000;
      border: none;
      padding: 0.7rem 6rem;
      background-color: #fab52a;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
      cursor: pointer;
    }
    .hamburguesa {
      display: none;
    }
    .espacio-wbg {
      height: 15rem;
      background-color: #282828;
    }
    .espacio {
      height: 15rem;
    }
    .espacio-wbg2 {
      height: 15rem;
      background-color: #000;
    }
    .header {
      padding-bottom: 10rem;
      background-color: #282828;
    }
    .header .margin {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6rem;
      z-index: 999999999;
    }
    .header .margin .b1 {
      grid-column: 2/3;
      grid-row: 1/2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }
    .header .margin .b1 h1 {
      font-size: var(--i-h-h1);
      font-weight: 400;
      color: #fff;
    }
    .header .margin .b1 h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .header .margin .b1 .btn {
      margin-top: 2.5rem;
    }
    .header .margin .b1 .btn a {
      display: flex;
      padding: 1rem 1rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      width: -moz-max-content;
      width: max-content;
      gap: 1rem;
      text-decoration: none;
    }
    .header .margin .b1 .btn a p {
      font-size: var(--i-h-p1);
      font-weight: 600;
      color: #000;
    }
    .header .margin .b1 .btn a img {
      display: block;
      width: 1.5rem;
    }
    .header .margin .b2 {
      grid-column: 1/2;
      grid-row: 1/2;
      height: 35rem;
      position: relative;
    }
    .header .margin .b2 .splide {
      height: 100%;
      z-index: 99;
    }
    .header .margin .b2 .splide .splide__track {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide {
      position: relative;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide .box {
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1 {
      height: 35rem;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2 {
      height: 35rem;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3 {
      height: 35rem;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4 {
      height: 35rem;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5 {
      height: 35rem;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6 {
      height: 35rem;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7 {
      height: 35rem;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8 {
      height: 35rem;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9 {
      height: 35rem;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10 {
      height: 35rem;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11 {
      height: 35rem;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header .margin .b2 .bg {
      position: absolute;
      bottom: -1rem;
      left: -1rem;
      height: 90%;
      width: 90%;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto {
      background-color: #fab52a;
    }
    .contacto .margen {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      width: 75%;
      margin: 0 auto;
      padding: 5rem 0rem;
    }
    .contacto .margen .txt {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .contacto .margen .txt h2 {
      font-size: var(--i-c-h2);
      font-weight: 600;
      color: #000;
    }
    .contacto .margen .txt p {
      font-size: var(--i-c-p1);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #000;
    }
    .contacto .margen form {
      grid-column: 2/3;
      grid-row: 1/5;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .contacto .margen form .ghost {
      display: none;
    }
    .contacto .margen form .name {
      height: 3rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form input {
      font-size: var(--i-c-input);
      height: 3rem;
      width: 100%;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form select {
      font-size: var(--i-c-select);
      height: 3rem;
      width: 100%;
      padding: 0rem 0rem 0rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form textarea {
      font-size: var(--i-c-textarea);
      height: 22rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 1rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form .sub {
      grid-column: 1/3;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .contacto .margen form .sub button {
      font-size: var(--i-c-button);
      font-weight: 400;
      color: #fff;
      height: 3rem;
      width: 100%;
      background-color: #000;
      border: none;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen .mapa {
      grid-column: 1/2;
      grid-row: 2/3;
    }
    .contacto .margen .mapa iframe {
      height: 20rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .links {
      grid-column: 1/2;
      grid-row: 3/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    
    .contacto .margen .links a {
      font-size: var(--i-c-a1); 
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      color: #000000;
      text-decoration: none;
      gap: 1rem;
      padding: 1rem;
      border-radius: 1rem;
      transition: background-color 0.2s ease;
    }
    
    .contacto .margen .links a:hover {
      background-color: rgba(0, 0, 0, 0.05); /* efecto al pasar el mouse */
    }
    
    .contacto .margen .links a img {
      width: 1.3rem;
      padding-top: 4.2rem;
      margin: 0;
      display: block;
    }
    
    .contacto .margen .links .textos {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }
    
    .contacto .margen .links .textos strong {
      font-weight: bold;
      display: block;
      margin-left: -2.2rem;
    }
    
    .contacto .margen .links .textos span {
      font-weight: normal;
      display: block;
      font-size: 0.95em;
      padding-top: 2rem;
    }    
    .contacto .margen .conmutador {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 0rem;
      border: solid 2px #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .conmutador a {
      font-size: var(--i-c-a1);
      font-weight: 400;
      color: #000;
      text-decoration: none;
    }
    .bgw {
      background-color: #fff;
    }
    .bgw .margen {
      padding: 0rem 0rem;
    }
    .ptop {
      padding-top: 5rem;
    }
    .nosotros {
      position: relative;
    }
    .nosotros .margen {
      padding: 5rem 0rem;
      position: relative;
      z-index: 1;
      width: 75%;
      margin: 0 auto;
    }
    .nosotros .margen .titulo {
      font-size: var(--i-n-titulo);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .titulo span {
      font-weight: 600;
      color: #fab52a;
    }
    .nosotros .margen .txt1 {
      margin-top: 2rem;
      font-size: var(--i-n-txt1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .txt1 span {
      font-weight: 400;
      color: #fab52a;
    }
    .nosotros .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
    .nosotros .margen .grid .box {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .nosotros .margen .grid .box img {
      display: block;
      width: 2rem;
    }
    .nosotros .margen .grid .box p {
      font-size: var(--i-n-p1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .mv {
      margin-top: 8rem;
      background-color: #282828;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nosotros .margen .mv .txt {
      padding: 6rem 6rem;
      display: grid;
      gap: 4rem;
    }
    .nosotros .margen .mv .txt .b1 h2 {
      font-size: var(--i-n-h2);
      font-weight: 600;
      color: #fff;
    }
    .nosotros .margen .mv .txt .b1 p {
      font-size: var(--i-n-p2);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #fff;
    }
    .nosotros .margen .mv .banner {
      height: auto;
      width: 100%;
      background-image: url(../img/nosotros.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .nosotros .bg {
      position: absolute;
      z-index: -1;
      top: 0rem;
      left: 0rem;
      height: 80%;
      width: 100%;
      background-color: #000;
    }
    .npad .margen {
      padding: 0rem 0rem;
    }
    @keyframes slide {
      from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
      }
    }
    .cert .logos {
      height: 10rem;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .cert .logos .logos-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: 25s slide infinite linear;
      -webkit-animation: 25s slide infinite linear;
    }
    .cert .logos .logos-slide img {
      width: 10rem;
      margin: 0rem 3rem;
    }
    .cert .logos:hover .logos-slide {
      animation-play-state: paused;
    }
    .footer {
      margin-top: 7rem;
      background-color: #282828;
    }
    .footer .margen {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
      padding: 1rem 0rem 2rem 0rem;
    }
    .footer .margen .ac {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .footer .margen .ac a {
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .footer .margen .ac a img {
      display: block;
      width: 20rem;
    }
    .footer .margen .logo {
      grid-column: 2/3;
      grid-row: 1/2;
    }
    .footer .margen .logo a {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .footer .margen .logo a img {
      display: block;
      width: 8rem;
    }
    .footer .margen .redes {
      grid-column: 3/4;
      grid-row: 1/2;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .redes a img {
      width: 3rem;
    }
    .footer .margen .l1 {
      grid-column: 1/4;
      grid-row: 2/3;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 2rem;
    }
    .footer .margen .l1 a {
      font-size: var(--i-f-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .footer .margen .line {
      grid-column: 1/4;
      grid-row: 3/4;
      height: 1px;
      width: 100%;
      background-color: #fff;
    }
    .footer .margen .logos {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .logos img {
      display: block;
      width: 8rem;
    }
    .footer .margen .logos .sz {
      width: 4.5rem;
    }
    .footer .margen .legal {
      grid-column: 2/4;
      grid-row: 4/5;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .footer .margen .legal p {
      font-size: var(--i-f-p1);
      font-weight: 400;
      color: #fff;
    }
    .footer .margen .legal p span {
      margin-left: 1rem;
    }
    .footer .margen .legal p .ph,
    .footer .margen .legal p .tb,
    .footer .margen .legal p .dk {
      display: none;
    }
    :root {
      --nos-cli-h2: 3.2rem;
    }
    .clientes {
      width: 75%;
      margin: 0 auto;
      margin-top: 7rem;
    }
    .clientes h2 {
      font-size: var(--nos-cli-h2);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .clientes h2 span {
      font-weight: 600;
      color: #fab52a;
    }
    .clientes .cgrid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 1rem;
    }
    .clientes .cgrid .card {
      display: flex;
      justify-content: center;
      align-items: center;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 2rem 0rem;
      border: solid 1px rgba(204, 204, 204, 0.3);
      filter: grayscale(100%);
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
    }
    .clientes .cgrid .card img {
      width: 12rem;
    }
    .clientes .cgrid :hover {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
    }
    :root {
      --g-m-h1: 4rem;
      --g-m-p1: 2rem;
      --g-m-a1: 2rem;
    }
    .mensaje {
      height: 70vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mensaje .margen {
      width: 75%;
      margin: 0 auto;
      padding-top: 13%;
    }
    .mensaje .margen h1 {
      font-size: var(--g-m-h1);
      font-weight: 400;
      text-align: center;
      color: #000;
    }
    .mensaje .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .mensaje .margen p {
      font-size: var(--g-m-p1);
      font-weight: 400;
      margin-top: 1rem;
      text-align: center;
      color: #000;
    }
    .mensaje .margen .btn {
      margin-top: 3rem;
      text-align: center;
    }
    .mensaje .margen .btn a {
      font-size: var(--g-m-a1);
      font-weight: 400;
      color: #fff;
      padding: 0.7rem 3rem;
      background-color: #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      text-decoration: none;
    }
    :root {
      --s-s-h1: 4rem;
      --s-s-p1: 1.9rem;
      --s-s-h2: 2rem;
      --s-g-h2: 2rem;
    }
    .servicios {
      padding-bottom: 5rem;
      background-color: #282828;
    }
    .servicios .margen {
      width: 75%;
      margin: 0 auto;
    }
    .servicios .margen h1 {
      font-size: var(--s-s-h1);
      font-weight: 400;
      color: #fff;
      margin-bottom: 1.5rem;
    }
    .servicios .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .servicios .margen .p1 {
      font-size: var(--s-s-p1);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
    }
    .servicios .margen .grid .box a {
      display: grid;
      gap: 2rem;
      text-decoration: none;
    }
    .servicios .margen .grid .box a .p1 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p2 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p3 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p4 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p5 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p6 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p7 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p8 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p9 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p10 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p11 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .txt {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .servicios .margen .grid .box a .txt h2 {
      font-size: var(--s-s-h2);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid .box a .txt img {
      display: block;
      width: 2rem;
    }
    :root {
      --ts-t-h1: 4rem;
      --ts-t-p1: 2rem;
      --ts-t-p2: 2rem;
    }
    .template .margen {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .template .margen h1 {
      grid-column: 1/3;
      grid-row: 1/2;
      font-size: var(--ts-t-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .template .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .template .margen .banner {
      grid-column: 1/2;
      grid-row: 2/3;
      margin-bottom: 4rem;
    }
    .template .margen .banner .animation {
      position: relative;
      height: 35vh;
    }
    .template .margen .banner .animation .box .slide {
      height: 35vh;
      width: 100%;
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .template .margen .banner .animation .box .s1 {
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s2 {
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s3 {
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s4 {
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s5 {
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s6 {
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s7 {
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s8 {
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s9 {
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s10 {
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s11 {
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .txt {
      grid-column: 2/3;
      grid-row: 2/3;
      margin-left: 2rem;
    }
    .template .margen .txt p {
      font-size: var(--ts-t-p1);
      font-weight: 400;
      color: #000;
    }
    .template .margen .line {
      grid-column: 1/3;
      grid-row: 3/4;
      margin-top: 5rem;
      margin-bottom: 5rem;
      height: 2px;
      width: 100%;
      background-color: #fab52a;
    }
    :root {
      --nw-ng-h1: 4rem;
      --nw-ng-h3: 1.2rem;
      --nw-ng-h2: 2.5rem;
      --nw-ng-p1: 1.7rem;
    }
    .newsgrid .margen {
      width: 75%;
      margin: 0 auto;
    }
    .newsgrid .margen h1 {
      font-size: var(--nw-ng-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .newsgrid .margen .grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
    }
    .newsgrid .margen .grid .box a {
      text-decoration: none;
    }
    .newsgrid .margen .grid .box a .portada img {
      display: block;
      justify-content: center;
      align-items: center;
      width: 100%;
      border-radius: 1rem 1rem 0rem 0rem;
      -webkit-border-radius: 1rem 1rem 0rem 0rem;
      -moz-border-radius: 1rem 1rem 0rem 0rem;
      -ms-border-radius: 1rem 1rem 0rem 0rem;
      -o-border-radius: 1rem 1rem 0rem 0rem;
    }
    .newsgrid .margen .grid .box a .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 2rem;
      background-color: #000;
      border-radius: 0rem 0rem 1rem 1rem;
      -webkit-border-radius: 0rem 0rem 1rem 1rem;
      -moz-border-radius: 0rem 0rem 1rem 1rem;
      -ms-border-radius: 0rem 0rem 1rem 1rem;
      -o-border-radius: 0rem 0rem 1rem 1rem;
    }
    .newsgrid .margen .grid .box a .txt h3 {
      font-size: var(--nw-ng-h3);
      font-weight: 400;
      color: #fab52a;
    }
    .newsgrid .margen .grid .box a .txt h2 {
      font-size: var(--nw-ng-h2);
      font-weight: 400;
      color: #fff;
    }
    .newsgrid .margen .grid .box a .txt h2 span {
      opacity: 0;
    }
    .newsgrid .margen .grid .box a .txt p {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--nw-ng-p1);
      font-weight: 400;
      color: #000;
      padding: 0.7rem 3rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    :root {
      --tn-tn-dt: 1.2rem;
      --tn-tn-h1: 3.2rem;
      --tn-tn-p1: 1.9rem;
      --tn-tn-p2: 1.5rem;
      --tn-tn-a1: 1.5rem;
      --tn-tn-h2: 2.5rem;
      --tn-tn-p3: 1.9rem;
      --tn-tn-h3: 1.2rem;
    }
    .nmenu {
      padding: 1rem 0rem;
      background-color: #000;
    }
    .nmenu .margen {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nmenu .margen .logo img {
      display: block;
      width: 7rem;
    }
    .nmenu .margen .close {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .nmenu .margen .close img {
      display: block;
      width: 2.5rem;
    }
    .templatenews .banner {
      height: 60vh;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .templatenews .b1 {
      background-image: url(../img/news/01/Banner.png);
    }
    .templatenews .b2 {
      background-image: url(../img/news/02/Banner.png);
    }
    .templatenews .b3 {
      background-image: url(../img/news/03/Banner.png);
    }
    .templatenews .b4 {
      background-image: url(../img/news/04/Banner.jpg);
    }
    .templatenews .contenido {
      padding: 5rem 0rem 0rem 0rem;
      background-color: #fff;
    }
    .templatenews .contenido .margen {
      width: 75%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 0.3fr 1fr;
    }
    .templatenews .contenido .margen .dt {
      grid-column: 1/3;
      font-size: var(--tn-tn-dt);
      font-weight: 400;
      color: #fab52a;
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen h1 {
      grid-column: 1/3;
      font-size: var(--tn-tn-h1);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .templatenews .contenido .margen .p1 {
      grid-column: 1/3;
      font-size: var(--tn-tn-p1);
      font-weight: 400;
    }
    .templatenews .contenido .margen .menu {
      grid-column: 1/2;
      position: sticky;
      margin-top: 5rem;
      top: 10%;
      height: -moz-min-content;
      height: min-content;
      padding: 2rem 1rem;
      background-color: #000;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 2rem;
      margin-right: 2rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .menu .p2 {
      font-size: var(--tn-tn-p2);
      font-weight: 400;
      color: #fff;
      opacity: 0.5;
    }
    .templatenews .contenido .margen .menu a {
      font-size: var(--tn-tn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .templatenews .contenido .margen .bloque {
      grid-column: 2/3;
      padding-top: 5rem;
      display: grid;
    }
    .templatenews .contenido .margen .bloque h2 {
      font-size: var(--tn-tn-h2);
      font-weight: 600;
    }
    .templatenews .contenido .margen .bloque .p3 {
      margin-top: 1.5rem;
      font-size: var(--tn-tn-p3);
      font-weight: 400;
    }
    .templatenews .contenido .margen .bloque .p3 a {
      color: #fab52a;
    }
    .templatenews .contenido .margen .bloque .photo {
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen .bloque .photo img {
      display: block;
      width: 100%;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .bloque .photo h3 {
      font-size: var(--tn-tn-h3);
      font-weight: 400;
      opacity: 0.3;
    }
    .templatenews .contenido .margen .bg {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
    .banner {
      width: 65%;
      max-width: 900px;
      margin: 0 auto;
      padding-top: 3rem;
  }
  }
  @media (min-width: 1441px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p {
      margin: 0px;
      padding: 0px;
    }
    :root {
      --i-ck-h2: 2.5rem;
      --i-ck-p1: 1.4rem;
      --i-ck-button: 1.4rem;
      --i-nv-a1: 1.5rem;
      --i-h-h1: 4rem;
      --i-h-p1: 1.9rem;
      --i-h-p2: 2.2rem;
      --i-c-h2: 3.2rem;
      --i-c-p1: 1.9rem;
      --i-c-input: 1.2rem;
      --i-c-select: 1.2rem;
      --i-c-textarea: 1.2rem;
      --i-c-button: 1.7rem;
      --i-c-a1: 1.7rem;
      --i-n-titulo: 3.2rem;
      --i-n-txt1: 1.9rem;
      --i-n-p1: 1.9rem;
      --i-n-h2: 3.2rem;
      --i-n-p2: 1.9rem;
      --i-r-h3: 1.7rem;
      --i-f-a1: 1.5rem;
      --i-f-p1: 0.8rem;
    }
    .mosca {
      position: fixed;
      z-index: 99999;
      bottom: 9rem;
      right: 2.32rem;
    }
    .mosca .whats a img {
      display: block;
      width: 6rem;
    }
    .nav {
      display: block;
      position: fixed;
      top: 0rem;
      width: 100%;
      z-index: 9999;
      background-color: #000;
      padding: 1rem 0rem;
    }
    .nav .margen {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nav .margen .logo a img {
      display: block;
      width: 7rem;
    }
    .nav .margen .links {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .nav .margen .links a {
      font-size: var(--i-nv-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .nav .margen .links .act {
      color: #fab52a;
    }
    .nav #aviso-cookies-desk .margen {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }
    .nav #aviso-cookies-desk .margen .box {
      width: 1000px;
      margin: 0 auto;
      padding: 2rem 0rem 2rem 0rem;
      display: grid;
      grid-template-columns: 1fr 0.7fr;
    }
    .nav #aviso-cookies-desk .margen .box .txt {
      grid-column: 1/2;
    }
    .nav #aviso-cookies-desk .margen .box .txt h2 {
      font-size: var(--i-ck-h2);
      font-weight: 600;
      color: #fab52a;
    }
    .nav #aviso-cookies-desk .margen .box .txt p {
      font-size: var(--i-ck-p1);
      font-weight: 400;
      color: #fff;
    }
    .nav #aviso-cookies-desk .margen .box .btn {
      grid-template-columns: 2/3;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .nav #aviso-cookies-desk .margen .box .btn button {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--i-ck-button);
      font-weight: 600;
      color: #000;
      border: none;
      padding: 0.7rem 6rem;
      background-color: #fab52a;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
      cursor: pointer;
    }
    .hamburguesa {
      display: none;
    }
    .espacio-wbg {
      height: 15rem;
      background-color: #282828;
    }
    .espacio {
      height: 15rem;
    }
    .espacio-wbg2 {
      height: 15rem;
      background-color: #000;
    }
    .header {
      padding-bottom: 10rem;
      background-color: #282828;
    }
    .header .margin {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6rem;
      z-index: 999999999;
    }
    .header .margin .b1 {
      grid-column: 2/3;
      grid-row: 1/2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
    }
    .header .margin .b1 h1 {
      font-size: var(--i-h-h1);
      font-weight: 400;
      color: #fff;
    }
    .header .margin .b1 h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .header .margin .b1 .btn {
      margin-top: 2.5rem;
    }
    .header .margin .b1 .btn a {
      display: flex;
      padding: 1rem 1rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      width: -moz-max-content;
      width: max-content;
      gap: 1rem;
      text-decoration: none;
    }
    .header .margin .b1 .btn a p {
      font-size: var(--i-h-p1);
      font-weight: 600;
      color: #000;
    }
    .header .margin .b1 .btn a img {
      display: block;
      width: 1.5rem;
    }
    .header .margin .b2 {
      grid-column: 1/2;
      grid-row: 1/2;
      height: 35rem;
      position: relative;
    }
    .header .margin .b2 .splide {
      height: 100%;
      z-index: 99;
    }
    .header .margin .b2 .splide .splide__track {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list {
      height: 100%;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide {
      position: relative;
    }
    .header .margin .b2 .splide .splide__track .splide__list .splide__slide .box {
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1 {
      height: 35rem;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s1
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2 {
      height: 35rem;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s2
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3 {
      height: 35rem;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s3
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4 {
      height: 35rem;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s4
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5 {
      height: 35rem;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s5
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6 {
      height: 35rem;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s6
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7 {
      height: 35rem;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s7
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8 {
      height: 35rem;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s8
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9 {
      height: 35rem;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s9
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10 {
      height: 35rem;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s10
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11 {
      height: 35rem;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      img {
      position: absolute;
      top: 2rem;
      right: 2rem;
      width: 4rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      p {
      font-size: var(--i-h-p2);
      font-weight: 400;
      position: relative;
      z-index: 99;
      color: #fff;
      position: absolute;
      bottom: 4rem;
      left: 2rem;
    }
    .header
      .margin
      .b2
      .splide
      .splide__track
      .splide__list
      .splide__slide
      .box
      .s11
      .dg {
      position: absolute;
      z-index: 9;
      bottom: 0rem;
      left: 0rem;
      height: 30rem;
      width: 100%;
      background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgb(0, 0, 0)
      );
    }
    .header .margin .b2 .bg {
      position: absolute;
      bottom: -1rem;
      left: -1rem;
      height: 90%;
      width: 90%;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto {
      background-color: #fab52a;
    }
    .contacto .margen {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
      width: 1000px;
      margin: 0 auto;
      padding: 5rem 0rem;
    }
    .contacto .margen .txt {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .contacto .margen .txt h2 {
      font-size: var(--i-c-h2);
      font-weight: 600;
      color: #000;
    }
    .contacto .margen .txt p {
      font-size: var(--i-c-p1);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #000;
    }
    .contacto .margen form {
      grid-column: 2/3;
      grid-row: 1/5;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .contacto .margen form .ghost {
      display: none;
    }
    .contacto .margen form .name {
      height: 3rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form input {
      font-size: var(--i-c-input);
      height: 3rem;
      width: 100%;
      padding: 1rem 0rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form select {
      font-size: var(--i-c-select);
      height: 3rem;
      width: 100%;
      padding: 0rem 0rem 0rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form textarea {
      font-size: var(--i-c-textarea);
      height: 22rem;
      width: 100%;
      grid-column: 1/3;
      padding: 1rem 1rem 1rem 1rem;
      border: solid 1px #ccc;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen form .sub {
      grid-column: 1/3;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    .contacto .margen form .sub button {
      font-size: var(--i-c-button);
      font-weight: 400;
      color: #fff;
      height: 3rem;
      width: 100%;
      background-color: #000;
      border: none;
      border-radius: 0.7rem;
      -webkit-border-radius: 0.7rem;
      -moz-border-radius: 0.7rem;
      -ms-border-radius: 0.7rem;
      -o-border-radius: 0.7rem;
    }
    .contacto .margen .mapa {
      grid-column: 1/2;
      grid-row: 2/3;
    }
    .contacto .margen .mapa iframe {
      height: 20rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .links {
      grid-column: 1/2;
      grid-row: 3/4;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    
    .contacto .margen .links a {
      font-size: var(--i-c-a1); 
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      color: #000000;
      text-decoration: none;
      gap: 1rem;
      padding: 1rem;
      border-radius: 1rem;
      transition: background-color 0.2s ease;
    }
    
    .contacto .margen .links a:hover {
      background-color: rgba(0, 0, 0, 0.05); /* efecto al pasar el mouse */
    }
    
    .contacto .margen .links a img {
      width: 1.3rem;
      padding-top: 4.2rem;
      margin: 0;
      display: block;
    }
    
    .contacto .margen .links .textos {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }
    
    .contacto .margen .links .textos strong {
      font-weight: bold;
      display: block;
      margin-left: -2.2rem;
    }
    
    .contacto .margen .links .textos span {
      font-weight: normal;
      display: block;
      font-size: 0.95em;
      padding-top: 2rem;
    }    
    .contacto .margen .conmutador {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem 0rem;
      border: solid 2px #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .contacto .margen .conmutador a {
      font-size: var(--i-c-a1);
      font-weight: 400;
      color: #000;
      text-decoration: none;
    }
    .bgw {
      background-color: #fff;
    }
    .bgw .margen {
      padding: 0rem 0rem;
    }
    .ptop {
      padding-top: 5rem;
    }
    .nosotros {
      position: relative;
    }
    .nosotros .margen {
      padding: 5rem 0rem;
      position: relative;
      z-index: 1;
      width: 1000px;
      margin: 0 auto;
    }
    .nosotros .margen .titulo {
      font-size: var(--i-n-titulo);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .titulo span {
      font-weight: 600;
      color: #fab52a;
    }
    .nosotros .margen .txt1 {
      margin-top: 2rem;
      font-size: var(--i-n-txt1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .txt1 span {
      font-weight: 400;
      color: #fab52a;
    }
    .nosotros .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
    .nosotros .margen .grid .box {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .nosotros .margen .grid .box img {
      display: block;
      width: 2rem;
    }
    .nosotros .margen .grid .box p {
      font-size: var(--i-n-p1);
      font-weight: 400;
      color: #fff;
    }
    .nosotros .margen .mv {
      margin-top: 8rem;
      background-color: #282828;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nosotros .margen .mv .txt {
      padding: 6rem 6rem;
      display: grid;
      gap: 4rem;
    }
    .nosotros .margen .mv .txt .b1 h2 {
      font-size: var(--i-n-h2);
      font-weight: 600;
      color: #fff;
    }
    .nosotros .margen .mv .txt .b1 p {
      font-size: var(--i-n-p2);
      font-weight: 400;
      margin-top: 1.5rem;
      color: #fff;
    }
    .nosotros .margen .mv .banner {
      height: auto;
      width: 100%;
      background-image: url(../img/nosotros.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .nosotros .bg {
      position: absolute;
      z-index: -1;
      top: 0rem;
      left: 0rem;
      height: 80%;
      width: 100%;
      background-color: #000;
    }
    .npad .margen {
      padding: 0rem 0rem;
    }
    @keyframes slide {
      from {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
      }
    }
    .cert .logos {
      height: 10rem;
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .cert .logos .logos-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      animation: 25s slide infinite linear;
      -webkit-animation: 25s slide infinite linear;
    }
    .cert .logos .logos-slide img {
      width: 10rem;
      margin: 0rem 3rem;
    }
    .cert .logos:hover .logos-slide {
      animation-play-state: paused;
    }
    .footer {
      margin-top: 7rem;
      background-color: #282828;
    }
    .footer .margen {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
      padding: 1rem 0rem 2rem 0rem;
    }
    .footer .margen .ac {
      grid-column: 1/2;
      grid-row: 1/2;
    }
    .footer .margen .ac a {
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .footer .margen .ac a img {
      display: block;
      width: 20rem;
    }
    .footer .margen .logo {
      grid-column: 2/3;
      grid-row: 1/2;
    }
    .footer .margen .logo a {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .footer .margen .logo a img {
      display: block;
      width: 8rem;
    }
    .footer .margen .redes {
      grid-column: 3/4;
      grid-row: 1/2;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .redes a img {
      width: 3rem;
    }
    .footer .margen .l1 {
      grid-column: 1/4;
      grid-row: 2/3;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 2rem;
    }
    .footer .margen .l1 a {
      font-size: var(--i-f-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
    }
    .footer .margen .line {
      grid-column: 1/4;
      grid-row: 3/4;
      height: 1px;
      width: 100%;
      background-color: #fff;
    }
    .footer .margen .logos {
      grid-column: 1/2;
      grid-row: 4/5;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 2rem;
    }
    .footer .margen .logos img {
      display: block;
      width: 8rem;
    }
    .footer .margen .logos .sz {
      width: 4.5rem;
    }
    .footer .margen .legal {
      grid-column: 2/4;
      grid-row: 4/5;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .footer .margen .legal p {
      font-size: var(--i-f-p1);
      font-weight: 400;
      color: #fff;
    }
    .footer .margen .legal p span {
      margin-left: 1rem;
    }
    .footer .margen .legal p .ph,
    .footer .margen .legal p .tb,
    .footer .margen .legal p .dm {
      display: none;
    }
    :root {
      --nos-cli-h2: 3.2rem;
    }
    .clientes {
      width: 1000px;
      margin: 0 auto;
      margin-top: 7rem;
    }
    .clientes h2 {
      font-size: var(--nos-cli-h2);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .clientes h2 span {
      font-weight: 600;
      color: #fab52a;
    }
    .clientes .cgrid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      gap: 1rem;
    }
    .clientes .cgrid .card {
      display: flex;
      justify-content: center;
      align-items: center;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 2rem 0rem;
      border: solid 1px rgba(204, 204, 204, 0.3);
      filter: grayscale(100%);
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
    }
    .clientes .cgrid .card img {
      width: 12rem;
    }
    .clientes .cgrid :hover {
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%);
    }
    :root {
      --g-m-h1: 4rem;
      --g-m-p1: 2rem;
      --g-m-a1: 2rem;
    }
    .mensaje {
      height: 70vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .mensaje .margen {
      width: 1000px;
      margin: 0 auto;
      padding-top: 13%;
    }
    .mensaje .margen h1 {
      font-size: var(--g-m-h1);
      font-weight: 400;
      text-align: center;
      color: #000;
    }
    .mensaje .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .mensaje .margen p {
      font-size: var(--g-m-p1);
      font-weight: 400;
      margin-top: 1rem;
      text-align: center;
      color: #000;
    }
    .mensaje .margen .btn {
      margin-top: 3rem;
      text-align: center;
    }
    .mensaje .margen .btn a {
      font-size: var(--g-m-a1);
      font-weight: 400;
      color: #fff;
      padding: 0.7rem 3rem;
      background-color: #000;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
      text-decoration: none;
    }
    :root {
      --s-s-h1: 4rem;
      --s-s-p1: 1.9rem;
      --s-s-h2: 2rem;
      --s-g-h2: 2rem;
    }
    .servicios {
      padding-bottom: 5rem;
      background-color: #282828;
    }
    .servicios .margen {
      width: 1000px;
      margin: 0 auto;
    }
    .servicios .margen h1 {
      font-size: var(--s-s-h1);
      font-weight: 400;
      color: #fff;
      margin-bottom: 1.5rem;
    }
    .servicios .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .servicios .margen .p1 {
      font-size: var(--s-s-p1);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid {
      margin-top: 4rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
    }
    .servicios .margen .grid .box a {
      display: grid;
      gap: 2rem;
      text-decoration: none;
    }
    .servicios .margen .grid .box a .p1 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p2 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p3 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p4 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p5 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p6 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p7 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p8 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p9 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p10 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .p11 {
      height: 25rem;
      width: 100%;
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .servicios .margen .grid .box a .txt {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .servicios .margen .grid .box a .txt h2 {
      font-size: var(--s-s-h2);
      font-weight: 400;
      color: #fff;
    }
    .servicios .margen .grid .box a .txt img {
      display: block;
      width: 2rem;
    }
    :root {
      --ts-t-h1: 4rem;
      --ts-t-p1: 2rem;
      --ts-t-p2: 2rem;
    }
    .template .margen {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .template .margen h1 {
      grid-column: 1/3;
      grid-row: 1/2;
      font-size: var(--ts-t-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .template .margen h1 span {
      font-weight: 600;
      color: #fab52a;
    }
    .template .margen .banner {
      grid-column: 1/2;
      grid-row: 2/3;
      margin-bottom: 4rem;
    }
    .template .margen .banner .animation {
      position: relative;
      height: 35vh;
    }
    .template .margen .banner .animation .box .slide {
      height: 35vh;
      width: 100%;
      position: absolute;
      opacity: 0;
      transition: opacity 1s ease-in-out;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .template .margen .banner .animation .box .s1 {
      background-image: url(../img/1_Guardias_intramuros_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s2 {
      background-image: url(../img/2_Custodia_ligera_y_unidades_de_reaccion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s3 {
      background-image: url(../img/3_Custodios_a_bordo_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s4 {
      background-image: url(../img/4_Patrullaje_dedicado_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s5 {
      background-image: url(../img/5_Custodia_de_mercancía_y_bienes_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s6 {
      background-image: url(../img/6_Unidad_canina_y_binomio_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s7 {
      background-image: url(../img/7_Tecnologia_de_rastreo_y_localizacion_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s8 {
      background-image: url(../img/8_Control_de_acceso_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s9 {
      background-image: url(../img/9_Cctv_monitoreo_beta.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s10 {
      background-image: url(../img/10_Vigilancia_aeroportuaria_betab.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .banner .animation .box .s11 {
      background-image: url(../img/11_Vigilancia_grandes_industrias_beta2.jpg);
      background-position: center center;
      background-position-y: 0rem;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .template .margen .txt {
      grid-column: 2/3;
      grid-row: 2/3;
      margin-left: 2rem;
    }
    .template .margen .txt p {
      font-size: var(--ts-t-p1);
      font-weight: 400;
      color: #000;
    }
    .template .margen .line {
      grid-column: 1/3;
      grid-row: 3/4;
      margin-top: 5rem;
      margin-bottom: 5rem;
      height: 2px;
      width: 100%;
      background-color: #fab52a;
    }
    :root {
      --nw-ng-h1: 4rem;
      --nw-ng-h3: 1.2rem;
      --nw-ng-h2: 2.5rem;
      --nw-ng-p1: 1.7rem;
    }
    .newsgrid .margen {
      width: 1000px;
      margin: 0 auto;
    }
    .newsgrid .margen h1 {
      font-size: var(--nw-ng-h1);
      font-weight: 400;
      color: #000;
      margin-bottom: 4rem;
    }
    .newsgrid .margen .grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem;
    }
    .newsgrid .margen .grid .box a {
      text-decoration: none;
    }
    .newsgrid .margen .grid .box a .portada img {
      display: block;
      justify-content: center;
      align-items: center;
      width: 100%;
      border-radius: 1rem 1rem 0rem 0rem;
      -webkit-border-radius: 1rem 1rem 0rem 0rem;
      -moz-border-radius: 1rem 1rem 0rem 0rem;
      -ms-border-radius: 1rem 1rem 0rem 0rem;
      -o-border-radius: 1rem 1rem 0rem 0rem;
    }
    .newsgrid .margen .grid .box a .txt {
      padding: 2rem 2rem;
      display: grid;
      gap: 2rem;
      background-color: #000;
      border-radius: 0rem 0rem 1rem 1rem;
      -webkit-border-radius: 0rem 0rem 1rem 1rem;
      -moz-border-radius: 0rem 0rem 1rem 1rem;
      -ms-border-radius: 0rem 0rem 1rem 1rem;
      -o-border-radius: 0rem 0rem 1rem 1rem;
    }
    .newsgrid .margen .grid .box a .txt h3 {
      font-size: var(--nw-ng-h3);
      font-weight: 400;
      color: #fab52a;
    }
    .newsgrid .margen .grid .box a .txt h2 {
      font-size: var(--nw-ng-h2);
      font-weight: 400;
      color: #fff;
    }
    .newsgrid .margen .grid .box a .txt h2 span {
      opacity: 0;
    }
    .newsgrid .margen .grid .box a .txt p {
      width: -moz-max-content;
      width: max-content;
      font-size: var(--nw-ng-p1);
      font-weight: 400;
      color: #000;
      padding: 0.7rem 3rem;
      background-color: #fab52a;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    :root {
      --tn-tn-dt: 1.2rem;
      --tn-tn-h1: 3.2rem;
      --tn-tn-p1: 1.9rem;
      --tn-tn-p2: 1.5rem;
      --tn-tn-a1: 1.5rem;
      --tn-tn-h2: 2.5rem;
      --tn-tn-p3: 1.9rem;
      --tn-tn-h3: 1.2rem;
    }
    .nmenu {
      padding: 1rem 0rem;
      background-color: #000;
    }
    .nmenu .margen {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .nmenu .margen .logo img {
      display: block;
      width: 7rem;
    }
    .nmenu .margen .close {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .nmenu .margen .close img {
      display: block;
      width: 2.5rem;
    }
    .templatenews .banner {
      height: 60vh;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .templatenews .b1 {
      background-image: url(../img/news/01/Banner.png);
    }
    .templatenews .b2 {
      background-image: url(../img/news/02/Banner.png);
    }
    .templatenews .b3 {
      background-image: url(../img/news/03/Banner.png);
    }
    .templatenews .b4 {
      background-image: url(../img/news/04/Banner.jpg);
    }
    .templatenews .contenido {
      padding: 5rem 0rem 0rem 0rem;
      background-color: #fff;
    }
    .templatenews .contenido .margen {
      width: 1000px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 0.3fr 1fr;
    }
    .templatenews .contenido .margen .dt {
      grid-column: 1/3;
      font-size: var(--tn-tn-dt);
      font-weight: 400;
      color: #fab52a;
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen h1 {
      grid-column: 1/3;
      font-size: var(--tn-tn-h1);
      font-weight: 400;
      margin-bottom: 3rem;
    }
    .templatenews .contenido .margen .p1 {
      grid-column: 1/3;
      font-size: var(--tn-tn-p1);
      font-weight: 400;
    }
    .templatenews .contenido .margen .menu {
      grid-column: 1/2;
      position: sticky;
      margin-top: 5rem;
      top: 10%;
      height: -moz-min-content;
      height: min-content;
      padding: 2rem 1rem;
      background-color: #000;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 2rem;
      margin-right: 2rem;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .menu .p2 {
      font-size: var(--tn-tn-p2);
      font-weight: 400;
      color: #fff;
      opacity: 0.5;
    }
    .templatenews .contenido .margen .menu a {
      font-size: var(--tn-tn-a1);
      font-weight: 400;
      color: #fff;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1rem;
    }
    .templatenews .contenido .margen .bloque {
      grid-column: 2/3;
      padding-top: 5rem;
      display: grid;
    }
    .templatenews .contenido .margen .bloque h2 {
      font-size: var(--tn-tn-h2);
      font-weight: 600;
    }
    .templatenews .contenido .margen .bloque .p3 {
      margin-top: 1.5rem;
      font-size: var(--tn-tn-p3);
      font-weight: 400;
    }
    .templatenews .contenido .margen .bloque .p3 a {
      color: #fab52a;
    }
    .templatenews .contenido .margen .bloque .photo {
      margin-bottom: 1.5rem;
    }
    .templatenews .contenido .margen .bloque .photo img {
      display: block;
      width: 100%;
      border-radius: 1rem;
      -webkit-border-radius: 1rem;
      -moz-border-radius: 1rem;
      -ms-border-radius: 1rem;
      -o-border-radius: 1rem;
    }
    .templatenews .contenido .margen .bloque .photo h3 {
      font-size: var(--tn-tn-h3);
      font-weight: 400;
      opacity: 0.3;
    }
    .templatenews .contenido .margen .bg {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
    .banner {
        width: 50%;
        max-width: 1300px;
        margin: 0 auto;
        padding-top: 3rem;
    }

  } /*# sourceMappingURL=custom-styles.css.map .banner{width: 100%; max-width: 1000px; margin: 0 auto; padding-top: 3rem; */