@font-face {
      font-family: "Raleway";
      src: url("/fonts/Raleway-Regular.ttf");
    }
@font-face {
      font-family: "Raleway-SemiBold";
      src: url("/fonts/Raleway-SemiBold.ttf");
    }
@font-face {
      font-family: "Raleway-Bold";
      src: url("/fonts/Raleway-Bold.ttf");
    }
@font-face {
      font-family: "PTS-bold";
      src: url("/fonts/PTSansNarrow-Bold.ttf");
    }
.ptsBold{
    font-family: "PTS-bold";
}
@font-face {
      font-family: "PTS-regular";
      src: url("/fonts/PTSansNarrow-Regular.ttf");
    }
.pts{
    font-family: "PTS-regular";
}
@font-face {
      font-family: "Poppins-Black";
      src: url("/fonts/Poppins-Black.ttf");
    }
.Poppins-Black{
      font-family: "Poppins-Black";
}
@font-face {
      font-family: "Poppins-Bold";
      src: url("/fonts/Poppins-Bold.ttf");
    }
.Poppins-Bold{
      font-family: "Poppins-Bold";
}
@font-face {
      font-family: "Poppins-BoldItalic";
      src: url("/fonts/Poppins-BoldItalic.ttf");
    }
.Poppins-BoldItalic{
      font-family: "Poppins-BoldItalic";
}
@font-face {
      font-family: "Poppins-BlackItalic";
      src: url("/fonts/Poppins-BlackItalic.ttf");
    }
.Poppins-BlackItalic{
      font-family: "Poppins-BlackItalic";
}
@font-face {
      font-family: "shadow";
      src: url("/fonts/ShadowBoxing-HeavyOblique.ttf");
    }
@font-face {
      font-family: "slide";
      src: url("/fonts/SlidehackScript.otf");
    }
@font-face {
      font-family: "poppinsRegular";
      src: url("/fonts/Poppins-Regular.ttf");
    }
@font-face {
      font-family: "poppinsLight";
      src: url("/fonts/Poppins-Light.ttf");
    }
@font-face {
      font-family: "magistral2025";
      src: url("/fonts/Quinn-Bold.ttf");
    }    

body {
    font-family: "Raleway";
    font-size: 16px;
    line-height: 19px;
}
strong{
    font-family: "Raleway-Bold";
}
/*header*/
.navbar-inverse .navbar-nav>li>.active{
    color:#ffffff;
    font-weight: bold;
    display: inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.navbar-inverse .navbar-nav>li>.notActive{
    color:#666666;
    font-weight: normal;
    display: inline-block;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  background-color: #0a2240 !important;
  height: 70px !important;
}
.navbar-inverse {
  background-color: #0a2240 !important;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.container-fluid {
    width: 100% !important;
    max-width: 1140px;
    margin: 0 auto;
}
.container-fluid2 {
    width: 100% !important;
    max-width: 1320px;
    margin: 0 auto;
}
.navbar-brand {
    padding: 10px 15px !important;
}
.col31{
  width: 19% !important;
}
.col33{
  width: 26% !important;
}
.col32{
  width: 57% !important;
  display: flex;
  justify-content: center;
}
#switcher{
  opacity: 0;
  position: absolute;
}
#btnSwitcher{
    border: 0 transparent;
    background: transparent;
}
#logo{
  height: 50px;
  width: auto;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
    font-size: 14px;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #ffcd00;
}
.navbar-nav>li>a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.overFB:hover{
    color:#3b5998 !important;
}
.overIG:hover{
    color:#3f729b !important;
}
.overTW:hover{
    color:#000000 !important;
}
.overYT:hover{
    color:#c4302b !important;
}
.overTT:hover{
    color:rgb(234, 68,90) !important;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
/*Sub-menu*/
#myNavbar > ul > li:hover > ul {
    display:block;
    height:100%;
    border-top: 2px solid #ffcd00;
}
#myNavbar > ul > li > ul {
    display:block;
    position:absolute;
    background: #0a2240 !important;
    width: max-content;
    left: -12vw;
    
    right:0;
    overflow:hidden;
    height: 0%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
}

