.bg {
      opacity: 0;
      transition: opacity 1s;
      -webkit-transition: opacity 1s;
    }
    .bg-loaded {
      opacity: 1;
    }
    a:hover {
      color: darkcyan !important;
    }

    #banner-723108370 .bg.bg-loaded {
      background-image: url('/assets/img/banner.png');
      width: 100%;
      /* height: 60vh; */
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }
    @media (min-width:390px) {
      #banner-723108370 {
        background-image: url('/assets/img/banner.png');
        /* padding-top: 700px; */
        width: 100%;
        height: 60vh;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size:cover;
      }
      #video_play{
        width: 400px;
      }
    }
    @media (min-width:360px) {
      #banner-723108370 {
        background-image: url('/assets/img/banner.png');
        /* padding-top: 700px; */
        width: 100%;
        height: 40vh;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size:contain;
      }
      #video_play{
        width: 340px;
      }
    }
    @media (min-width:850px) {
      #banner-723108370 {
        background-image: url('/assets/img/banner.png');
        padding-top: 750px;
        width: 100%;
        height:60vh;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      #video_play{
        min-width: 550px;
      }
      #banner-723108370 .overlay {
        background-color: rgba(255, 255, 255, 0);
        width: 100%;
        height:60vh;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
    }
.zalo-chat-widget{
  align-items: flex-end !important;
  width: 300px !important;
  margin-right: -2.3em !important;
 
      margin-bottom: 2em;
}
    #section_431378219 {
      padding-top: 0px;
      padding-bottom: 0px;
    }

    #text-box-777315398 {
      width: 90%;
    }
    #text-box-777315398 .text {
      font-size: 140%;
    }
    @media (min-width:550px) {
      #text-box-777315398 {
        width: 90%;
      }
    
      #text-box-777315398 .text {
        font-size: 100%;
      }
    }
    @media (min-width:850px) {
      #text-box-777315398 {
        width: 45%;
      }
     
    }

    .sign_t {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50%;
      height: 50%;
      background-image: radial-gradient(ellipse 50% 35% at 50% 50%,
          #6b1839,
          transparent);
      transform: translate(-50%, -50%);
      letter-spacing: 2;
      left: 50%;
      top: 50%;
      font-family: "Clip";
      text-transform: uppercase;
      text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
        -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
        0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      animation: shine 2s forwards, flicker 3s infinite;
    }
    @keyframes blink {
      0%,
      22%,
      36%,
      75% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
      28%,
      33% {
        color: #ff65bd;
        text-shadow: none;
      }
      82%,
      97% {
        color: #ff2483;
        text-shadow: none;
      }
    }
    .flicker_t {
      animation: shine 2s forwards, blink 3s 2s infinite;
    }
    .fast-flicker_t {
      animation: shine 2s forwards, blink 10s 1s infinite;
    }
    @keyframes shine {
      0% {
        color: #6b1839;
        text-shadow: none;
      }
      100% {
        color: #ffe6ff;
        text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
          -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
          0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
      }
    }
    @keyframes flicker {
      from {
        opacity: 1;
      }
      4% {
        opacity: 0.9;
      }
      6% {
        opacity: 0.85;
      }
      8% {
        opacity: 0.95;
      }
      10% {
        opacity: 0.9;
      }
      11% {
        opacity: 0.922;
      }
      12% {
        opacity: 0.9;
      }
      14% {
        opacity: 0.95;
      }
      16% {
        opacity: 0.98;
      }
      17% {
        opacity: 0.9;
      }
      19% {
        opacity: 0.93;
      }
      20% {
        opacity: 0.99;
      }
      24% {
        opacity: 1;
      }
      26% {
        opacity: 0.94;
      }
      28% {
        opacity: 0.98;
      }
      37% {
        opacity: 0.93;
      }
      38% {
        opacity: 0.5;
      }
      39% {
        opacity: 0.96;
      }
      42% {
        opacity: 1;
      }
      44% {
        opacity: 0.97;
      }
      46% {
        opacity: 0.94;
      }
      56% {
        opacity: 0.9;
      }
      58% {
        opacity: 0.9;
      }
      60% {
        opacity: 0.99;
      }
      68% {
        opacity: 1;
      }
      70% {
        opacity: 0.9;
      }
      72% {
        opacity: 0.95;
      }
      93% {
        opacity: 0.93;
      }
      95% {
        opacity: 0.95;
      }
      97% {
        opacity: 0.93;
      }
      to {
        opacity: 1;
      }
    }
    .text-shadow {
      font-style: italic;
      text-shadow: 2px 2px 10px blue;
      transition: all 0.5s ease-in-out;
      text-align: center;
      animation: flicker 0.5s ease-in-out infinite alternate;
    }
    .text-shadow :hover {
      color: #1ec8c8;
    }
    .tags small {
      @media (max-width: 768px) {
        font-size: 0.5em;
      }
    }
    @keyframes flicker {
      0% {
        opacity: 0.5;
        text-shadow: 2px 2px 10px white;
      }
      100% {
        opacity: 1;
        text-shadow: 2px 2px 20px white;
      }
    }
    .star {
      /* box-shadow: 0px 0px 2px 3px rgba(255, 255, 255, 0.2); */
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 0px;
      background-color: #7bd9ea;
    }
    /*whatapp*/
    /*Estilos generales del boton whatsapp*/
    .whatsapp-btn {
      position: fixed;
      bottom: 10em;
      right: 1.2em;
      z-index: 9999;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #25D366;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      animation: breathe 2s ease-in-out infinite;
    }
    .back-to-top{
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }
    .zalo-btn {
      position: fixed;
      bottom: 3.8em;
      right: 15px;
      z-index: 9999;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      animation: breathe 2s ease-in-out infinite;
    }
    /*Estilos solo al icono whatsapp*/
    .whatsapp-btn i {
      color: #fff;
      font-size: 24px;
      animation: beat 2s ease-in-out infinite;
      text-decoration: none;
    }
    /*Estilos con animation contorno respirando*/
    @keyframes breathe {
      0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
      }
      70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
      }
      100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
      }
    }
    /*Estilos de animacion del icono latiendo*/
    @keyframes beat {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.2);
      }
      100% {
        transform: scale(1);
      }
    }
    /* end whatapp */