/* Eventos360 legacy gallery styles extracted from index.php without changing selectors. */

.bi {



      vertical-align: -.2em;



      fill: currentColor;



    }



    .b-example-divider {



      height: 3rem;



      background-color: rgba(0, 0, 0, .1);



      border: solid rgba(0, 0, 0, .15);



      border-width: 1px 0;



      box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);



    }



    .fondo-celeste {



      left: 0;



      width: 100%;



      /*background: #3a7fd5;



    background: linear-gradient(to right, #3a7fd5, #6ebce2);



    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);*/



      /*background: #a233ac;

    background: linear-gradient(to right, #a23ad5, #e26ed6);

    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);*/



      background-image: url('/body-bg.jpg');



      width: 100%;

      background-size: cover;

      background-position: center;

      background-repeat: no-repeat;



      /*background: linear-gradient(to right, #a23ad5, #e26ed6);

    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);*/



    }





    .btn-a-g {



      top: 1em !important;



      left: 1em !important;



    }



    .btn-a-g2 {



      top: 1em !important;



      left: 4em !important;



    }



    .btn-a-g3 {



      top: 1em !important;



      left: 7em !important;



    }



    .sombra-txt {



      text-shadow: 1px 1px 1px #000000;



    }



    .texto-logo {



      font-size: 1.3em !important;



      font-weight: 100 !important;



      letter-spacing: 1px;



      color: white !important;



    }



    .link-red-social {



      opacity: 0.5;



      transition: opacity 0.3s;



    }



    .link-red-social:hover {



      opacity: 1;



    }



    .divqr {



      display: block;



      position: absolute;



      top: 40%;



      background-color: white;



      border: 7px solid #00b2ff;



      border-radius: 15px;



      margin-left: 1.5rem;



      padding: 0.2rem;



      z-index: 100;



      left: 0%;



    }



    .fondoAzul {



      background-image: url("https://cdn.eventos360.vip/sub-videos/background/nube2.jpg");



      background-size: cover;



      background-position: center;



      height: 150px;



    }



    .timg-1 {



      top: 50%;



      left: 50%;



      transform: translate(-50%, -50%);



      z-index: 10;



    }



    .timg-2 {



      top: 45%;



      left: 25%;



      transform: translate(-50%, -50%);



    }



    .timg-3 {



      top: 55%;



      left: 75%;



      transform: translate(-50%, -50%);



    }



    h1 {

      font-family: 'ProductSans' !important;

    }

    h2 {

      font-family: 'ProductSans' !important;

    }

    h3 {

      font-family: 'ProductSans' !important;

    }

    h4 {

      font-family: 'ProductSans' !important;

    }

    h5 {

      font-family: 'ProductSans' !important;

    }

    p {

      font-family: 'ProductSans' !important;

    }



    .container {

      max-width: 100%;

      padding-right: 3%;

      padding-left: 3%;

    }



    .p-3 {

      padding: 30px !important;

    }



    .rounded {

      border-radius: 15px !important;

    }



    #listaEventos {

      background-color: #5f62fb !important;

      background-color: #5f62fb75 !important;

      background-color: transparent !important;

      padding: 0px !important;

      display: block !important;

    }



    .col-lg-12 {

      /*padding-right: calc(var(--bs-gutter-x)* .5) !important;

    padding-left: calc(var(--bs-gutter-x)* .5) !important;*/

    }



    .cblue {

      background-image: url(/banner-bg.png);

      padding: 30px;

      border-radius: 15px;

      background-size: cover;

      /* background-position: center; */

      background-repeat: no-repeat;

    }



    .cwhite {

      background: #fff;

      display: block;

      justify-content: space-between;

      align-items: center;

      gap: 20px;

      border-radius: 8px;

      position: relative;

      border-bottom: 2px solid #f539f8;

      box-shadow: 0 0 5px #0000000d;

      padding: 2.25rem;

      /*padding-right: calc(var(--bs-gutter-x)* .5) !important;

    padding-left: calc(var(--bs-gutter-x)* .5) !important;*/

    }



    .titulo {

      color: #5356fb;

      color: white;

      text-align: left;

      line-height: normal !important;

      font-size: 40px;



      font-size: 26px;

      line-height: 32px;

      font-family: 'ProductSansBold';

      font-weight: 700;

      line-height: 140%;

      color: #374557 !important;

      text-align: left !important;

      margin-bottom: 5px;

    }

    .parrafo {

      color: #374557;

      color: white;

      text-align: left;

      line-height: normal !important;

      color: #878f9a;

      margin: 0;

      font-size: 16px;

      letter-spacing: .025em;

      margin-bottom: 0px !important;

    }

    .subtitulo {

      font-family: 'ProductSansBold' !important;

      font-size: 36px;

      line-height: 32px;

      text-transform: uppercase;

      margin-bottom: 25px;

      margin-top: 10px;

      height: 50px;



      font-size: 26px;

      line-height: 32px;

      font-family: 'ProductSansBold';

      font-weight: 700;

      line-height: 140%;

      color: #374557 !important;

      text-align: left !important;

      margin-bottom: 0px;

    }



    .card {

      border-radius: 15px;

      overflow: hidden;

      padding: 12px;

      border: 0px;

    }

    .card-img-top {

      border-radius: 15px;

    }

    .card-body {

      padding-left: 0px;

      padding-right: 0px;

      padding-bottom: 0px !important;

      height: 180px;

    }

    .card-title {

      font-family: 'ProductSansBold' !important;

      font-weight: 700;

      line-height: 140%;

      color: #374557;

      transition: all 0.3s ease;

      margin-bottom: 5px;

    }

    .card-text {

      color: #878f9a;

      font-size: 14px;

      line-height: 18px;

      margin: 0;

      letter-spacing: .025em;

      margin-bottom: 10px;

    }

    .card .boton {

      display: block;

    }

    .text-body-secondary {

      text-align: right;

      width: 100%;

      display: block;

      margin-top: 10px;

      color: #0a58ca !important;

      font-weight: 700;

      font-size: 14px;

      /*position: absolute;

    bottom: 15px;

    right: 20px;*/

    }

    .card-footer {

      margin-left: -12px;

      margin-right: -12px;

      margin-bottom: -12px;

    }

    .ablue {

      color: #0a58ca;

      font-size: 14px;

      font-weight: 700;

      text-decoration: none;

    }





    .navbar {

      background-color: #cfcccc3b;

      /* background-color: rgba(239, 237, 254, .6); */

      width: 100%;

      display: flex;

      padding-left: 3%;

      padding-right: 3%;

      border-bottom: 1px solid rgba(83, 86, 251, .16);

    }



    .navbar-brand svg {

      margin: 10px !important;

    }



    .mt0 {

      margin-top: 0px !important;

    }



    .drelative {

      position: absolute;

      bottom: 15px;

      width: calc(100% - 24px);

    }



    .boton {

      background: #F539F8;

      color: #fff;

      padding: 6px 10px;

      font-size: 14px;

      line-height: 26px;

      border-radius: 50px;

      text-decoration: none;

      display: inline-block;

      text-align: center;

      font-weight: 500;

      font-family: 'ProductSans';

      -webkit-transition: all 0.4s ease;

      transition: all 0.4s ease;

      margin-bottom: 15px;

    }



    .boton:hover {

      background: #5356fb;

    }



    .dflex {

      display: flex;

    }



    #divListarEvento {

      margin-top: 3rem !important;

    }





    @font-face {

      font-family: 'ProductSans';

      src: url(/ProductSansRegular.ttf);

    }



    @font-face {

      font-family: 'ProductSansBold';

      src: url(/ProductSansBold.ttf);

    }





    #listaEventos {

      width: 100%;

      box-shadow: none !important;

    }



    #listaEventos>.row.g-3 {

      width: 100%;

    }



    #listaEventos .col-2 {

      width: 20%;

    }



    .col-eventos {

      /*padding-left: 0px !important;

    padding-right: 0px !important;

    padding-right: calc((var(--bs-gutter-x)* .5) - 1%) !important;

    padding-left: calc((var(--bs-gutter-x)* .5) - 1%) !important;*/

      background: transparent;

      box-shadow: none;

      border-radius: 0px;

    }



    .col-eventos .row.g-3 {

      --bs-gutter-y: 0px;

      --bs-gutter-x: 0px;

      width: 100%;

      background: transparent;

      box-shadow: none;

      border-radius: 0px;

    }



    /*.col-4 {    

    padding: 1%;

    width: 20%;

  }*/



    .glow {

      font-size: 60px;

      color: #fff !important;

      text-align: center !important;

      animation: glow 1s ease-in-out infinite alternate;

      line-height: 60px;

      margin-bottom: 40px;

      margin-top: 60px;

    }



    .p12 {

      padding: 12px !important;

    }

    .br15 {

      border-radius: 15px !important;

    }



    .dcenter {

      text-align: center;

      margin: auto;

      position: absolute;

      top: 12px;

      width: calc(100% - 24px);

      display: block;

    }



    .dcenter button {

      height: 35px;

      width: 50px;

      cursor: pointer;

    }



    .boton {

      cursor: pointer;

    }



    .fleft {

      float: left;

    }

    .fright {

      float: right;

    }



    .ver-video {

      border: var(--bs-btn-border-width) solid #ffffff;

      background-color: #ffffff;

    }

    .ver-video:hover {

      border: var(--bs-btn-border-width) solid white;

      background-color: white;

      opacity: 1 !important;

    }



    .descargar-video {

      background-color: rgb(13 202 240 / 69%) !important;

    }

    .descargar-video:hover {

      background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;

    }



    .enviar-whatsapp {

      background-color: rgb(25 135 84 / 75%) !important;

    }

    .enviar-whatsapp:hover {

      background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;

    }



    .copiar-enlace {

      background-color: rgb(13 110 253 / 60%) !important;

    }

    .copiar-enlace:hover {

      background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;

    }



    .navbar-brand {

      margin: auto;

    }



    .jc {

      justify-content: center !important;

    }



    @-webkit-keyframes glow {

      from {

        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;

      }

      to {

        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;

      }

    }



    .w100 {

      width: 100%;

    }



    .w100-2 {

      /*width: calc(100% +(var(--bs-gutter-x)* 1));*/

      width: calc(100% + var(--bs-gutter-x)* 1);

    }



    .ul-footer {

      width: 100%;

      max-width: 200px;

      justify-content: center !important;

      margin: auto;

      margin-bottom: 10px;

    }

    .ul-footer>li {

      margin: auto !important;

    }



    .page-info p {

      line-height: normal !important;

      color: #878f9a;

      margin-top: 40px;

      float: right;

    }



    .trending-action__slider {

      position: relative;

      display: block;

      box-sizing: border-box;

      margin-top: -20px;

    }

    .Prev.slick-arrow {

      right: 55px !important;

      position: absolute;

      top: -20px;

      width: 40px;

      height: 40px;

      line-height: 40px;

      padding: 0;

      border-radius: 100%;

      font-size: 25px;

      border: none;

      right: 0;

      background: #EFD2FC;

      color: #7750FA;

      padding: 0px;

    }

    .slick-arrow>svg {

      margin-top: -5px;

      margin-left: 15px;

    }

    .Next.slick-arrow {

      position: absolute;

      top: -20px;

      width: 40px;

      height: 40px;

      line-height: 40px;

      padding: 0;

      border-radius: 100%;

      font-size: 25px;

      border: none;

      right: 0;

      background: #EFD2FC;

      color: #7750FA;

      background: linear-gradient(134.38deg, #f539f8, #c342f9 43.55%, #5356fb 104.51%) !important;

      color: #fff;

    }



    @media only screen and (max-width: 960px) {

      #listaEventos .col-4 {

        width: 33.33%;

      }

      #listaEventos .col {

        width: 33.33%;

      }

    }



    @media only screen and (max-width: 720px) {

      #listaEventos .col-4 {

        width: 50%;

      }

      #listaEventos .col {

        width: 50%;

      }

      .glow {

        font-size: 45px;

      }



      .dcenter button {

        height: 24px;

        width: 31px;

      }

      #listaEventos {

        margin-top: 30px;

      }

    }





    @media only screen and (max-width: 480px) {

      .card-title {

        font-size: 17px;

      }

      .glow {

        font-size: 35px;

      }

    }



    @media only screen and (max-width: 360px) {

      .card-title {

        font-size: 14px;

      }

      .glow {

        font-size: 30px;

      }

    }


/* Footer legacy styles. */
/* Filtro para hacer el logo en blanco y negro */

        .logo-svg {

          filter: grayscale(100%) brightness(2);

          transition: filter 0.3s ease;

        }



        /* Estilo del texto en magenta */

        .texto-footer {

          color: magenta;

          opacity: 0.5;

          transition: color 0.3s ease, opacity 0.3s ease;

          font-family: "Poppins", sans-serif;

          font-weight: 700;

        }



        /* Cambiar el tono del logo y texto al pasar el mouse */

        .link-red-social:hover .logo-svg {

          filter: grayscale(0%) brightness(1.2);
          /* Cambia a un tono ligeramente más claro al pasar el mouse */

        }



        .link-red-social:hover .texto-footer {

          color: #ff66ff;
          /* Cambia el color del texto a un tono más claro de magenta */

          opacity: 0.8;
          /* Aumenta la opacidad del texto */

        }