/*!header*/
/*!footer*/
#btnFlotante{
    position: fixed;
    width: 60px;
    height: 60px;
    left: 20px;
    bottom: 20px;
    z-index: 10000
}
#btnFlotante img{
    height: auto;
    max-width: 100%;
}
footer{
  background-color: #0a2240 !important;
}
footer img{
  height: auto;
  margin-top: 30px;
}
.cajaF2025{
    width: 80%;
    height: auto;
    max-width: 333px;
    margin: 0 auto;
}
.sender-subs-embed-form-e0Xx5e .sender-form-box {
    background-color: transparent;
}
/*!footer*/
.row.content {
  height: 450px
}
.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
}
footer {
  background-color: #555;
  color: white;
  padding: 15px;
  margin-right: 0px !important;
    margin-left: 0px !important;
}
.footercrbsp{
    background-color: #000000;
    color: #ffffff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.text-white {
    color: #fff!important;
}
.pblanco{
    font-size: 12px;
    line-height: 22px;
    padding-left: 0.5rem!important;
    padding-right: 1rem!important;
    margin-top: 10px;
}
.pblanco2{
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}
hr {
    height: 1px;
}
.colcentro{
    padding: 4rem !important;
}
.selectCentro{
    border-radius: 50px;
    padding-left: 1.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    display: block;
    width: 100%;
    -moz-padding-start: calc(0.75rem - 3px);
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(/img/flecha.png);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.footer2Centro{
    background-color:#333
}
.footer2Centro div{
    padding: 1rem;
    padding-left: 2rem;
    font-family: 'Raleway-SemiBold' !important;
}
.sender-subs-embed-form-e0Xx5e .sender-form-input {
    color: #000000 !important;
}
/*!Footer*/
/*HOME*/
#bannerPrincipal{
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}
#bannerJome {
    height: 90vh;
    margin-top: -10vh;
}
#bannerJome2 {
    height: 90vh;
    margin-top: -10vh;
}
.btn {
    font-family: 'Raleway' !important;
    display: inline-block !important;
    margin: 0 auto !important;
    font-size: 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    color: #000 !important;
    background-color: #ffcd00 !important;
    padding: 10px 25px !important;
    border-radius: 25px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.boletos2023{
    margin-top: 60px;
    margin-bottom: 30px;
}
.boletos2023 a{
    color: #000000;
}
.txtBlanco {
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    padding: 30px;
}
.txtBlanco p{
    margin: 20px;
}
.txtBlanco2 {
    text-align: left;
    font-family: 'Raleway-SemiBold' !important;
    color: #000000;
    max-width: 90%;
    margin: 0 auto;
    padding: 30px;
}
.txtBlanco2 p{
    margin: 20px;
}
.text-title-white {
    border-bottom: 3px solid #52317F;
    max-width: fit-content;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px;
}
.text-title-white2 {
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
    max-width: fit-content;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px;
    margin: 30px;
}
.text-title-black {
    color: #000000;
    border-bottom: 3px solid #000000;
    max-width: fit-content;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px;
    margin: 30px;
}
.comenzara{
    text-align: center; color: #ffffff;
}
.filaNegra{
    background-color: #000000;
}
.fondoAzul{
    background-color: #0a2240;
    padding: 20px !important;
}
.rowCounter{
    margin: 0 auto;
    text-align: center;
}
#boletos{
    max-width: 83% !important;
}
.cajaBoletos{
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.boleto{
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    padding: 30px;
    font-size: 40px;
    font-weight: bold;
}
.Brojo{
    background-color: rgba(219, 70, 65);
}
.Bverde{
    background-color: rgba(75, 165, 98);
}
.Bazul{
    background-color: rgba(50, 100, 209);
}
.Bamarillo{
    background-color: rgba(246, 214, 82);
}
.precio{
    padding: 40px 15px;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff;
    color: #000000;
    font-size: 60px;
    margin-bottom: 20px;
}
.precio ul li, .precio2025 ul li{
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin-bottom: 10px;
}
.precio ul, .precio2025 ul{
    padding-left: 15px;
    margin-top: 15px;
}
.agotados{    
    background-color: red;
    position: absolute;
    width: 100%;
    clip-path: polygon(124% 0%, 86% 0%, -1% 89%, -2% 110%, 15% 99%, 100% 13%);
    bottom: 0px;
    height: 100%;
}
.agotados span {
    transform: rotate(-58deg);
    color: white;
    position: absolute;
    top: 43%;
    left: 42%;
    font-size: 23px;
    font-weight: bold;
}
.btn-primary {
    margin-top: 20px; 
    color: #fff;
    background-color: #0a2240;
    border-color: #0a2240;
}
.btn-secondary {
    color: #000;
    background-color: #ffcd00;
    border-color: #ffcd00;
}
.fondoAzul .w-btn.style_solid {
    margin-bottom: 0px;
}
.filaDePonentes h2 {
    font-size: 20px;
    background-color: rgb(248, 248, 3);
    background-image: linear-gradient(90deg, rgba(255,255,254,1) 10%, rgba(255,205,0,1) 100%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.categoryPon {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin: 0.15rem;
    padding: 0 0.8rem;
    border-radius: 5rem;
    border: none !important;
    color: #fff !important;
}
.ponenteCaja{
    margin: 13px;
    width: 255px !important;
    background-image: url("/~festiv2/wp-content/uploads/fondo_conf.jpeg");
    background-color: transparent !important;
    background-size: cover;
	background-position: center top;
	border: solid 1px white;
}
.ponenteCaja a{
	color: #a3a3a3;
}
.imgPonenteInd{
    width: 100%;
    -webkit-filter: 
    grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
}
.imgPonenteInd2{
    width: 100%;
}
.imgPonenteInd3{
    width: 100%;
    margin: 0 auto;
}
.imgPonenteInd:hover{ 
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}
.cuerpoPonenteListado {
    height: 265px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.cajaRRSSponente{
    height: 100%;
    position: relative;
    bottom: 0px;
}
.colorFB, .colorIG, .colorTW, .colorYT{
    padding-right: 18px;
    font-size: 24px;
    line-height: 32px;
}
.colorFB{
    color:#3b5998;
}
.colorIG{
    color:#3f729b;
}
.colorTW{
    color:#000000;
}
.colorYT{
    color:#c4302b;
}
.colorWEB{
    color:#000000;
}
.videoPlayer{
    color: rgba(255, 255, 255, 0.6);
    font-size: 150px;
    position: absolute;
    transform: translate( -50%, -50%);
    top: 50%;
    left: 50%;
}
.playerPonente{
    cursor: pointer;
}
#shadow{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
}
#cajaPLayer{
    display: none;
    position: fixed;
    top: 75px;
    left: 10vw;
    width: 80vw;
    height: 80vh;
    z-index: 1000;
    border-radius: 20px;
    background-color: white;
}
#tache{
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1001;
    background-color: #0a2240 !important;
    color: #ffffff;
    font-size: 30px;
    line-height: 35px;
    padding: 5px 20px 10px 20px;
    border-radius: 30px;
    cursor: pointer;
}
/*countdown*/
#demo{
	margin: 0 auto;
	bottom: 10vh;
	color: #ffffff;
	text-align: center;
    width: fit-content;
}
#conteDate {
    background-color: #414141;
    border-radius: 15px;
    padding: 10px 10px 0 10px;
    width:fit-content
}

.cajaDate {
    color: #ffffff;
    display: inline-block;
    text-align: center;
    margin:0 10px
}

.cajaInterna {
    background: radial-gradient(circle, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%);
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #000000;
    font-size: 25px;
    font-weight:bold
}
.mini {
    font-size:11px
}
/*!HOME*/
/*CARRUSEL DE PATROCINADORES*/
#barraNegra{
    height: 200px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(134,134,134,1) 50%, rgba(0,0,0,1) 100%);
}
#cuerpo {
align-items: center;
display: flex;
justify-content: center;
width:100%;
background-color: #ffffff;
text-align: center;
z-index: 999;
position: relative;
} 
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-250px * 7));
transform: translateX(calc(-250px * 7));
}
}
.slider {
height: 180px;
overflow: hidden;
position: relative;
width: 100%;
}
.slider::before, .slider::after {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
content: "";
height: 250px;
position: absolute;
width: 200px;
z-index: 2;
}
.slider::after {
right: 0;
top: 0;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.slider::before {
left: 0;
top: 0;
}
.slider .slide-track {
-webkit-animation: scroll 40s linear infinite;
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}
.slider .slide {
height: 100px;
width: 250px;
}
.slide a img{
    height: 180px;
    width: auto;
}
.filaPatrocinadores{
    margin: 0 auto;
    width: 100%;
    max-width: 1110px;
    text-align: center;
}
.colPatros{
    width: 16% !important;
    display: inline-block !important;
    float: none !important;
}

/*Contacto*/
.cuerpoContacto{
    background-image: url(/wp-content/uploads/count-down-01-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: -20px;
}
.iconoFlotante{
    width: 30%;
    height: auto;
}
.conteForm{
    width: fit-content;
    margin: 0 auto;
}
.mouse_move {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 350px;
}
.mouse_move h2 {
    position: relative;
    font-size: 100px;
    color: white;
}
.mouse_move img {
    position: absolute;
}
#img1 {
    top: 8px;
    left: 150px;
    height: 150px;
    width: auto;
}
#img2 {
    bottom: -8px;
    left: 20px;
    height: 120px;
    width: auto;
}
#img3 {
    bottom: 20px;
    right: 80px;
    height: 100px;
    width: auto;
  }
.conteForm form input{
      width: 100%;
      margin-bottom: 5px;
  }
.btnEnviar:hover{
    background-color: #ffcd00;
    color: #ffffff;
}
/*Termina contacto*/
/*EMPIEZA PONENTES TARJETA CIRCULO*/
.imgPonenteCirculo{
    border-radius: 50%;
    box-shadow: 0 0.25rem 0.25rem rgb(0 0 0) !important;
    width: 100%;
    height: auto;
    margin-bottom: 1.5rem;
}
.nombrePonenteCir{
    font-size: 18px;
    color: #000000;
}
.jobPonenteCir{
    font-size: 16px;
    color: #ffffff;
}
.contenedorFiltros{
    padding-bottom: 20px;
    padding-top: 15px;
    margin: 0 auto;
    text-align: center;
    background: #f3f3f3;
}
.nuevoSelect{
    width: 200px;
    height: 40px;
    border-radius: 0px;
    margin: 0 auto;
}
.cajanio{
    position: absolute;
    bottom: 14px;
    width: 60%;
    color: #ffffff;
    left: 0px;
    right: 0px;
    text-align: center;
    border-radius: 11px;
    margin: 0 auto;
    font-size: 11px;
}
.color2022{
    background-color: rgba(0, 0, 0, 0.5);
}
.color2023{
    background-color: rgba(176, 29, 68, 0.5);
}
.color2024{
    background-color: rgba(26, 43, 82, 0.5);
}
.color2025{
    background-color: rgba(251, 243, 215, 1);
    color: #000000;
}
/*TERMINA PONENTES TARJETA CIRCULO*/
/*EMPIEZA VIDEOS*/
.ponenciaVideo{
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.ponenteVideo{
    color: #ffcd00;
    font-size: 18px;
    line-height: 28px;
}
.cajaTxtVideo{
    padding: 0 15px;
}
#cajaPLayer2{
    width: 100%;
    height:70vh;
}
.imgRecomend{
    width: 90%;
    height: auto;
}
.cajaVideo3{
    border-left: 1px solid #0a2240;
    border-right: 1px solid #0a2240;
}
.cajaPonents{
    background-color: #000000;
    width: 30% !important;
    height: 289px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 15px !important;
}
/*TERMINA VIDEOS*/
/*PROGRAMA*/
#programa{
    padding: 20px !important;
}
#filaProg{
    border-bottom: 2px solid #000000;
}
.ColNegra{
    background-color: #000000;
    margin: 0px 1.666666%;
    padding: 30px 15px;
    border-radius: 8px;
    width: 30% !important;
}
.diaPrograma{
    float: left;
    color: #ffffff;
    font-size: 80px;
    line-height: 70px;
}
.diaPrograma2{
    float: left;
    color: #ffffff;
    font-size: 30px;
    line-height: 35px;
}
.mesPrograma{
    color: rgba(81, 173, 225);
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
}
.ponenteP{
    color: #ffffff;
    font-weight: bold;
}
.ponenciaP{
    color: #f2f2f2;
}
.filaProg .vc_col-sm-4 {
    width: 30% !important;
}
.g-cols.type_default {
    margin: 0 auto !important;
}
table{
    font-size: 11px;
    line-height: 13px;
    color: #ffffff;
}
table td{
    padding: 2px 5px !important;
    border-color: transparent !important;
}
table td div{
    margin-bottom: 5px;
}
.amarilla{
    background-color: #E1C616;
    margin: 20px 0px !important;
    font-weight: bold;
}
.amarilla2{
    background-color: #E5C20B;
    margin: 20px 0px !important;
    font-weight: bold;
}
.verde{
    background-color: #1A602C;
    margin: 20px 0px !important;
    font-weight: bold;
}
.morado{
    background-color: #714695;
    margin: 20px 0px !important;
    font-weight: bold;
}
.cafe{
    background-color: #C89912;
    margin: 20px 0px !important;
    font-weight: bold;
}
.aqua{
    background-color: #1A6C71;
    margin: 20px 0px !important;
    font-weight: bold;
}
.anaranjado{
    background-color: #D46E18;
    margin: 20px 0px !important;
    font-weight: bold;
}
.rojo{
    background-color: #AA191A;
    margin: 20px 0px !important;
    font-weight: bold;
}
.ColNegra .vc_column-inner{
    padding: 0 !important;
}
/*estilo 2023*/
.programa2023{
    margin-top: -300px;
}
.colTransparente{
    margin: 0px 1.666666%;
    padding: 30px 15px;
    border-radius: 8px;
    width: 30% !important;
}
.diaPrograma2023{
    float: left;
    color: #ffffff;
    font-size: 100px;
    line-height: 80px;
}
.diaPrograma22023{
    float: left;
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    margin-left: 15px;
}
.mesPrograma2023{
    color: rgba(81, 173, 225);
    font-size: 30px;
    line-height: 35px;
    font-weight: bold;
}
.linea2bolas{
    width: 100%;
    border-bottom: 1px solid #ffffff;
    position: relative;
}
.bolaizq{
    height: 8px;
    width: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.bolader{
    height: 8px;
    width: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    position: absolute;
    right: -4px;
    top: -4px;
}
.linea2bolas2{
    width: 100%;
    height: 100%;
    position: relative;
}
.lineaTiempo{
    height: 90%;
    border-left: 1px solid #ffffff;
    transform: translate(50%, 0);
    margin-bottom: 0px !important;
}
.bolarriba{
    height: 8px;
    width: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    margin: 0 auto;
}
.bolabajo{
    height: 8px;
    width: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    margin: 0 auto;
}
.tituloPonencia2023{
    text-align: left;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
}
.coffeeComida{
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
}
.primeraTabla{
    margin-top: 30px;
}
.primeraTabla1{
    margin-top: 8px;
}
.barraTitulo{
    width: 100%;
    height: 5px;
    margin-bottom: 10px;
    border-right: 6px solid transparent;
}
.tamTDH{
    height: 23px;
    text-align: center;
}
.amarillo2023{
    color: #FCDC03;
}
.barraTituloAma2023{
    border-top: 7px solid #FCDC03;
}
.programaSujeto{
    float: right;
    color: #ffffff;
}
.rojo2023{
    color: #F90606;
}
.barraTituloRojo2023{
    border-top: 7px solid #F90606;
}
.verde2023{
    color: #009900;
}
.barraTituloVerde2023{
    border-top: 7px solid #009900;
}
.morado2023{
    color: #8C63B7;
}
.barraTituloMorado2023{
    border-top: 7px solid #8C63B7;
}
.rosa2023{
    color: #F75772;
}
.barraTituloRosa2023{
    border-top: 7px solid #F75772;
}
.azul2023{
    color: #3ABFF0;
}
.barraTituloAzul2023{
    border-top: 7px solid #3ABFF0;
}
.naranja2023{
    color: #EF7E00;
}
.barraTituloNaranja2023{
    border-top: 7px solid #EF7E00;
}
.ponenteP2{
    color: #ffffff;
    font-weight: bold;
    font-family: "PTS-bold";
    font-size: 14px !important;
    line-height: 17px !important;
}
.ponenciaP2{
    font-size: 10px !important;
    line-height: 13px !important;
    color: #ffffff;
    font-family: "PTS-regular";
}
.cajaPF{
    position: relative;
    padding: 20px   ;
}
.dscProgram{
    float: left;
}
.btn a{
    color: #000000;
}

/*PROGRAMA 2024*/
.titulop2024{
    font-family: "shadow";
    color: #ffffff;
    font-size: 120px;
    line-height: 123px;
}
.subtitulop2024{
    font-family: "poppinsRegular";
    font-size: 40px;
    line-height: 43px;
    letter-spacing: 10px;
    color: #ffffff;
}
.dia2024{
    font-family: "poppinsLight";
    font-size: 20px;
    line-height: 23px;
    color: #ffffff;
    letter-spacing: 3px;
}
.fuentSegment{
    font-family: "shadow";
    font-size: 35px;
    line-height: 0px;
}
.subfuentSegment{
    font-family: "shadow";
    font-size: 20px;
    line-height: 30px;
}
.cajaSegment{
    text-align: center;
    margin: 40px 0px;
}
.cajaSegment1{
    text-align: left;
    margin: 30px 0px 20px;
}
.tituloPonencia2024{
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
}
.lineaentreHoras{
    height: 100%;
    border-left: 1px solid #ffffff;
    transform: translate(50%, 0);
    margin-bottom: 0px !important;
}
.nombreCM{
    font-family: "shadow";
    font-size: 22px;
    line-height: 0px;
    margin-top: 18px;
    text-transform: uppercase;
}
.subnombreCM{
    font-family: "shadow";
    font-size: 15px;
    line-height: 0px;
}
.subnombreCM1{
    font-family: "shadow";
    font-size: 12px;
    line-height: 15px;
}
.espacio50{
    height:50px;
}
.espacio25{
    height:25px;
}
/*TERMINA PROGRAMA*/
/*EMPIEZA RESUMEN*/
#contenido {
    background-color: black;
    text-align: center;
    width: 100%;
    padding-top: 30px;
}
.txtMail {
    text-align: left;
    border-radius: 20px;
    background-color: #fff;
    position:relative;
    z-index:10;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
}
.txtMail .vc_column-inner{
    padding: 0px !important;
}
.parrafo {
    display: inline-block;
    text-align: justify;
}
.secciones-izq {
    background-color: #0a2240;
    width: 95%;
    height: 100px;
    text-align: left;
    padding-top: 40px;
    padding-left: 5%;
    margin-bottom: 15px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
}
.pi{
    width: 95%;
    padding-left: 5%;
}
.secciones-der {
    float: right;
    background-color: #0a2240;
    width: 95%;
    height: 100px;
    text-align: right;
    padding-top: 40px;
    padding-right: 5%;
    margin-bottom: 15px;
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
}
.pd{
    width: 95%;
    padding-left: 5%;
}
.pc{
    width: 90%;
    margin-left: 5%;
    text-align: justify;
}
#filaBtns {
    width: 500px !important;
    margin: 0 auto;
    display: flex;
}
.btnGral {
    font-size: 1.6rem;
    background-color: #ffcd00 !important;
    width: 100px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 30px;
}
.btnGral a{
    color: white !important;
    text-decoration: none;
}
.btnGral a:hover{
    color:white !important;
    opacity: .5;
}
.btnGral:hover{
    background-color: #0a2240 !important;
}
.btnDes {
    color: #802529 !important;
}
.btnAct {
    background-color: #0a2240 !important;
    color: white !important;
}
/*TERMINA RESUMEN*/

/*EMPIEZA HOTELES*/
.imgHotel{
    width: 100%;
    height: auto;
}
.titulHotel {
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
    max-width: fit-content;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px;
    margin: 30px;
}
.titulHotelInt {
    border-bottom: 3px solid #ffffff;
    max-width: fit-content;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px;
    margin: 10px 0px;
}
.filaHoteles{
    margin: 0 auto;
    width: 100%;
    max-width: 1110px;
    text-align: center;
}
.colHoteles{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    position: relative;
    margin: 1%;
    width: 23% !important;
}
.colHoteles img{
    padding: 1.5rem;
}
.btnHotel {
    background-color: #0a2240;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
}
.cajaBlanca{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    position: relative;
}
.cajaBlanca2{
    background-color: #ffffff;
    border-radius: 6px;
    position: relative;
}
.btnHotel{
    background-color: #0a2240;
    padding: 10px;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
}
#shadow{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    top: 0px;
    left: 0px;
}
.tarjetaHotel{
    display: none;
    position: fixed;
    top: 5%;
    left: 20%;
    background-color: #ffffff;
    width: 60%;
    height: 90%;
    overflow-y: scroll;
    z-index: 9999;
    padding: 20px;
    text-align: left;
}
.titulHotel{
    width: 100%;
    font-family: "Raleway-Bold";
    margin: 10px 0px;
    font-size: 19px;
    line-height: 21px;
}
.contaHotel, .cajaIncluye{
    border-bottom: 1px solid #000000;
    margin: 10px 0px;
    padding-bottom: 10px;
}
.habitaHotel{
    font-family: "Raleway-Bold";
    font-size: 18px;
    line-height: 20px;
}
#tacheH{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #0a2240;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 1;
}
.letraChiquita{
    font-size: 13px;
}
/*TERMINA HOTELES*/
/*EMPIEZA ACERCA DE*/
#bannerAcerca{
    width: 100%;
    height: 100vh;
    background-image: url(/img/acerca-de/Banner.jpg);
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: contain !important;
}
.fondoGris {
    background-color: #2A2A2A !important;
    color: #ffffff;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 10px;
}
.BackColor {
    background-color: black;
}
#Programas h5 {
    color: white;
    border-bottom: 3px solid #FFF;
    max-width: fit-content;
    margin: 3rem 0px !important;
    font-family: 'Raleway-SemiBold' !important;
    font-size: 20px; line-height: 23px;
}
.container-fluid{
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    }
.flip-item1 {
    display: inline-block;
    position: relative;
    width: 100%;
    /* height: 90%; */
    transition: transform 0.8s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.8s;
    --moz-transform-style: preserve-3d;
    --moz-transition: 0.8s;
    --ms-transform-style: preserve-3d;
    --ms-transition: 0.8s;
    --o-transform-style: preserve-3d;
    --o-transition: 0.8s;
}

.flip-front, .flip-back {
    position: absolute;
    /* color: #FFF; */
    backface-visibility: hidden;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: center; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    --ms-backface-visibility: hidden;
    --o-backface-visibility: hidden;
}

.flip-back {
    background-color: transparent;
    transform: rotateY( -180deg );
    position: absolute;
}

#Programas .img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.img-contenedor {
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
}

    .img-contenedor:hover img {
        -webkit-transform: scale(1.11);
        -moz-transform: scale(1.11);
        -ms-transform: scale(1.11);
        -o-transform: scale(1.11);
        transform: scale(1.11);
    }

    .img-contenedor img {
        -webkit-transition: all .9s ease;
        -moz-transition: all .9s ease;
        -o-transition: all .9s ease;
        -ms-transition: all .9s ease;
        width: 100%;
    }
.item-program:hover .flip-item1 {
    transform: rotateY(-180deg);
}
/*TERMINA ACERCA DE*/
.cajaDescubre{
    padding-left: 100px !important;
}
/*APP*/
#cajaTiendas{
    margin-top: 50px;
}
#cajaTiendas a img{
    margin-top: 30px;
}
.primeraCajApp{
    text-align: center; 
    color: #fff; 
    font-family: 'Raleway-SemiBold' !important; 
    font-size: 20px; 
    width: 90%; 
    max-width: 1080px; 
    margin: 0 auto;
    margin-top: 40px;
}
.btnDescarga{
    background-color: #ffcd01;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 20px;
    text-align: center;
    font-family: "Raleway-Bold";
}
.nuevApp{
    background: url(/img/fondoApp2024.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
/*EMPIEZA ENCUESTA*/
.imgEnc{
    display: inline-block;
    width: 25%;
    padding: 1%;
}
.stronzzo{
    font-family: "Raleway-Bold";
}
.radio1{
    padding: 10px 30px;
}



input[type='radio']:after{
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid black;
    }

    input[type='radio']:checked:after{
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #8c63b7;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #8c63b7;
    }
.escalaGris{
    width: 100%;
    -webkit-filter: 
    grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
}
.inputCHB:checked ~.escalaGris{
    -webkit-filter: 
    grayscale(0%);
   -moz-filter: grayscale(0%);
   -ms-filter: grayscale(0%);
   filter: grayscale(0%);
}
.labelPonente{
    text-align: center;
    padding: 20px 0px;
}
.btnEncuesta{
    background-color: #ffcd01;
    color: #000000;
    margin: 0 auto;
    border-radius: 10px;
    padding: 10px;
}
.contEncuesta{
    width: 100%;
    max-width: 888px;
    margin: 0 auto;
}
/*TERMINA ENCUESTA*/

/*EMPIEZA REVIVE DIA A DIA*/
.btnAct1 a, .btnAct2 a, .btnAct3 a{
    color:#000000 !important;
}
.btnAct1{
    background-color: rgb(211,67,77) !important;
    border-radius: 10px;
    width: 100px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 30px;
    cursor: pointer;
}
.btnAct2{
    background-color: rgb(173,100,156) !important;
    border-radius: 10px;
    width: 100px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 30px;
    cursor: pointer;
 }   

.btnAct3{
    background-color: rgb(217,110,45) !important; 
    border-radius: 10px;
    width: 100px;
    padding: 10px;
    float: left;
    text-align: center;
    margin: 30px;
    cursor: pointer;
}
#contenido{
    background: url('/img/mailing/Fondo_dia_1.jpg');
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center center;
}
@font-face{
    font-family:fuenteseg;
    src: url("/fonts/PTN57F.ttf");
}
.nombreseg {
    font-family:fuenteseg; font-size: 35px !important
}
.amarillo {
    color:#FCDC03;
}
.bordeamarillo {
    border-left: 5px solid #FCDC03;
}
.rojox {
    color:#F90606;
}
.borderojox {
    border-left: 5px solid #F90606;
}
.verdeR{
    color:#009900;
}
.bordeverdeR{
    border-right: 5px solid #009900;
}
.moradoR{
    color:#8C63B7;
}
.bordemoradoR{
    border-right: 5px solid #8C63B7;
}
.salmonR{
    color:#F75772;
}
.bordesalmonR{
    border-right: 5px solid #F75772;
}
.azul2025{
    color: #3ABFF0;
}
.bordeazul2025{
    border-left: 5px solid #3ABFF0;
}
.naranja2025{
    color: #EF7E00;
}
.bordenaranja2025{
    border-left: 5px solid #EF7E00;
}
.rayas{
    position: absolute; 
}
.contenedorfotos{
    position: relative; 
    text-align: center; 
    margin: 0 auto; 
    height: 500px;
}
.imgadelante{
    z-index: 2;
    transform: translate(-50%,-50%); 
    left: 50%; 
    top: 57%;
}
.imgatras{
    z-index: 3;
    transform: translate(-50%,-50%); 
    left: 50%; 
    top: 50%;
    width: auto;
    height: 400px;
}
.tempBol{
    width: 100%;
    height: 600px;
    background-image: url('/img/boletosTemp.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banerTemp{
    width:100%; 
    height: 80vh;
    background-color: #000000; 
    text-align: center; 
    background-image:url('/img/<? echo $bannermovil;?>');
    background-size: cover;
    background-position: center center;
}
.tituTemp{
    font-size: 35px !important;
}
.imgTemp{
    width: 222px; 
    height: auto; 
    margin: 0 auto; 
    margin-top: 50px;
}
#liveStream{
    font-size: 15px !important;
    position: fixed;
    top: 75px;
    right: 0px;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffcd00;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    z-index: 99999;
}
#liveStream img{
    height: 25px;
    width: auto;
}
#liveStream a{
    color: #000;
}
/*EMPIEZA HISTORIAL*/
.cajaHistorial{
    margin: 0 auto;
    padding: 30px;
    max-width: 1300px;
}
.buttons {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}
.buttons button {
    padding: 10px 20px;
    margin: 5px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
}
.FDI2022{
    border-color: #000;
    color: #999;
}
.FDI2023{
    border-color: #b1183b;
    color: #b1183b;
}
.FDI2024{
    border-color: #1f3a6d;
    color: #1f3a6d;
}
.FDI2022.active {
    background-color: #000;
    color: #fff;
}
.FDI2023.active {
    background-color: #b1183b;
    color: #fff;
}
.FDI2024.active {
    background-color: #1f3a6d;
    color: #fff;
}
.content {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 800px;
    margin: auto;
}
.info {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 20px;
}
.poster{
    width: 30%;
    border-radius: 10px;
}
.poster img{
    width: 100%;
}
.description {
    width: 70%;
}
.description, .description h2 {
    padding-top: 0px;
    margin-top: 0px;
}
.edition {
    display: none;
}
.edition p{
    font-size: 16px !important;
    line-height: 19px !important;
}
.edition.active {
    display: block;
    border-radius: 20px;
    padding: 20px;
}
.cajaVideomemoria{
    width: 100%;
    margin-top: 20px;
}
.cajaVideomemoria iframe {
    width: 100%;
    height: 400px;
    border: none;
    border-radius: 15px;
}
.description .btn{
    margin-left: 10px;
    margin-right: 10px;
    background-color: #fff;
    color: #000;
}
/*RESPONSIVE*/
@media (min-width: 1400px){
    .item-program {
        height: 300px !important;
    }
}
@media (min-width: 1200px){
    .item-program {
        height: 240px !important;
    }
}
@media screen and (max-width: 1069px) {
    .col31{
        width: 15% !important;
    }
    .col32{
        width: 85% !important;
    }
    .col33{
        display: none;
    }
    #logo {
        margin-left: 15px;
    }
    .nuevoSelect {
        width: 175px;
    }
    .colPatros {
        width: 32% !important;
    }
    #myNavbar > ul > li:hover > ul {
        height: 240px;
    }
    #myNavbar > ul > li > ul {
        width: 129px;
        left: 3vw;
    }
}
@media (min-width: 992px){
    .item-program {
        height: 180px !important;
    }
}
@media screen and (max-width: 888px) {
    .tituTemp{
        font-size: 26px !important;
        padding: 0px 20px;
    }
    .imgTemp{
        width: 160px; 
    }
    .imgatras{
        height: 200px;
    }
    .contenedorfotos{
        height: 250px;
    }
    .nombreseg {
        font-family: fuenteseg;
        font-size: 20px !important;
    }
    body {
        font-size: 14px;
        line-height: 17px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    #header .container-fluid {
        width: 100% !important;
        padding: 0px !important;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar {
        border: none;
    }
    #conferencistas .container-fluid {
        width: 90% !important;
    }
    .ponenteCaja{
        width: auto !important;
        margin-bottom: 25px;
    }
    .cjaImg{
        max-width: 75%;
        margin: 0 auto;
    }
    .redesPonente{
        text-align: center;
        margin-bottom: 25px;
    }
    .videosPonente{
        text-align: center;
        margin-bottom: 15px;
    }
    .cuerpoPonenteListado {
        height: 170px;
    }
    .navbar-collapse {
        padding-right: 0px;
        padding-left: 0px;
    }
    .ColNegra {
        width: 100% !important;
    }
    .navbar-toggle {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    #bannerPrincipal{
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center !important;
        background-size: 100% !important;
        background-image: url(/img/BannerFDI2023_movil.jpg);
    }
    .boletos2023 {
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #bannerAcerca{
        width: 100%;
        height: 50vh;
        background-repeat: no-repeat;
        background-position: top center !important;
        background-size: 120% !important;
    }
    #bannerJome {
        height: 35vh;
        margin-top: -10px;
    }
    #bannerJome2 {
        height: 30vh;
        margin-top: -10px;
    }
    .txtBlanco {
        max-width: 100%;
        padding: 15px;
    }
    .txtBlanco2 {
        max-width: 100%;
        text-align: justify;
        padding: 10px;
    }
    .text-title-white2 {
        margin-left: -10px;
    }
    .colHoteles img {
        height: 80px !important;
    }
    #boletos img{
        width: 100%;
        height: auto;
    }
    #comenzara{
        font-size: 26px;
    }
    .boleto {
        font-size: 25px;
    }
    .precio {
        font-size: 42px;
    }
    .slider::before, .slider::after {
        width: 50px;
    }
    #barraNegra {
        height: 140px;
    }
    .slider {
        height: 110px;
    }
    .slide a img {
        height: 110px;
    }
    .slider .slide {
        width: 130px;
    }
    #cajaTiendas{
        text-align: center;
        height: 150px;
        position: relative;
    }
    #cajaTiendas img{
        height: auto;
        width: 100%;
        padding: 5px;
    }
    #cajaTiendas a{
        float: left;
        display: inline-block;
        width: 50%;
        margin-bottom: 30px;
    }
    .nuevApp{
        background: url(/img/AppStreamingMobile.jpg);
        background-repeat:no-repeat;
        background-size: contain;
        background-position: right 0%;
    }
    #phonApp{
        height: 400px;
        width: auto;
    }
    .primeraCajApp{
        margin-top: 0px;
    }
    .btnDescarga{
        font-size: 16px;
    }
    .colPatros {
        width: 49% !important;
    }
    .recomenVideos{
        margin-top:30px;
    }
    #cajaPLayer2 {
        height: 32vh;
    }
    .cajaVideo3{
        border-left: none;
        border-right: none;
    }
    #filaBtns {
        width: 100% !important;
    }
    .secciones-izq, .secciones-der {
        padding-top: 15px;
        height: 65px;
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 30px;
    }
    #Programas h5 {
        font-size: 14px;
        line-height: 17px;
    }
    .titulop2024 {
        font-size: 54px;
        line-height: 60px;
    }
    .subtitulop2024 {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 7px;
    }
    .espacio50{
        height: 0px;
    }
    .cajaDescubre{
        padding-left: 40px !important;
    }
    .footer-logo-gs{
        width: 90% !important;
        max-width: 90% !important;
    }
    /*VIDEOS*/
    .cajaPonents{
        width: 45% !important;
        margin: 2.5% !important;
        height: 195px !important;
    }
    .ponenciaVideo {
        text-align: left;
    }
    .ponenteVideo {
        font-size: 16px;
        line-height: 26px;
    }
    /*HOTELES*/
    .filaHoteles{
        padding: 3%;
    }
    .colHoteles {
        margin: 2%;
        width: 46% !important;
    }
    .tarjetaHotel {
        left: 5%;
        width: 90%;
        padding: 10px;
    }
    #tacheH {
        top: 5px;
        right: 5px;
    }
    .imgHotel{
        width: 80%;
    }
    .colTransparente{
        width: 100% !important;
    }
    .programa2023 {
        margin-top: -130px;
    }
    .agotados{
        clip-path: polygon(100% -100%, 80% 0%, 0% 90%, 0% 100%, 10% 100%, 95% 5%);
    }
    .agotados span{
        transform: rotate(-25deg);
        top: 44%;
        left: 43%;
    }
    .tempBol{
        height: 300px;
    }
    /*HISTORIAL*/
    .cajaHistorial{
        padding: 10px;
    }
}
/*!CARRUSEL DE PATROCINADORES*/
@media screen and (max-width: 767px) {
    .col31{
      width: 100% !important;
      height: 70px;
    }
    .col32 {
        width: 100% !important;
        display: list-item;
        text-align: center;
        background-color: #0a2240 !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    .col32 li {
        border-bottom: 1px solid #ffffff;
    }
    .col33{
        width: 100% !important;
        height: auto;
        background-color: #0a2240 !important;
        display: inline-flex;
        text-align: center;
        padding: 0px !important;
        margin: 0px !important;
    }
    .col33 li{
        width: 25%;
    }
    #myNavbar{
        margin-top: -3px;
    }
    #myNavbar > ul > li > ul {
        position: initial;
        display: none;
    }
    #myNavbar > ul > li:hover > ul {
        display:inline-table;
    }
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {height:auto;} 
  .item-program {
        height: 150px !important;
    }
    .cjaImg {
        border-bottom: 1px solid #0a2240;
    }
    .nombandJob{
        text-align: center;
    }
    .cajaPonCir{
        height: 350px;
    }
    #btnFlotante{
        width: 40px;
        height: 40px;
        left: 10px;
        bottom: 10px;
    }
    .comenzara{
        font-size: 25px;
        line-height: 30px;
    }
    .contEncuesta{
        width: 90%;
    }
    .radio1 {
        padding: 5px 30px;
    }
    .imgEnc{
        width: 48% !important;
        margin: 1%;
        padding: 1%;
        height: 177px;
    }
}
@media (max-width: 450px){
.agotados{
        clip-path: polygon(112% 0%, 83% 0%, -1% 89%, 0% 100%, 14% 100%, 102% 10%);
    }
    .agotados span{
        transform: rotate(-62deg);
        top: 47%;
        left: 33%;
    }
}
@media (min-width: 381px){
    .item-program {
        height: 180px !important;
    }
}
@media (min-width: 450px){
    .item-program {
        height: 220px !important;
    }
}
@media (min-width: 530px){
.item-program {
    height: 260px !important;
}}