/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@font-face {
  font-family: 'Nyght Serif';
  src: url('fonts/NyghtSerif-RegularItalic.woff2') format('woff2'),
       url('fonts/NyghtSerif-RegularItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {


     
     --blueligth: #F2F2F2;
     --bluebackground: #E1F4E9;
     --blueregular: #57BEC4;
     --bluestrong: #115167;
     --orange: #FB5E65;

     --white: #FFFFFF;
     

     --text-blueintense: #0ecbd7;
     --text-bluemedium: #00b9d3;
     --number-bluelement: #55b8d1;
     --text-white: #FFFFFF;

     --header-card: #25b3e5;/* --bg-footer: #1a4e7d; */
     --bg-hover-rojo: #ed1c24;
     --black: #212121;
     --bg-blue-strong: #0d1a3a;
     --bg-blue-strong-alfa: rgba(13, 26, 58, .8);

    /* Header */
    --bg--header-normal: #020202;
    --bg--header-scroll: #020202;
    --text--header: #FFF;
    --text--header-scroll: #FFF;
    --menu-hover: #773dbd;

    /* Welcome */
    --welcome--title: #FFF;

    /* Register */
    --bg--boxregister: rgba( 30, 56, 128, 0.8 );
    --text--boxregister: #0cacdc;
    --bg--titleregister: rgba( 30, 56, 128, 0.8 );
    --text--titleregister: #0cacdc;
    --text--privacybox: #FFF;
    --text--privacybox--link: #FFF;
    --btn--register--principal: #0cacdc;
    --btn--text--register--principal: #FFF;
    --btn--register--secondary: #00b9d3;
    --btn--text--register--secondary: #FFF;

    /* Counter */
    --bg--general--conter: transparent ;
    --border--radious--counter: 12px;
    --number--day: #af65ff;
    --number--month: #af65ff; 
    --number--year: #673398;
    --text--day: #00524c;
    --text--month: #00524c;
    --text-year: #00524c; 
    --divisor--counter: #673398;

    /* Titles Section */
   --section--titles: #5bb7e5;

   /* Agenda */
   --agenda--background: #5ab9e7;
   --agenda--interest-hour: #5ab9e7;
   --agenda--border--profile: #77B8E5;
   --agenda--day--pestania: #b9e1ff;
   --agenda--day--pestania--visit: #004765;
   --agenda--text--principal: #ffffff;
   --agenda--text--secondary: #ffffff;
   --agenda--text--terciary: #ffffff;
   --agenda--text--h2: #ffffff;
   --agenda--text--h2--strong: #ffffff;
   --agenda--text--p: #ffffff;
   --agenda--text--p--strong: #ffffff;

   /* Ponentes */
   --ponentes--card--border: #064663;
   --ponentes--card--background: #58b7e5;
   --ponentes--card--text--principal: #fff;
   --ponnetes--card--text--secondary: #fff;
   --ponentes--modal--bg: #B165FF;
   --ponentes--modal--border: #fff;
   --ponentes--modal--text--principal: #fff;
   --ponentes--modal--text--secondary: #fff;
   --ponentes--modal--close:#43235E ;
   --ponentes--modal--borderphoto: #C3E1FF ;


   /* Live */
   --live--btn--esp: #bbdfff;
   --live--btn--eng: #004765 ;
   --bg--container--live: #5ab9e7;
   --padding--container--live-dk: 25px;
   --padding--container--live-mb: 10px;
   --border--color--live: #f6fefe;

   /* VOD */
   --vod--border--video: #0cacdc;
   --vod--title--section: #FFF;
   --vod--text--principal--carvideo: #00524c;
   --vod--text--secondary--carvideo: #00524c;
   --vod--text--terciary--carvideo: #00524c;
   --vod--boxvod--bg:#77b7e4 ;
   --vod--button--primary: #af65ff;


    /* Footer */
    --bg--footer: #020202;
    --text--footer: #FFF;

    /* Subfooter */
    --bg--subfooter: #43235E;
    --text--subfooter: #FFF;

    /* Line En Vivo */
    --bg--line--envivo: #00524c;
    --bg--lineborder--envivo: #FFF;
    --bg--bgicon--envivo: #af65ff;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.checkbox {
  display: block;
  pointer-events: none;
}

html {
  /* font-size: 100%; */
  box-sizing: inherit;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
  /* scroll-padding-top:  1700px;  */
}

body {
    font-family: 'Roboto', sans-serif;
  /* font-size: clamp(1rem, 2vw, 1.125rem); */
  font-weight: 400;
  line-height: 1.5;
  height: -webkit-fill-available;
  /* color: var(--color-white-100); */
  /* background-color: var(--color-black-500); */
  background: #ede5da;
  color: #000;

}

/* Utilidades de tipografías para usarlas donde se requiera */
.ff-figtree {
  font-family: 'Figtree', 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}

.ff-nyght-italic {
  font-family: 'Nyght Serif', Georgia, 'Times New Roman', serif;
  font-style: italic; /* refuerza el estilo */
}

input {
  border: 0;
  padding: 0;
  line-height: normal;
  border: none;
}
select{
  border: none;
}



section.hero {
  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  height: auto;
  width: 100%;
  /* background-image: url('img/bg_citi_10.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%; */
}
section.hero.ponentes {
  background-image: url('img/bg_citi_10.png');
}
section.marquesina {
  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  height: auto;
  width: 100%;
  /* background-image: url('img/bg_citi_10.png'); */
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),  url('img/bg_citi_10.png') ; 

  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%;
  min-height: 100vh;
  cursor: pointer;
  /* position: absolute; */
}
section.welcome {
  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  height: calc(100% - 71px);
  width: 100%;
}


button {
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
  background: none;
  box-shadow: none;
  text-decoration: none;
  color: white;
  /* text-decoration: underline; */
}

a{
  text-decoration: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.clear {
  clear: both;
}

.supercontent{
  width: 100%;
  height: 100%;
}


.supercontent.home .superboxponentes {
 
  min-height: auto !important;
}

.supercontent.home .superboxlive {
  display: flex;
  height: auto;
  width: 100%;
  min-height: auto;
  padding: 0rem 0 0rem;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}


.supercontent.home .livetext {
 margin-bottom: 0px; 
color: #064663;
}

.supercontent.home .boxcontentfaq {
  width: 90%;
  margin: 0 0 2em ;
}

.section {
  margin: 0 auto;
  padding: 162px 0 1rem;
  width: 100%;
  max-width: 90%;
}



.container {
  max-width:  1700px;
  height: auto;
  margin: 0 auto;
  padding: 0 1.25rem;
}

.centered {
  text-align: center;
  vertical-align: middle;
  margin-bottom: 1rem;
}

.heading-xl {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(2.650rem, 6vw, 4.241rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
  color: #fff;
}
.heading-lg {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(2.179rem, 5vw, 3.176rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
}
.heading-md {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(1.794rem, 4vw, 2.379rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1px;
}
.heading-sm {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(1.476rem, 3vw, 1.782rem);
  font-weight: 600;
  line-height: 1.5;
}
.heading-xs {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(1.215rem, 2vw, 1.335rem);
  font-weight: 500;
  line-height: 1.5;
}

.paragraph {
    font-family: 'Roboto', sans-serif;
  font-size: clamp(1.75rem, 2vw, 1.125rem);
  line-height: inherit;
  max-width: 95%;
  height: auto;
  text-transform: unset;
  color: var(--white);
}

.btn {
  display: inline-block;
    font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  outline: none;
  border: none;
  border-radius: 0.25rem;
  text-transform: unset;
  transition: all 0.3s ease-in-out;
}
.btn-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
}
.btn-darken {
  padding: 0.75rem 2rem;
  color: #fff;
  /* background-color: var(--color-black-200); */
  background-color: var(--blueregular);
  box-shadow: var(--shadow-medium);
}
.btn-darken a{
  color: #fff;
  text-decoration: underline;
} 
.btn-neutral {
  padding: 0.75rem 2rem;
  color: var(--bluestrong);
  background-color: var(--white);
  box-shadow: var(--shadow-medium);
}

/* Los links cambian de color al pasar el mouse */
/* a:hover {
  color: var(--text-blueintense);
} */



.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: auto;
  margin: 0 auto;
  /* background: #192e4d; */
  /* background: rgba( 25, 42, 77, 0.75 ); */
  background: var(--bg--header-normal);
  color: var(--text--header);
  backdrop-filter: none; 
  -webkit-backdrop-filter: none;



  transition: all 0.35s ease;
  /* border-bottom: 2px solid #fff; */
}



.header.on-scroll {
  /* background: var(--color-black-300); */
 

  backdrop-filter: unset;
  -webkit-backdrop-filter: unset;

  border-bottom: 2px solid rgba( 255, 255, 255, 0.7 );
  /* color: var(--text--header-scroll); */
  

  background: var(--bg--header-scroll);
}

/* .header.on-scroll .brand img {
  background: #0d1a3a ;
  border-bottom: 1px solid rgba( 255, 255, 255, 0.18 );
} */


.header.on-scroll .menu-link {
  color: var(--text--header-scroll);
}
.header.on-scroll .menu-link:hover {
  /* border-bottom: 1px solid #fff; */
}


.header.on-scroll .burger-line{
  background-color: var(--white);
}

.header.on-scroll .menu.is-active {
  background: #0d1a3a ;
}




.navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  column-gap: 1rem;
  width: 90%;
  height: 80px;
  margin: 0 auto;
}

.brand {
    font-family: 'Roboto', sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -1px;
  color: var(--color-white-100);
  text-transform: uppercase;
}
/* .brand img{
  height: 60px;
  width: auto;

} */

.containervideohero{
 
  height: 100%;
  width: 100%;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  z-index: -1;
}



.menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  padding: 4rem 0 3rem;
  overflow: hidden;
  background-color: #0d1a3a;
  box-shadow: var(--shadow-medium);
  transition: all 0.4s ease-in-out;
}
.menu.is-active {
  top: 0;
  width: 100%;
  height: auto;
}
.menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 1.25rem;
  overflow: hidden;
}
.menu-link {
    font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-white);
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  padding: 5px;
  transition: all .3s ease-in;
}

.menu-link:hover {
  /* border-bottom: 1px solid #fff; */
  background: var(--menu-hover);
  transition: all .3s ease-in;
}

.menu-link.active {
  color: var(--text-white);
  background: var(--menu-hover);
  transition: all .3s ease-in;
}

.menu-inner a:hover, .menu-inner li:hover .expand {
  background-color:  var(--menu-hover);
  transition: all .3s ease-in;
}

.expand{
  padding: 0 5px;
}


.menu-block {
  display: inline-block;
    font-family: 'Roboto', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  user-select: none;
  white-space: nowrap;
  text-align: center;
  margin-left: auto;
  padding: 0.65rem 1.5rem;
  border-radius: 3rem;
  text-transform: capitalize;
  color: var(--color-white);
  background-color: var(--blueregular);
  box-shadow: var(--shadow-medium);
  transition: all 0.3s ease-in-out;
  background: transparent;
}

.menu-block img{
  height: 30px;
  width: auto;
}
.brand img {
  height: 50px;
  width: auto;
  position: relative;
  margin-top: 0px;
  /* position: absolute;
  margin-top: -8px; */
}

.brand.newbrand img {
  height: 50px;
  width: auto;
  position: relative;
  margin-top: 0px;
}

/* .menu-inner li ul {
  font-size: 1.6em;
  float: left;
  overflow: hidden;
} */

.menu-inner li ul div{
  display: flex;
  align-items: center;
}

.menu-inner li ul div .arrow{
  font-size: 12px;
  margin-left: 5px;
}

.menu-inner li{
  float: left;
  overflow: hidden;
}

.sub:hover{
  background: initial;
}


/* .menu-inner li ul{
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
} */
.submenu{
    display: none;
    flex-direction: column;
    position: fixed;
    top: 98px;
    /* width: 200px; */
    /* height: 200px; */
    z-index: 10000;
    background: black;
    /* padding: 5px; */
}


.menu-inner li:hover .submenu {
  display: flex;
}

.submenu li{
  padding: 20px 0 ;
  transition: all .3s ease-in;
}

.submenu li:hover{
  background: var(--menu-hover);
  transition: all .3s ease-in;
}

.submenu li .menu-link{
  width: 100%;
  padding: 0px 20px;
  
}

.user{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--menu-hover);
  color: var(--text--header);
  border-radius: 50% !important;
}



/***********************  Seccion Welcome ***********************/

.herowelcome{
  width: 100%;
  /* height: calc(100% - 71px); */
  /* padding-top: 80px; */
  box-sizing: border-box;

  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  /* height: auto; */
  width: 100%;
  /* background-image: url('img/bg_citi_10.png') ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%; */
  position: relative;
}

.bck{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  /*padding: 80px 0 0 0 ;*/

}


.herowelcome.sihidden{
  overflow: initial;
  background-image: url('img/bg_bnx_12_lateral.jpg') ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%;
}
.welcomesuperbox{
  display: flex;
  width: 100%;
  /* height: 100% ; */
  min-height: calc(100vh - 71px);
  padding-top: 120px;
}
.welcomesuperbox.reducepad{
  padding-top: 0px;
}
.herowelcome.sihidden .welcomesuperbox{
  height: auto;
}

.herowelcome.sihidden .welcometitle{
  display: none;
}
div{
  box-sizing: border-box;
}
.welcomeleft{
  display: flex;
  flex-direction: column;
  /* justify-content: space-evenly; */
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: calc(100vh - 150px);
  width: 50%;
  /* padding: 80px; */
  padding: 20px 80px;
}
.welcomerigth{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  
  height: 100%;
  min-height: calc(100vh - 150px);
  width: 50%;
  /* padding: 80px; */
  padding: 20px 80px;
  /* background: rgb(0,0,0);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  background: linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); */
}
.welcomerigth.list{
  height: auto;
  padding: 100px 80px 80px;
 
}

.welcomerigth.list ul{
  background: rgba(5, 109, 174,.8);
  /* padding: 25px 15px; */
  border-radius: 25px;

 
}

.logowelcome{
  display:flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 2em;
}
.logowelcome img{
  width: 80%;
  
  height: auto;
}

.imghour{
  display:flex;
  width: 100%;
  justify-content: center;
  margin: 1em 0 2em;
}

.imghour img{
  width: 100%;
  max-width: 350px;
  height: auto;
}


.imghour2 img{
  width: 100%;
  /* max-width: 350px; */
  height: auto;
}

.timer{
  display: flex;
  width: 250px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--bg--general--conter);
  border-radius: var( --border--radious--counter);
}
.counter{
  display: flex;
  /* background: var(--bg-hover-rojo); */
  padding: 5px;
  color: var(--bg-footer);
  width: 100%;
  justify-content: space-evenly;
    
  font-weight: bold;
  font-size: 3em;
}
.counter .dotnumber{
  font-size: .9em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  color: #ffffff;
}
.counter .days{
  color: #ffffff;
}
.counter .hours{
  color: #ffffff;
}
.counter .minute{
  color: #ffffff;
}


.countertext{
  display: flex;
  padding: 5px;
  color: #ffffff;
  width: 100%;
  justify-content: space-around;
  font-size: 1.5em;
    
  font-weight: 300;
  /* background-color: rgba( 255, 255, 255, 0.8 ) ; */
  /* text-shadow: #7d7d7d 1px 0 10px; */
  margin-top: -22px;
}
.welcometitle{
  display: flex;
  justify-content: center;
  text-align: center;
    
  font-weight: 300;
  font-size: 4em;
  color: var(--welcome--title);
}

.minuhours{
  display:flex;
  width: 100%;
  justify-content: center;
  padding-top: 40px;
}

.minuhours img{
  width: 50%;
  height: auto;
}
.btnwelcome{
  display: flex;
  justify-content: center;
  padding-top: 40px;
}

.btnwelcome a{
  display: flex;
  padding: 5px 25px;
  justify-content: center;
  text-align: center;
  background:rgba( 96, 104, 120, 0.6 );
  color: var(--text-white);
   
  font-weight: 200;
  font-size: 1.2em;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.btnwelcome a i{
  padding-left: 10px;
}

.btnwelcome a:hover{
  transition: all 0.3s ease-in-out;
  background:rgba(79, 85, 96, 1);
}

/* Fin Secciones Welcome */


/***********************  Seccion Acceso ***********************/

.heroacceso{
  width: 100%;
  height: calc(100% - 71px);
  /* padding-top: 80px; */
  box-sizing: border-box;

  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  /* height: auto;
  width: 100%; */
  background-image: url('img/bg_bnx_12.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 100% 100%;
}
.accesosuperbox{
  display: flex;
  width: 100%;
  height: 100% ;
  flex-direction: column;
  /* justify-content: center; */
  justify-content: flex-start;
  /* padding-top: 50px; */
}
.logoprincipalacceso{
  display: flex;
  justify-content: center;
  width: 100%;
}
.logoprincipalacceso img{
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 600px;
  height: auto;
  object-fit: contain;
}
.accesobox{
  margin: 30px auto;
  /* background: rgba(5, 8, 65, .8); */
  padding: 0 0 25px 0;
  width: 100%;
  max-width: 700px;
  height: 100%;
  /* background: rgb(26, 109, 184); */
  /* background: rgb(0,0,0);
  background: -moz-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%);
  background: linear-gradient(45deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%); */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);  */
  background-color: var(--bg--boxregister);
  /* background: #056dae; */
  border: .7px solid var(--blueregular);
  border-radius: 25px;
}
.titleboxacceso{
  /* padding-top: 0px;
  padding-bottom: 30px; */
  padding: 15px 0;
  text-align: center;
    
  font-weight: normal;
  font-size: 1.6em;
  color: var(--text--titleregister);
  background: var(--bg--titleregister);
  border-radius: 25px 25px 0 0;
  text-transform: uppercase;
}




.inputacceso label{
    
  font-weight: bold;
  color: var(--text--boxregister);
  padding-right: 10px;
  text-transform: uppercase;
}
.inputacceso input{
  width: 100%;
  max-width: 300px;
    
  font-weight: bold;
  text-align: center;
}



.terminosacceso{
  display: flex;
  width: 100%;
  max-width: 400px;
  color: var(--white);
  padding: 7px 25px 3px;
  justify-content: center;
  margin: 0 auto;
}

.inputacceso.terminosacceso{
  max-width: 100%;
}

.terminosacceso label {
    
  font-weight: 300;
  display: block;
  display: -webkit-inline-box;
  color: var(--text--privacybox);
}
.terminosacceso input{
  display: flex;
  margin-left: 5px;
  /* height: 100%; */
  margin-top: 4px;
  margin-right: 5px;
}

.terminosacceso label a{
    
  font-weight: bold;
  color: var(--text--privacybox--link);
  text-decoration: underline;
 }


 .inputacceso{
  display: flex;
  width: 100%;
  justify-content: center;
}

.inputacceso.gridregistro{
  display: flex;
  flex-direction: column;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 25px;
}
.inputacceso.gridregistro div.orden1 {
  display: flex;
  width: 100%;
  grid-area: 1 / 1 / 2 / 3;
  flex-direction: column;
}
.inputacceso.gridregistro div.orden2 {
  display: flex;
  width: 100%;
  grid-area: 2 / 1 / 3 / 3; 
  flex-direction: column;
}
.inputacceso.gridregistro div.orden3 {
  display: flex;
  width: 100%;
  grid-area: 3 / 1 / 3 / 3;
  flex-direction: column;
}
.inputacceso.gridregistro div.orden4 {
  display: flex;
  width: 100%;
  grid-area: 3 / 2 / 4 / 3;
  flex-direction: column;
}

.inputacceso.gridregistro div.orden5 {
  display: flex;
  width: 100%;
  grid-area: 4 / 1 / 5 / 3;
  flex-direction: column;
}
.inputacceso.gridregistro div.orden5 {
  display: flex;
  flex-direction: column;
}
.inputacceso.gridregistro div.orden6 {
  display: flex;
  width: 100%;
  flex-direction: column;
  grid-area: 5 / 1 / 6 / 3;
}

.inputacceso.gridregistro div.orden6 .terminosacceso label {
  text-transform: initial;
}

/* .drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
} */

input[type=file] {
  /* width: 350px; */
  max-width: 100%;
  color: #444;
  /* padding: 5px; */
  background: #fff;
  /* border-radius: 25px !important; */
  border: 1px solid #555;
  padding-left: 0px !important;
}

input[type=file]::file-selector-button {
  height: 40px;
  margin-right: 20px;
  border: none;
  background: var(--bg-blue-strong);
  padding: 10px 20px;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
  /* margin-top: 10px; */
}

input[type=file]::file-selector-button:hover {
  opacity: .7;
}





.inputacceso.gridregistro div.orden7 a button.log{
  background: #00bdf2;
   /* background: #68cee7; */
  transition: all .3s ease-in;
}
.inputacceso.gridregistro div.orden7 a button.pass{
  background: #0ca8d3;
  transition: all .3s ease-in;
}



.inputacceso.gridregistro div.orden7 {
  display: flex;
  justify-content: center;
  grid-area: 6 / 1 / 7 / 3; 
}

.inputacceso.gridregistro div.orden8 {
  display: flex;
  width: 100%;
  grid-area: 7 / 1 / 8 / 3;
}
/* .inputacceso.gridregistro div {
  flex-direction: column;
} */
.inputacceso.gridregistro div.orden8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.inputacceso.gridregistro div.orden8 button{
  display: flex;
  /* width: fit-content; */
  width: 100%;
  padding: 15px 30px;
  justify-content: center;
  margin: 0 auto;
  background: var(--btn--register--principal);
  color: var(--btn--text--register--principal);
  border-radius: 25px;
  font-size: 1em;
  transition: all .3s ease-in;
  text-transform: uppercase;
}

.inputacceso.gridregistro div.orden8 button:hover{
  /* background: rgb(152, 3, 3); */
  filter: brightness(90%);
  transition: all .3s ease-in;
}

.inputacceso.gridregistro div.orden8 button:disabled,
.inputacceso.gridregistro div.orden8 button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  
}






.inputacceso.gridregistro div.orden9 {
  display: flex;
  width: 100%;
  grid-area: 8 / 1 / 9 / 3;
}
/* .inputacceso.gridregistro div {
  flex-direction: column;
} */
.inputacceso.gridregistro div.orden9 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.inputacceso.gridregistro div.orden9 a {
  display: flex;
  width: 49%;
}

.inputacceso.gridregistro div.orden9 a button{
  display: flex;
  width: 100%;
  padding: 12px 15px;
  justify-content: center;
  margin: 0 auto;
  background: var(--btn--register--secondary);
  color: var(--btn--text--register--secondary);
  border-radius: 25px;
  font-size: 1em;
  cursor: pointer;

  transition: all .3s ease-in;
  opacity: 1;
  text-transform: uppercase;
}

.inputacceso.gridregistro div.orden9 a button:hover{
  filter: brightness(90%);
  transition: all .3s ease-in;
}



.inputacceso.gridregistro div.terminos {
  display: flex;
  flex-direction: column;
  align-items: center; 
}
.inputacceso.gridregistro div.terminos div {
  display: flex;
  /* flex-direction: column; */
  align-items: center; 
}



.inputacceso.gridregistro div.terminosacceso {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  width: 100%;
  justify-content: flex-start;
  padding: initial;
  align-items: center; 
}
.inputacceso.gridregistro input,select {
  max-width: 100%;
  height: 40px;
  border-radius: 25px;
  background: var(--blueligth);
  text-align: left;
  padding-left: 15px;
  box-sizing: border-box;
}
.inputacceso.gridregistro label {
  margin-left: 15px;
}
.inputacceso.gridregistro input[type="checkbox"] {
  max-width: 100%;
  height: 40px;
  border-radius: 50%;
  background: var(--blueligth);
}



.inputacceso.gridforgot{
  display: flex;
  width: 100%;
  grid-template-columns:  1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
}

.inputacceso.gridforgot div.orden1 {
  display: flex;
  width: 100%;
  /* grid-area: 1 / 1 / 2 / 3; */
  flex-direction: column;
  padding: 25px 25px 5px;
  grid-area: 1 / 1 / 2 / 2; 
}

.inputacceso.gridforgot input {
  max-width: 100%;
  height: 40px;
  border-radius: 25px;
  background: var(--blueligth);
  text-align: left;
  padding-left: 15px;
  box-sizing: border-box;
}
.inputacceso.gridforgot label {
  margin-left: 15px;
}
.inputacceso.gridforgot input[type="checkbox"] {
  max-width: 100%;
  height: 40px;
  border-radius: 50%;
  background: var(--blueligth);
}


.inputacceso.gridforgot div.orden2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  grid-area: 2 / 1 / 3 / 2; 
  padding: 5px 25px;
  color: var(--text-white);
}

.inputacceso.gridforgot div.orden2 p {
  margin-top: 0px
}



.inputacceso.gridforgot div.orden2 a {
  color: var(--text-white);
  text-decoration: underline;
}

.inputacceso.gridforgot div.orden3 {
  display: flex;
  justify-content: center;
  padding: 5px 25px;
  grid-area: 3 / 1 / 4 / 2;
}

.inputacceso.gridforgot div.orden3 button{
  display: flex;
  width: fit-content;
  padding: 15px 30px;
  justify-content: center;
  margin: 0 auto;
  background: var(--btn--register--principal);
  color: #FFF;
  border-radius: 25px;
  font-size: 1em;
  transition: all .3s ease-in;
  text-transform: uppercase;
}

.inputacceso.gridforgot div.orden3 button:hover{
 filter: brightness(90%);
  transition: all .3s ease-in;
}


.inputacceso.gridforgot div.orden4 {
  display: flex;
  justify-content: center;
  padding: 25px;
  grid-area: 4 / 1 / 5 / 2; 
  flex-direction: column;
}

.inputacceso.gridforgot div.orden4 p{
 color: var(--text-white);
}

.inputacceso.gridforgot div.orden4 p a{
  text-decoration: underline;
 }









.inputacceso.gridacceso{
  display: flex;
  width: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 25px;
  flex-direction: column;
}
.inputacceso.gridacceso div.orden1 {
  display: flex;
  width: 100%;
  grid-area: 1 / 1 / 2 / 3; 
  flex-direction: column;
  color: green;
}


.inputacceso.gridacceso input {
  max-width: 100%;
  height: 40px;
  border-radius: 25px;
  background: var(--blueligth);
  text-align: left;
  padding-left: 15px;
  box-sizing: border-box;
}
.inputacceso.gridacceso label {
  margin-left: 15px;
}
.inputacceso.gridacceso input[type="checkbox"] {
  max-width: 100%;
  height: 40px;
  border-radius: 50%;
  background: var(--blueligth);
}



.inputacceso.gridacceso div.orden2 {
  display: flex;
  width: 100%;
  grid-area: 2 / 1 / 3 / 3;
  flex-direction: column;
  position: relative;
}

.inputacceso.gridacceso div.orden2 input[type='checkbox']{
  
}

.inputacceso.gridacceso div.orden2 label.fas{
  width: 40px;
    height: 40px;
    color: #FFF;
    position: absolute;
    top: 24px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    /* font-size: 12px; */
    background: var(--agenda--day--pestania);
    border-radius: 50em;
    margin-left: initial;
    padding-right: initial;
    padding: auto 10px !important;
    cursor: pointer;
}


.inputacceso.gridacceso div.orden2 #button {
  display: none;
}

.inputacceso.gridacceso div.orden2 #button + label:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f070";
  
}

.inputacceso.gridacceso div.orden2 #button:checked + label:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  content: "\f06e"; 
}

/* #button + label:before {
  font-weight: 400;
  content: "Ver"; 
}

#button:checked + label:before {
  font-weight: 400;
  content: "Ocultar";
} */


.inputacceso.gridacceso div.orden3 {
  display: flex;
  width: 100%;
  grid-area: 3 / 1 / 4 / 2;
  justify-content: flex-start;
  align-items: center;
  text-transform: initial !important;
}

.inputacceso.gridregistro div.orden3 .terminosacceso {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  width: 100%;
  justify-content: flex-start;
  padding: initial;
  align-items: center;
}

.inputacceso.gridacceso div.orden3 label{
  text-transform: initial !important;
  color: var(--text--privacybox);
}

.inputacceso.gridacceso div.orden3 label a{
  
  color: var(--text--privacybox--link);
  text-decoration: underline;
}


/* .inputacceso.gridacceso div.orden3 button{
  display: flex;

  width: 100%;
  padding: 15px 30px;
  justify-content: center;
  margin: 0 auto;
  background: var(--bg-hover-rojo);
  color: #FFF;
  border-radius: 25px;
  font-size: 1em;
  transition: all .3s ease-in;
  text-transform: uppercase;
}
.inputacceso.gridacceso div.orden3 button:hover{
  background: rgb(152, 3, 3);
  transition: all .3s ease-in;
} */

.inputacceso.gridacceso div.orden4 {
  display: flex;
  width: 100%;
  grid-area: 4 / 1 / 5 / 2;
  flex-direction: column;
}








/* .inputacceso.gridacceso div.orden5 p{
  color: #fff;
  font-weight: 100;
}

.inputacceso.gridacceso div.orden5 p a{
  color: #fff;
  font-weight: bolder;
  text-decoration: underline;
} */

.inputacceso.gridacceso div.orden5 {
  display: flex;
  width: 100%;
  grid-area: 5 / 1 / 6 / 2;
  flex-direction: column;
}

.inputacceso.gridacceso div.orden5 button{
  display: flex;
  /* width: fit-content; */
  width: 100%;
  padding: 15px 30px;
  justify-content: center;
  margin: 0 auto;
  background: var(--btn--register--principal);
  color: #FFF;
  border-radius: 25px;
  font-size: 1em;
  transition: all .3s ease-in;
  text-transform: uppercase;
}
.inputacceso.gridacceso div.orden5 button:hover{
  filter: brightness(90%);
  transition: all .3s ease-in;
}


.inputacceso.gridacceso div.orden6{
  display: flex;
  width: 100%;
  flex-direction: column;
  grid-area: 6 / 1 / 7 / 2;
}


.inputacceso.gridacceso div.orden6 p{
  color: #fff;
  font-weight: 300;
}

.inputacceso.gridacceso div.orden6 p a{
  color: #fff;
  font-weight: bolder;
  text-decoration: underline;
}



.inputacceso.gridsend{
  display: flex;
  width: 100%;
  /* grid-area: 1 / 1 / 2 / 3; */
  flex-direction: column;
  height: 85%;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 3em 25px 2em ;
}

.inputacceso.gridsend div.orden1{
  /*background: var(--bg-blue-strong) ;*/
  text-transform: uppercase;
  font-size: 1.8em;
  text-align: center;
  padding: 15px 0;
  color: var(--text-white);
 /* border-radius: 25px;
  border: 1px solid var(--bg-blue-strong);*/

}

.inputacceso.gridsend div.orden1 .tydiscl{
  margin-top: 25px;
  font-size: 16px;
}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

  .inputacceso.gridregistro div.terminos {
    align-items: initial;
  }
}}

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

  .inputacceso.gridregistro div.terminos {
    align-items: initial;
  }
}}

@supports (-webkit-hyphens:none){ @content {
  .inputacceso.gridregistro div.terminos {
    align-items: initial;
  }
} }

/* @media screen and (-webkit-min-device-pixel-ratio:0) { 
  .inputacceso.gridregistro div.terminos {
    align-items: initial;
  }
  .inputacceso.gridregistro div.terminos div {
    display: inline-block;
    align-items: center; 
  }

  ::i-block-chrome,.flex-direction-nav-featured a{
      margin-top: 5%;
  } 
} */


 .recuperaacceso{
  display: flex;
  flex-direction: column;
  align-items: center;
 }
 .recuperaacceso p {
   
  font-weight: 200;
  color: var(--white);
  display: block;
  text-align: center;
 }

 .recuperaacceso p img{
  margin-left: 5px;
  border-radius: 50%;
 }

 .recuperaacceso p a {
    
  font-weight: bold;
  color: var(--white);
 }
 .btnacceso a{
  display: flex;
  padding: 5px 25px;
  justify-content: center;
  text-align: center;
  color: var(--text-white);
   
  background: var(--bg-hover-rojo);
  font-weight: 200;
  font-size: 1.2em;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: fit-content;
}
.btnacceso a i{
  padding-left: 10px;
}
.btnacceso a:hover{
  transition: all 0.3s ease-in-out;
  background:rgb(142, 5, 17);
}
.recuperaacceso p{
  color: var(--text-white);
  margin-top: 10px;
}

.recuperaacceso p strong{
    
  font-weight: bold;
}

.for-error.terms-error{
  text-align: center;
  margin-top: 15px;
}

/*********************** Seccion Agenda ***********************/
.subminisector{
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.subminisector h2{
  color: var(--text-blueintense);
  font-size: 1.4em;
    
  font-weight: bold;
}
.subminisector h3{
  color: var(--text-white);
  font-size: 1.1em;
    
    font-weight: normal;
}
.subminisector p{
  color: var(--text-white);
  font-size: 1em;
   
  font-weight: 200;
}
.subminisector p.bajada{
  font-size: 1em;
  margin-top: 1.5rem;
}
.subminisector p.bajada strong{
  font-size: 1em;
  margin-top: 1.5rem;
    
    font-weight: bold;
}
.agendatext{
  font-weight: 800;
  color: #55bbee;
  display: flex;
  align-items: center;
  font-size: 2.2em;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.superboxagenda{
  display: flex;
  width: 100%;
  margin-top: 2em;
}

.superboxagenda.newagenda{
  display: flex;
  width: 100%;
  margin-top: 0em;
}

.textosagenda{
  display: flex;
  flex-direction: column;
  margin: 2em 0;
  width: 100%;
}

.textosagenda h2{
  font-size: 2.2em;
  color: var(--agenda--text--h2);
  text-transform: uppercase;
  margin-bottom: 1em;
  text-align: center;
  font-weight: 600;
}
.textosagenda h2 strong{
  color: var(--agenda--text--h2--strong);
}
.textosagenda p{
  font-size: 1.8em;
  color: var(--agenda--text--p);
  text-align: center;
}

.arrowsvertical{
  position: relative;
  display: flex;
  width: 30px;
  flex-direction: column;
  justify-content: space-between;
  color: var(--text-white);

}
.boxgridagenda{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.boxgridagenda .titleevents{
  display: flex;
  width: 100%;
  flex-direction: column;
}
.boxgridagenda .titleevents{
  margin-top: 2em;
}
.boxgridagenda .titleevents h3{
  color: var(--text-blueintense);
  text-transform: uppercase;
  font-size: 1.2em !important;
}

.boxgridagenda .titleevents2 h3{
  color: var(--text-blueintense);
  text-transform: uppercase;
  font-size: 1.4em !important;
  margin-top: 10px;
}



/* .boxgridagenda .titleevents h3{
  color: var(--text-blueintense);
  text-transform: uppercase;
  font-size: 1.2em;
  transition: all .4s ease-in;
  text-decoration: underline;
  cursor: pointer;
}

.boxgridagenda .titleevents h3:hover{
  color: #aeecf1;
  transition: all .4s ease-in;
} */


.boxgridagenda .titleevents h3 a{
  color: var(--text-blueintense);
  text-transform: uppercase;
  font-size: 1.2em !important;
  transition: all .4s ease-in;
  text-decoration: underline;
  cursor: pointer;
}

.boxgridagenda .titleevents h3 a:hover{
  color: #aeecf1;
  transition: all .4s ease-in;
}
.boxgridagenda .titleevents p{
  color: var(--white);
  font-size: 1em;
   
    font-weight: 200;
}
.boxgridagenda .titleevents p strong{
  color: var(--white);
  font-size: 1em;
    
  font-weight: bold;
}

.boxgridagenda .titleevents2 p{
  color: var(--white);
  font-size: 1em;
   
    font-weight: 200;
}
.boxgridagenda .titleevents2 p strong{
  color: var(--white);
  font-size: 1em;
    
  font-weight: bold;
}
.gridagenda{
  margin-top: 1.5em;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  
}
.superboxagenda.newagenda .gridagenda{
  margin-top: 0;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}


.item{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.item .dateevent{
  text-align: center;
}
.item .dateevent p{
  text-align: center;
   
  font-weight: 200;
  color: var(--text-white);
}
.item .dateevent p strong{
  text-align: center;
   
  font-weight: 200;
  color: var(--text-blueintense);
  font-size: 2em;
}
.item .card{
  border: 1px solid var(--white);
  margin-top: 10px;
  height: 100%;
  box-shadow: rgb(6, 14, 23) 0px 20px 30px -10px;
  background: rgba(13, 26, 58, .8);

}
.item .card .topcard{
  background: var(--text-bluemedium);
  padding: 5px;
  color: var(--text-white);
  font-size: 14px;
    
  font-weight: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4;
  min-height: 90px;
}
.item .card .topcard .horarioevent{
  display: flex;
  align-items: center;
    
  font-weight: bold;
  text-align: center;
}
.item .card .topcard .deschorarioevent{
  display: flex;
  align-items: center;
   
  font-weight: 200;
  font-size: 1.2em;
  color: var(--bg-blue-strong);
}

.item .card .topcard .deschorarioevent strong{
    
  font-weight: bold;
  color: var(--bg-blue-strong);
}


.item .card .bottomcard{
  
  padding: 5px;
  color: var(--text-white);
  font-size: 14px;
    
  font-weight: normal;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* min-height: 320px; */
  min-height: calc(100% - 90px);
}

.item .card .bottomcard .datecardconference{
  display: flex;
  flex-direction: column;
}

.item .card .bottomcard ol{
 margin-top: 10px;
 margin-bottom: 20px;
}
.item .card .bottomcard ol li{
  color: var(--text-white);
 }
.item .card .bottomcard ol li strong{
    
  font-weight: bold;
  color: var(--text-blueintense);
 }

 .item .card .bottomcard .nameconference{
   
  font-weight: 200;
  font-size: 1.3em;
 }

 .item .card .bottomcard .nameconference strong{
    
  font-weight: bold;
  font-size: 1.1em;
 }


 .containerlive{
  display: flex;
  width: 100%;
  flex-direction: column;
  background: var(--bg--container--live);
  padding: var(--padding--container--live-dk);
  
 }

.item .card .bottomcard .botoneraslive{
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 10px;
}

.btnsactionlive{
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.botoneraschangelive{
  display: flex;
  width: 40%;
  justify-content: flex-start;
  /* margin-bottom: 20px; */
}

.botoneraschangelive .btnliveesp a{
  display: flex; 
  width: fit-content; 
  padding: 5px 8px; 
  background: var(--live--btn--esp); 
  color: var(--text-white); 
  align-items: center; 
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
.botoneraschangelive .btnliveesp a:hover{
  opacity: .7;
  transition: all .4s ease-in;
}
.botoneraschangelive .btnliveeng{
  margin-left: 10px;
}


.botoneraschangelive .btnliveeng a{
  display: flex; 
  width: fit-content; 
  padding: 5px 8px; 
  background: var(--live--btn--eng); 
  color: var(--text-white); /* height: 30px; */ 
  align-items: center; 
  justify-content: center; 
  border-radius:  3px; 
  cursor: pointer;
  transition: all .4s ease-in;
}
.botoneraschangelive .btnliveeng a:hover{
  opacity: .7;
  transition: all .4s ease-in;
}


.botonerasaccess{
  display: flex;
  width: 60%;
  justify-content: flex-end;
  align-items: center;
  color: #fff;
}

.botonerasaccess p{
  margin-right: 5px;
  color: var(--black);
}
.botonerasaccess p.accessp{
  color: #FFF;
}
.botonerasaccess p#p1{
 color: var(--white);
}

.botonerasaccess.top{

}

.botonerasaccess.bottom{
  display: none;
}
.textbajolive{
  color:#000;
  width: 100%;
  margin: 8px auto;
  font-size: .8em; 
  /* margin-top: 8px; */
  background: rgba( 255, 255, 255, 0.60 );
  display: none;
}



.accesscode{
  display: flex;
    width: fit-content;
    padding: 5px 8px;
    background: #4db9d4;
    color: var(--text-white) !important;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .4s ease-in;
}


.accesscode:hover{
  opacity: .7;
  transition: all .4s ease-in;
}

.accesscode div{
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  padding: 5px;
  border-radius: 50%;
}

.accesscode div i{
  font-size: 12px;
}


.accesscode2{
  display: flex;
    width: fit-content;
    padding: 5px 8px;
    background: #00bdf2;
    color: var(--text-white) !important;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .4s ease-in;
    margin-right: 10px;
    display: none;
}
/* 
background: #00bdf2;
background: #68cee7; */
.accesscode2:hover{
  opacity: .7;
  transition: all .4s ease-in;
}

.accesscode2 div{
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  padding: 5px;
  border-radius: 50%;
}

.accesscode2 div i{
  font-size: 12px;
}


.item .card .bottomcard .botoneraslive .enter{
  display: flex;
  width: fit-content;
  padding: 5px 8px;
  background: var(--bg-hover-rojo);
  color: var(--text-white);
  /* height: 30px; */
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}

.item .card .bottomcard .botoneraslive .enter:hover{
  opacity: .9;
}

.item .card .bottomcard .botoneraslive .addcalendar{
  display: flex;
  width: fit-content;
  padding: 5px 8px;
  background: #25b3e5;
  color: var(--text-white);
  /* height: 30px; */
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 3px;
  cursor: pointer;
}

.item .card .bottomcard .botoneraslive .addcalendar:hover{
  opacity: .9;
}

.livecard{
  margin: 5px 0;
}



/* PONENTES */
.superboxponentes {
  display: flex;
  height: auto;
  width: 100%;
  min-height: 81vh;
  padding: 0rem 0 4rem;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.sectponentes{
  display: flex;
  height: auto;
  width: 100%;
  justify-content: center;
  z-index: 1;
}
.ponentestext{
    
  font-weight: bold;
  color: var(--section--titles);
  display: flex;
  text-align: left;
  font-size: 2.2em;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px;
}

.textoponentes{
    display: flex;
    width: 90%;
    max-width: 1700px;
    flex-direction: column;

}

.ponentestextparrafo{
  display: flex;
  text-align: left;
  font-size: 28px;
  text-transform: uppercase;
  color: #064663;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px;
}

.ponentestextparrafo strong{
  color: #77b7e4;
}



.card.itemext .content .listaamenidades{
  display: flex;
  font-size: 14px;
}
.boxponentes{
  display: flex;
  width: 90%;
  max-width:  1700px;
  flex-direction: column;
}
.titlesection{
  font-size: 1em;
}
.carouselponentes{
  margin: 20px 0;
}
.carouselponentes span {
  font-weight: 300;
  color: var(--ponnetes--card--text--secondary);
}
/* Slider */
.slider{
  width: 100%;
  display: flex;
}
.slider .card{
  flex: 1;
  margin: 0 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  border: 1px solid #fff;
  padding: 10px;
  background: var(--bg-blue-strong-alfa);
}
.slider .card .img{
  height: 300px;
  width: 100%;
}
.slider .card .img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.slider .card .content{
  padding: 10px 0px;
}
.slider .card .content .ponentedate{
  color: var(--text-white);
    
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
.slider .card .content .ponentedate p strong{
  color: var(--text-blueintense);
    
  font-weight: bold;
}
.slider .card .content .ponenciabajada{
  color: var(--text-white);
   
  font-weight: 200;
  font-size: 14px;
  margin-bottom: 10px;
}
.slider .card .content .ponenciahorario{
  color: var(--text-white);
    
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.slider.owl-carousel .owl-dots.disabled, .slider.owl-carousel .owl-nav.disabled {
  display: block;
  display: flex;
  justify-content: space-between;
  top: 34%;
  position: absolute;
  width: 100%;
}
.slider.owl-carousel .owl-dots, .slider.owl-carousel .owl-nav {
  display: block;
  display: flex;
  justify-content: space-between;
  top: 34%;
  position: absolute;
  width: 100%;
}
.slider.owl-carousel .owl-nav .owl-next, .slider.owl-carousel .owl-nav .owl-prev {
    height: 50px;
    width: 50px;
    top: calc(50% - 25px);
    color: #fff;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 50%;
}
.slider .owl-next {
  right: -45px;
  color: #fff;
}
.slider .owl-prev {
  left: -45px;
  color: #fff;
}
.slider .owl-next i{
  font-size: 50px;
  font-weight: 100;
}
.slider .owl-prev i{
  font-size: 50px;
  font-weight: 100;
}
.card .content .ponentedate{
  font-size: 1.1em;
  color: var(--text-blueintense);
}
.card .content .sub-title{
  font-size: .9em;
  font-weight: 200;
  color: var(--bluestrong);
  line-height: 20px;
}
.card .content .btn button:hover{
  transform: scale(0.9);
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  position: relative;
}



.gridspeakerstm{
  margin-top: 1.5em;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.gridspeakerstm .card{
  flex: 1;
  margin: 0 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  /* border: 1px solid var(--ponentes--card--border); */
  padding: 10px;
  background: var(--ponentes--card--background);
  cursor: pointer;
}
.gridspeakerstm .card .img{
  /*height: 300px;*/
  width: 100%;
}
.gridspeakerstm .card .img img{
  /*height: 100%;*/
  width: 100%;
  object-fit: cover;
}
.gridspeakerstm .card .content{
  padding: 10px 0px;
}
.gridspeakerstm .card .content .ponentedate{
  color: var(--text-white);
    
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
.gridspeakerstm .card .content .ponentedate p strong{
  color: var(--ponentes--card--text--principal);
    
  font-weight: bold;
  text-decoration: none;
  transition: all .3s ease-in;
}

.gridspeakerstm .card .content .ponentedate p strong:hover{
  color: #ccf8f6;
  transition: all .3s ease-in;
}

.gridspeakerstm .card .content .ponenciabajada{
  color: var(--text-white);
   
  font-weight: 200;
  font-size: 14px;
  margin-bottom: 10px;
}
.gridspeakerstm .card .content .ponenciahorario{
  color: var(--text-white);
    
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.gridspeakerstm.owl-carousel .owl-dots.disabled, .gridspeakerstm.owl-carousel .owl-nav.disabled {
  display: block;
  display: flex;
  justify-content: space-between;
  top: 34%;
  position: absolute;
  width: 100%;
}
.gridspeakerstm.owl-carousel .owl-dots, .gridspeakerstm.owl-carousel .owl-nav {
  display: block;
  display: flex;
  justify-content: space-between;
  top: 34%;
  position: absolute;
  width: 100%;
}
.gridspeakerstm.owl-carousel .owl-nav .owl-next, .gridspeakerstm.owl-carousel .owl-nav .owl-prev {
    height: 50px;
    width: 50px;
    top: calc(50% - 25px);
    color: #fff;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 50%;
}
.gridspeakerstm .owl-next {
  right: -45px;
  color: #fff;
}
.gridspeakerstm .owl-prev {
  left: -45px;
  color: #fff;
}
.gridspeakerstm .owl-next i{
  font-size: 50px;
  font-weight: 100;
}
.gridspeakerstm .owl-prev i{
  font-size: 50px;
  font-weight: 100;
}


/*********************** Home Superbox ***********************/

.homesuperbox{
  display: flex;
  width: 100%;
  height: 100%;
  /* min-height: calc(100vh - 111px); */
  padding-top: 111px;
  justify-content: center;
  margin-bottom: 4em;
}

.boxhomesuperbox{
  display: flex;
  width: 90%;
  max-width: 1500px;
}

.homesuperbox .lefthome{
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  align-items: center;
}

.homesuperbox .lefthome .texthome{
  display: flex;
  flex-direction: column;
}

.homesuperbox .lefthome .texthome h1{
  font-size: 45px;
  color: #77b7e4;
  /*text-transform: uppercase;*/
  margin-bottom: 30px;
}

.homesuperbox .lefthome .texthome h1 strong{
  color: #064663;
}

.homesuperbox .lefthome .texthome h2{
  font-size: 2em;
  color: #064663;
  /*text-transform: uppercase;*/
  margin-bottom: 30px;
  font-weight: 600;
  text-align: center;
}

.homesuperbox .lefthome .texthome h2 strong{
  color: #77b7e4;
}

.homesuperbox .lefthome .texthome p{
  color: #43235E;
  font-size: 1.5em;
  margin-bottom: 30px;
}

.homesuperbox .lefthome .texthome p a{
  color: var(--bg--subfooter);
}

/* .homesuperbox .lefthome .buttonhome{
  background: var(--agenda--interest-hour);
  color: #fff;
  font-size: 20px;

  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  width: fit-content;
  padding: 15px 30px;
  border-radius: 30px;
  margin-bottom: 30px;
  transition: all .3s ease;
} */

.homesuperbox .lefthome .buttonhome {
  background: #00534C;
  color: #fff;
  font-size: 20px;
  /* line-height: 2.4000000000000004rem; */
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  /* width: fit-content; */
  text-align: center;
  padding: 15px 30px;
  border-radius: 30px;
  margin-bottom: 30px;
  transition: all .3s ease;
}

.homesuperbox .lefthome .buttonhome2 {
  background: var(--agenda--interest-hour);
  color: #fff;
  font-size: 20px;
  /* line-height: 2.4000000000000004rem; */
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  /* width: fit-content; */
  text-align: center;
  padding: 15px 30px;
  border-radius: 30px;
  margin-bottom: 30px;
  transition: all .3s ease;
}

.homesuperbox .lefthome .buttonhome:hover{
  background: var(--bg--subfooter);
  transition: all .3s ease;
}





.homesuperbox .righthome{
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: center;
  transform: translateY(-15%);
}

.homesuperbox .righthome img{
  display: flex;
  width: 100%;
}

.homesuperbox .righthome img:nth-child(1) {
  display: flex;
}

.homesuperbox .righthome img:nth-child(2) {
  display: none;
}



/*********************** Seccion Live ***********************/

.superboxlive {
  display: flex;
  height: auto;
  width: 100%;
  min-height: 81vh;
  padding: 0rem 0 4rem;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}

.sectlive{
  display: flex;
  height: auto;
  width: 100%;
  justify-content: center;
  z-index: 1;
}

.livetext{
    
  font-weight: bold;
  color: var(--section--titles);
  display: flex;
  text-align: left;
  font-size: 2.2em;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-bottom: 25px;
}

.boxvideolive{
  display: flex;
  width: 70%;
  border: 4px solid var(--border--color--live)
}

.boxvideochat{
  display: flex;
  width: 30%;
  background-color: #2a2a2a;
  color: #ffffff;
}
/* Chat accents and legibility */
.boxvideochat a,
.boxvideochat a:visited { color: #643182; }
.boxvideochat a:hover,
.boxvideochat a:focus { color: #643182; opacity: .85; }
.boxvideochat hr,
.boxvideochat .divider { border-color: #643182; background-color: #643182; }
.boxvideochat .icon,
.boxvideochat i,
.boxvideochat svg { color: #643182; stroke: #643182; }

.videolive{
  display: flex;
  width: 100%;
  position: relative;
  background-image: url('img/back_icono.jpg');
}


/* Modal */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
   display: flex;
   flex-direction: column;
   background-color: var(--ponentes--modal--bg);
   margin: 15% auto;
   padding: 30px;
   width: 80%;
   color: #fff;
   border: 2px solid var(--ponentes--modal--border);
   max-width: 800px;
}

/* The Close Button */

.modal-content .boxclosemodal .close{
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.modal-content .boxclosemodal .close {
  color: var(--ponentes--modal--close);
  float: right;
  font-size: 28px;
  font-weight: bold;
  transition: all .3s ease-in;
  margin-bottom: 1em;
}

.modal-content .boxclosemodal .close:hover,
.modal-content .boxclosemodal .close:focus {
  color: var(--text-white);
  text-decoration: none;
  cursor: pointer;
}

.modal-content .boxclosemodal .close i{
  background: var(--ponentes--modal--close);
  padding: 3px;
  border-radius: 50%;
  color: #FFF;
  height: 34px;
  width: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.infomodalponente{
  display: flex;
  justify-content: space-between;
}

.infomodalponente .namemodal{
   
  letter-spacing: 2px;
  font-size: 1.4em;
  color: var(--ponentes--modal--text--principal);
  font-weight: bold;
 
}

.infomodalponente .ponenciamodal{
    
  font-weight: normal;
  font-size: 1.1em;
  color: var(--ponentes--modal--text--secondary);
  margin-top: 10px;
}

.infomodalponente .horariomodal{
    
  font-weight: bold;
  font-size: 1em;
  color: var(--text-white);
  margin-top: 10px;
}





.photomodalponente{
  display: flex;
  width: 30%;
  height: auto;
  border: 1px solid var(--ponentes--modal--borderphoto);
}

.principalmodalponente{
  display: flex;
  width: 60%;
  height: auto;
  flex-direction: column;
}

.descmodalponente{
  display: flex;
  margin-top: 15px;
  color: var(--ponnetes--card--text--secondary);
  font-size: .9em;
}


/* Menu */

.navigation {
  height: 70px;
  background: #000000;
}

.brandlogo {
  position: absolute;
  padding-left: 0px;
  float: left;
  line-height: 70px;
  text-transform: uppercase;
  font-size: 1.4em;
  z-index: 10;
}
.brandlogo a,
.brandlogo a:visited {
  color: #ffffff;
  text-decoration: none;
}

.brandlogo a img{
  height: auto;
  width: 80%;
  margin-top: 0px;
}

.nav-container {
  max-width: calc(100% - 150px);
  margin: 0 auto;
  position: relative;
}

nav {
  float: right;
  position: relative;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 20px;
  /* line-height: 70px; */
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
}
nav ul li ul li a,
nav ul li ul li a:visited {
  display: block;
  padding: 0 20px;
  /* line-height: 70px; */
  background: #000000;
  color: var(--menu-hover);
  text-decoration: none;
  display: flex;
  align-items: center;
}

nav ul li a:hover,
nav ul li a:visited:hover {
  background: var(--menu-hover);
  color: #ffffff;
}

nav ul li ul li a:hover,
nav ul li ul li a:visited:hover {
  background: var(--menu-hover);
  color: #ffffff;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

/* nav ul li.btncircle:hover,
nav ul li.btncircle:visited:hover{
  background: initial;
} */

/* nav ul li.btncircle a:hover,
nav ul li.btncircle a:visited:hover {
  background: initial;
} */

/* nav ul li.btncircle{
  background: var(--menu-hover);
  border-radius: 100%;
  display: flex;
  height: 70px;
}
nav ul li.btncircle:hover{
  background: none;
}
nav ul li.btncircle a i{
  background: var(--menu-hover);
  padding: 15px;
  border-radius: 50%;
} */

/* nav ul li a.btncircle:hover{
  background: initial;
  color: #ffffff;
  
} */

nav ul li.mark a{
  background: var(--menu-hover);
  padding: 0px 10px;
  margin: 0 10px;
}
nav ul li.btncircle a{
  background: var(--menu-hover);
  height: 34px;
  border-radius: 50%;
}
nav ul li.btncircle a, nav ul li.btncircle a:visited {
  padding: 0px 10px;
}
nav ul li.outline{
  background: transparent;
}
nav ul li.outline a{
  background: transparent;
}
nav ul li.outline ul li a{
  background: #000;
}
nav ul li ul li a{
  color: var(--menu-hover);
}

nav ul li.outline ul li:hover a{
  background: var(--menu-hover);
  color: #FFF;
}




.nav-list{
  display: flex ;
  height: 70px;
  align-items: center;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: var(--menu-hover);
  height: 70px;
  width: 70px;
}
@media only screen and (min-width: 798px) {
  .nav-list{
    display: flex !important;
  } 
}

@media only screen and (max-width: 798px) {
  /* .nav-list{
    display: initial !important;
    height: initial;
    align-items: initial;
  } */
  .nav-list {
    display: initial;
    height: initial;
    align-items: initial;
    display: none;
  }
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 70px 0 0px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
  .nav-container {
    max-width: 90%;
  }
  nav ul li.btncircle a, nav ul li.btncircle a:visited {
    padding: 0px 10px;
    width: fit-content;
    margin: 10px 0 10px 10px;
  }
  nav ul li.mark a {
    padding: 10px 10px;
  }
  nav ul li.outline:hover,  nav ul li.outline:visited:hover {
    /* background: transparent; */
    background: var(--menu-hover);
  }
  nav ul li.mark a {
    margin: 0 0px;
  }
}
/* @media screen and (min-width: 799px) {
  .nav-list {
    display: flex !important;
  }
} */
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


@media only screen and (min-width: 64rem) {
  .menu {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    padding: 0rem;
    margin-left: auto;
    background: none;
    box-shadow: none;
  }
  .menu-inner {
    display: flex;
    flex-direction: row;
    column-gap: 1.25rem;
    margin: 0 auto;
  }
  .menu-link {
    text-transform: uppercase;
  }
  .menu-block {
    margin-left: 2rem;
  }
}

.burger {
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
  order: -1;
  z-index: 10;
  width: 1.75rem;
  height: 1rem;
  border: none;
  outline: none;
  background: none;
  visibility: visible;
  transform: rotate(0deg);
  transition: 0.35s ease;
}
@media only screen and (min-width: 64rem) {
  .burger {
    display: none;
    visibility: hidden;
  }

  .header{
    background: var(--bg--header-normal) ;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    color: var(--text--header);
    /* backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px ); */
  
    /* border-bottom: 2px solid rgba( 255, 255, 255, 1 ); */
  }
}
.burger-line {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2px;
  border: none;
  outline: none;
  opacity: 1;
  transform: rotate(0deg);
  background-color: var(--white);
  transition: 0.25s ease-in-out;
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.burger.is-active .burger-line:nth-child(1) {
  top: 0.5rem;
  transform: rotate(135deg);
}
.burger.is-active .burger-line:nth-child(2) {
  right: -1.5rem;
  opacity: 0;
  visibility: hidden;
}
.burger.is-active .burger-line:nth-child(3) {
  top: 0.5rem;
  transform: rotate(-135deg);
}

.banner-column {
  position: relative;
  display: grid;
  align-items: center;
  row-gap: 3rem;
}

#video-bg{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  z-index: -1;
}

.bgfixedfijo{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* object-fit: cover; */
  position: absolute;
  top: 0;
  z-index: -1;
  background-image: url('img/bg-banx.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

/* .bgfixedfijo img{
  height: 100%;
  width: 100%;
} */

/* SECCIONES */



/* ************************* */

/* LIVE */

/* EN VIVO */
.alertnow{
  display: flex;
  background: var(--bg--line--envivo);
  justify-content: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--bg--lineborder--envivo);
 }
  
 .alertnow .inner{
   /* justify-content: initial; */
   align-items: center;
   margin: 0 auto;
    width: 90%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    max-width:  1700px;
    max-width: inherit;
    flex-wrap: nowrap;
        /* justify-content: initial; */
        align-items: center;
  }
 
  .alertnow .alertnowleft{
   display: flex;
   align-items: center;
   width: calc(100% - 150px);
  }
 
  .alertnow .alertnowrigth{
   display: flex;
   align-items: center;
 
   justify-content: right;
   width: fit-content;
   display: none;
  }
 
  .alertnow .alertnowrigth .imgcontainer{
   display: flex;
   width: 100%;
   max-width: 150px;
  }
 
  .alertnow .alertnowrigth .imgcontainer img{
   height: 30px;
   width: auto;
  }
 
  .alertnow .alertnowrigth .btnir{
   display: flex;
   justify-content: center;
   align-items: center;
   width: 30px;
   height: 30px;
   /* border-radius: 50%; */
   color: #fff;
   background: var(--bg-hover-rojo);
   /* border-radius: 5px; */
   margin-left: 10px;
   transition: all .3s ease;
   z-index: 2;
  }
 
 
 
 .buttonred{
   background: var(--bg-hover-rojo);
   color: #ffffff;
   padding: 5px 10px;
   /* border-radius: 5px; */
   font-weight: bold;
 }
 
 .alertnow h2{
   color: #e2e2e2;
   font-weight: bold;
   /* letter-spacing: 2px; */
   cursor: pointer;
   margin-bottom: initial;
   font-size: 14px;
   margin-left: 1em;
   display: flex;
   align-items: center;
  }
 
  .alertnow h2 span{
   transition: all .3s ease;
  }
 
  .alertnow h2:hover span{
   color: #fff;
   text-shadow: 0 0 10px #fff,
                0 0 20px #fff, 
                0 0 40px #fff;
   transition: all .3s ease;
  }
 
  .alertnow h2 p{
   color: #e2e2e2;
   font-size: 12px;
   text-overflow: ellipsis;
   overflow: hidden; 
   white-space: nowrap;
  }
 
 
 /* Create the animation */
 @keyframes move {
   to { transform: translateX(-100%); }
 }
 
 .btnnow {
   display: block;
   position: relative;
   padding: 4px 10px;
   background-color: white;
   text-decoration: none;
   color: #333;
   border-radius: 50px;
   border: 1px solid white;
   transition: all 0.2s;
   z-index: 1;
   outline: none;
   font-size: 12px;
   display: flex;
   align-items: center;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }
 .btnnow:hover > span:before {
   -webkit-animation: none;
           animation: none;
 }
 
 .btnnow i{
  color: var(--bg--bgicon--envivo);
  font-size: 1.2em;
  margin-right: 5px;
}
 
 .alertnow:hover > .inner .alertnowrigth .btnir{
   /* opacity: .8; */
   transition: all .3s ease;
   filter: contrast(200%);
  }
 
 
 .btnnow:active {
   transform: translateY(0px);
   /* padding: calc(13px * 0.95) calc(25px * 0.95); */
   box-shadow: inset 0px 2px 1px #373737;
 }
 
 /* .btn_live {
   padding-right: 22px;
 } */
 
 span.live-icon {
   display: inline-block;
   position: relative;
   top: calc(50% - 5px);
   top: 2px;
   background-color: red;
   width: 10px;
   height: 10px;
   margin-left: 10px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   z-index: 1;
 }
 span.live-icon:before {
   content: "";
   display: block;
   position: absolute;
   background-color: rgba(255, 0, 0, 0.6);
   width: 100%;
   height: 100%;
   border-radius: 50%;
   -webkit-animation: live 2s ease-in-out infinite;
           animation: live 2s ease-in-out infinite;
   z-index: -1;
 }
 
 @-webkit-keyframes live {
   0% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(3.5, 3.5);
     background-color: rgba(255, 0, 0, 0);
   }
 }
 
 @keyframes live {
   0% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(3.5, 3.5);
     background-color: rgba(255, 0, 0, 0);
   }
 }
 
 button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}


.tutorial{
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 2em 0;
}

.boxtutorial{
  display: flex;
  width: 90%;
  max-width:  1500px;
  justify-content: space-between;
  
  flex-direction: column;
}

.boxtutorial iframe{
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 95%;
}


/* FIN SECCIONES */

/******************** FOOTER ********************/

.partners{
  display: flex;
  width: 100%;
  justify-content: center;
  background: #006a91;
}

.boxpartners{
  display: flex;
  /*width: 50%; se comenta para un solo item*/
  max-width:  1500px;
  justify-content: space-between;
  padding: 1em 0;
}

.boxpartners img{
  width: 100%;
  max-width: 294px;   
  height: auto;
}

.boxpartners::-webkit-scrollbar {
  height: 10px;
}

.boxpartners::-webkit-scrollbar-thumb,
.boxpartners::-webkit-scrollbar-track {
  border-radius: 92px;
}

.boxpartners::-webkit-scrollbar-thumb {
  background:#af65ff;
}

.boxpartners::-webkit-scrollbar-track {
  background:  #ead7ff;
}


.hs__arrows {
  align-self: end;
}
.hs__arrows .arrow:before {
  /* content: ""; */
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;

  content: "\f053";
  /* background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
  background-size: contain; */
  /* filter: brightness(5); */
  color: #af65ff;

  width: 20px;
  /* height: 20px; */
  cursor: pointer;
  font-size: 20px;
}



.hs__arrows .arrow.disabled:before {
  color: #cccccc;
  animation: none;
}
.hs__arrows .arrow.arrow-prev:before {
  /* transform: rotate(0deg); */
  margin-right: 10px;
}
.hs__arrows .arrow.arrow-next:before {
  /* transform: rotate(180deg); */
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}



.prefooter{
  display: flex;
  width: 100%;
  justify-content: center;
}

.boxprefooter{
  display: flex;
  width: 90%;
  max-width:  1500px;
  justify-content: flex-start;
  padding: 1em 0;
}

.boxprefooter img{
  height: 70px;
  width: auto;
}


.footer {
  display: flex;
  flex-direction: column;
  /* flex-flow: row wrap;
  padding: 30px 30px 20px 30px; */
  color: var(--text--footer);
  background: var(--bg--footer);
   
  /* letter-spacing: 2px; */
  /* position: fixed;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 10; */
}

/* .footer > * {
  flex: 1 100%;
} */

.contentfooter {
  display: flex;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  color: var(--text-white);
  /* padding-top: 1rem; */
  /* border-top: 1px solid var(--blueligth); */
  /* font-weight: 200; */
  font-size: 1em;
  max-width:  1500px;
  height: auto;
  margin: 0 auto;
  /* letter-spacing: 2px; */
  width: 90%;
  padding: 10px 0;
  background: var(--bg--footer);
  align-items: center;
}

.contentfooter a{
  color: var(--text-white);
  font-size: 1.1em;
  transition: all .3s ease-in;
}

.contentfooter a:hover{
  text-decoration: underline;
  transition: all .3s ease-in;
}

.contentfooter .social__links{
  display: flex;
}

.contentfooter .social__links ul{
  display: flex;
}

.contentfooter .social__links ul li{
  display: flex;
}

.contentfooter .social__links ul li a{
  display: flex;
  margin-right: 30px;
}

.contentfooter .social__links ul li:last-child a{
  margin-right: 0px;
}



.legal__links {
  display: flex;
  align-items: center;
  color: var(--text-white);
}
.legal__links a {
  color: var(--text-white);
}

.legal__links a:hover {
  text-decoration: underline;
  transition: all .3s ease-in;
}

.subfooter{
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding: 10px 0;
  background: var(--bg--subfooter);
}

.subfooter p{
  color: var(--text--subfooter);
  max-width:  1700px;
  width: 90%;
}



.minisector{
  display: flex;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  flex-direction: column;
  margin: 0 auto;
}


.boxbothev{
  height: 1500px;     
  margin-top: 58px;
}

/* VOD */
.vodtext{
    
  font-weight: bold;
  color: var(--section--titles);
  display: flex;
  align-items: center;
  font-size: 2.2em;
  width: 100%;
  text-align: center;
  justify-content: center;
}

.boxvod{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
  flex-direction: column ;
  padding: 2em;
  background: var(--vod--boxvod--bg);
  border-radius: 25px;
}

.vodgrid{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  max-width:  1700px;
  margin: 0 auto;
  border-bottom: 1px solid #FFF;
  padding-bottom: 20px;
  /*min-height: 80vh;*/
}
.boxgridvod {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  max-width:  1700px;
  margin-bottom: 1em;
}

.boxgridvod .titleevents h3{
  color: var(--section--titles);
  text-transform: uppercase;
  font-size: 1.4em !important;
  margin-top: 2em;
}


.itemvideo{
  width: 100%;
  /* display: inline; */
  display: flex;
  flex-direction: column;
}





/* .itmvideo p{
  color: var(--vod--text--secondary--carvideo);
    
  font-weight: 300;
}

.itmvideo p strong{
  color: var(--vod--text--principal--carvideo);
    
  font-weight: 800;
} */

.itmvideo iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*box-shadow: rgba(104, 204, 231, 0.65) 0px 5px 15px;*/
  /* color: rgb(104, 204, 231); */
  /* border: 3px solid var(--vod--border--video);
  border-radius: 25px; */
}

.itmvideo .containeervideo{
  padding: 57% 0 0 0; 
  position: relative;
  border-radius: 25px;
}

.itmvideo .containeervideo.mdl{
  padding: initial; 
  position: relative;
  border-radius: 25px;
  cursor: pointer;

}

.itmvideo .containeervideo.mdl img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}



.itmvideo .containeervideo.mdl .iconplay{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .5);
  color: #FFF;
  position: absolute;
  top: 0;
  z-index: 2;
  font-size: 1em;
 }

 .itmvideo .containeervideo.mdl .iconplay i{
  font-size: 3.5em;
 }

 .itmvideo .containeervideo #iframe{
  height: fit-content;
 }

.itmvideo .videobottom{
  display: flex;
  margin-top: 1em;
}

.itmvideo .videobottom .profilevideo{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 15px;
}

.itmvideo .videobottom .profilevideo img{
  width: 100%;
  border-radius: 50%;
  
}



.md-generic .header_modal, .md-info .header_modal, .md-error .header_modal, .md-warning .header_modal, .md-sucess .header_modal {
    width: 75%;
    margin: auto;
}


.itmvideo .videobottom .ponentvideo{
  display: flex;
  flex-direction: column;
  color: #fff;
  width: 100%;
}

.itmvideo .videobottom .ponentvideo h1{
  color: var(--vod--text--principal--carvideo);
    
  font-weight: 600;
  font-size: 1.2em;
  text-transform: uppercase;
}

.itmvideo .videobottom .ponentvideo h2{
  color: var(--vod--text--secondary--carvideo);
    
  font-weight: 400;
  font-size: 1em;
  /* margin-top: 1em; */
}

.itmvideo .videobottom .ponentvideo p{
  color: var(--vod--text--terciary--carvideo);
    
  font-weight: 300;
  /* margin-top: 1em; */
}

.itmvideo .videobottom .ponentvideo .containdownload{
  display: flex;
  width: 100%;
  justify-content: flex-start;
}

.itmvideo .videobottom .ponentvideo .btndwonloadvid{
  background: var(--vod--button--primary);
  color: #FFF;
  text-decoration: none;
  width: fit-content;
  padding: 5px 10px ;
  border-radius: 5px;
  margin-top: 5px;
}



.gridhouses{
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
  grid-gap: 20px;
  width: 80%;
  color: #fff;
  /* margin-top: 24%; */
  /* margin-top: 15%;
  margin-bottom: 10em; */
  margin: 15% auto 10em;
}

.gridhouses a{
  display: flex;
  align-items: flex-end;
  width: 100%;
}




.gridhouses a img{
  width: 100%;
}


.gridlist{
  /* display: grid; */
  /* grid-template-columns: 100px 2fr; */
  /* grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px; */
  display: flex;
  /* margin-bottom: 15px; */
  align-items: center;
  flex-direction: column;

}

.gridlist .iconboxpackage{
  width: 130px !important;
}


.gridlist .btnnow{
  width: fit-content;
}



.gridlist a{
  display: grid;
  width: 100%;
  margin-left: 10px;
  grid-template-columns: 80px 1fr;
}

.gridlist .packageday{
  display: flex;
  width: 100%;
  color:  var(--text-white);
  background: var(--bg-blue-strong);
  padding: 10px 0;
  padding-left: 105px;
  font-size: 1.5em;
  margin: 15px 0px;
  border-radius: 20px 20px 0 0 ;
}

.gridlist .packageday:first-of-type{
  margin-bottom: 15px;
  margin-top: 0px;
}

.gridlist .packagetexto{
  display: flex;
  width: 100%;
  padding: 12px 10px;
}




.datetextlist{
  color: #fff;
   
  font-weight: 200;
}

.datetextlist strong{
  color: #fff;
  text-shadow: 0 0 5px var(--bg-blue-strong);
    
  font-weight: bold;
  margin-right: 5px;
  border-radius: 15px;
}

.welcomerigth ul{
  margin: auto;
}



.tabs-container {
	padding: 4rem 0em ;

}

/**
 * Tabs Block
 */
.tabs-block {
	display: flex;
	align-items: center;
	justify-content: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/**
 * Tabs
 */
.tabs {
	display: flex;
  flex-direction: column;
  width: 100%;
}

.tabs > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* width: 15%; */
  display: flex;
}

.tabs > ul li {
	display: block;
}

.tabs > ul li:not(:last-child) {
	border-bottom: 1px solid #262626;
}

.tabs > ul li a,
.tabs > ul li a:visited {
	display: flex;
	border-bottom: none;
	text-decoration: none;
	background-color: var(--agenda--day--pestania--visit);
	color: #0d1a3a;
	padding: 10px 25px;
	transition: all 0.2s ease-in-out;
	word-wrap: break-word;
  justify-content: center;
  text-align: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.tabs > ul li a:hover,
.tabs > ul li a:focus,
.tabs > ul li a:active {
	border-bottom: none;
	outline: 0;
}

.tabs > ul li a.active {
	background-color: var(--agenda--day--pestania);
	color: #0d1a3a;
}

.tabs > ul li a:hover:not(.active) {
	color: #0067b8;
}

/* Ensure legibility: inactive tabs use white text on dark bg */
.tabs > ul li a:not(.active) {
	color: var(--agenda--text--principal);
}

.tabs > ul li a > span {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.tabs > ul li a > span.tab-label {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* display: none; */
}
.tabs > ul li a > span.tab-label div::after {
	content: '/';
}
.tabs > ul li a > span.tab-label div:last-child::after {
	content: '';
}
/* Color for the 3rd text (speaker) inside the tab header */
.tabs > ul li a > span.tab-label div:nth-child(3){
  color: #035c87;
}

.tabs section {
	/* width: 85%; */
	background-color: var(--agenda--background); /*rgba( 0, 103, 184, 0.75 );*/
	padding: 24px;
	display: none;
	/* word-wrap: break-word; */
	/*border-bottom: 6px solid #0067b8;*/
  /* margin-top: 44px; */
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

.tabs section > * {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.2s, transform 0.2s;
}

.tabs section > *:nth-child(1) {
	transition-delay: 0.2s;
}

.tabs section > *:nth-child(2) {
	transition-delay: 0.3s;
}

.tabs section > *:nth-child(3) {
	transition-delay: 0.4s;
}

.tabs section > *:nth-child(4) {
	transition-delay: 0.5s;
}

.tabs section > *:nth-child(5) {
	transition-delay: 0.6s;
}

.tabs section > *:nth-child(6) {
	transition-delay: 0.7s;
}

.tabs section > *:nth-child(7) {
	transition-delay: 0.8s;
}

.tabs section > *:nth-child(8) {
	transition-delay: 0.9s;
}

.tabs section > *:nth-child(9) {
	transition-delay: 1s;
}

.tabs section > *:nth-child(10) {
	transition-delay: 1.1s;
}

.tabs section > *:nth-child(11) {
	transition-delay: 1.2s;
}

.tabs section > *:nth-child(12) {
	transition-delay: 1.3s;
}

.tabs section > *:nth-child(13) {
	transition-delay: 1.4s;
}

.tabs section > *:nth-child(14) {
	transition-delay: 1.5s;
}

.tabs section > *:nth-child(15) {
	transition-delay: 1.6s;
}

.tabs section > *:nth-child(16) {
	transition-delay: 1.7s;
}

.tabs section > *:nth-child(17) {
	transition-delay: 1.8s;
}

.tabs section > *:nth-child(18) {
	transition-delay: 1.9s;
}

.tabs section > *:nth-child(19) {
	transition-delay: 2s;
}

.tabs section > *:nth-child(20) {
	transition-delay: 2.1s;
}

.tabs section.active {
	display: block;
}

.tabs section.active-content > * {
	opacity: 1;
	transform: translateY(0);
}
.tab-head{
  display: flex;
  /* position: fixed;
    z-index: 10; */
}

.tab-head .tab-link{
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }


.tab-body{
  display: flex;
  width: 100%;
  padding: 10px 15px;
}

.tab-body .itemagend{
  display: flex;
  width: 100%;
  color: var(--text-white);
  border-bottom: 1px solid #8cccf0;
  margin-top: 1em;
}
.tab-body .itemagend:first-child{
  margin-top: 0;
}



.tab-body .itemagend .profilephoto{
  max-width: 100px;
  margin-right: 1rem;
  margin-top: 2rem;
}

.tab-body .itemagend .profilephoto img{
  border-radius: 50%;
  margin-bottom: 0.4rem;
  border: 2px solid var(--agenda--border--profile);
  width: 100px;
  height: 100px;
}

.tab-body .itemagend .itemagendinfo{
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 2em;
}

.tab-body .itemagend .itemagendinfo h4.time{
  background: #b8e1ff;
  color: #0d1a3a;
  font-size: 1rem;
  /* line-height: 2.4000000000000004rem; */
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  width: fit-content;
  margin: 0 0 0.5rem;
  padding: 8px 12px;
  border-radius: 999px;
}

.tab-body .itemagend .itemagendinfo h3.title{
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 3.4rem;
  margin: 0;
  padding: 0.2rem .5rem;
  color: var(--agenda--text--principal);
}

.tab-body .itemagend .itemagendinfo h4.sub-title{
  font-size: .9em;
  line-height: 2.4000000000000004rem;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0.2rem .5rem;
  color: var(--agenda--text--secondary);
}

.tab-body .itemagend .itemagendinfo .itemagendlive{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab-body .itemagend .itemagendinfo .itemagendlive .livecard .btnnow{
  padding: 10px 12px;
  font-size: 1em ;
}

.tab-body .itemagend .itemagendinfo .itemagendabajo{
  display: flex;
  width: 100%;
  padding: 10px;
  flex-direction: column;
}

.tab-body .itemagend .itemagendinfo .itemagendabajo span{
 font-weight: 300;
 font-size: 1.4em;
 
}
.tab-body .itemagend .itemagendinfo .itemagendabajo span strong{
  font-weight: 900;
  color: var(--agenda--text--terciary);

 }

.tabs > ul li a > span.tab-icon {
  font-weight: bold;
  font-size: 1em;
}

.lineaddcalendar{
  display: flex;
  width: 100%;
  padding: 1em 0;
  justify-content: flex-end;
}

.lineaddcalendar a{
  display: flex;
  width: fit-content;
  padding: 8px 10px;
  /*background: rgba( 0, 0, 0, 0.20 );*/
  /*background: #618067;*/
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: var(--text-white);
  border: 2px solid #ffffff;
  transition: all .3s ease-in;
}

.lineaddcalendar a:last-child{
  margin-left: 10px;
} 

.lineaddcalendar a img{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.lineaddcalendar a:hover{
  background: rgba( 0, 0, 0, 0.8 );
  border: 4px solid #ffffff;
  color: var(--blueregular);
  transition: all .3s ease-in;

}

.hovershow{
  display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    
    padding-right: 2em;
    display: none;
}

.hovershow img{
  width: 200px;
  height: auto;
  border-radius: 25px;
}

#enlacelive {
 cursor: pointer;

}

#enlacelive:hover + .hovershow {
  display: flex;

}

#enlacelive2 {
  cursor: pointer;
 
 }
 
 #enlacelive2:hover > .itemagendinfo .itemagendarriba .hovershow {
   display: flex;
 
 }

 .enlacelive3{
  cursor: pointer;

}

 .enlacelive3:hover ~ .hovershow{
  display: flex;

}

.enlacelive3 span{
  font-weight: 300;
  font-size: 1.4em;
  padding: 0.2rem 0.5rem;
  color: #035c87;
 }
 .enlacelive3 span strong{
   font-weight: 900;
   color: #035c87;
  }



/* .pulse-button {
  width: fit-content;
  padding: 5px 10px;
  background: #5a99d4;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  -webkit-animation: pulse2 1.5s infinite;
}
.pulse-button:hover {
  -webkit-animation: none;
}

@-webkit-keyframes pulse2 {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
  }
} */

.encuest{
  display: flex;
  padding: 80px 10px 10px 10px;
  border-radius: 15px;
  /* background-color: rgba( 0, 0, 0, 0.20 ); */
  max-width:  1700px;
  margin: 0 auto;
  flex-direction: column;
}
.frm_style_formidable-style.with_frm_style .frm_primary_label {
  font-size: 1.8em !important;
}
.frm_style_formidable-style.with_frm_style .frm_scale label {
  font-size: 1.1em;
}

.frm_style_formidable-style.with_frm_style .frm_radio label{
  display: flex !important;
  flex-direction: column !important;
}

.frm_style_formidable-style.with_frm_style .frm_primary_label {
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 0 3px 0;
  width: auto;
  display: block;
  font-size: 1.8em !important;
}

.frm_style_formidable-style.with_frm_style .frm_radio label, .frm_style_formidable-style.with_frm_style .frm_checkbox label {
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
  font-size: 1.8em !important;
  display: flex;
  flex-direction: column;
}

.frm_button_submit {
  border-radius: 5px;
  background: #5a99d4;
  color: #fff;
  font-size: 2.5rem;
}
.frm_style_g21-blue.with_frm_style .frm_primary_label {
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 0 3px 0;
  width: auto;
  display: block;
}

#field_w6k5q_label:first-child{
  color: #fff;
}

input:checked{
  background-color: rgb(236 72 153);
  border-radius: 25px;
}

.iframfordformulario{
 height: 1400px;
}




@media (min-width: 576px) {

	.tabs > ul {
		/* width: 150px; */
	}

	.tabs > ul li a {
		flex-wrap: wrap;
	}

	.tabs > ul li a > span {
		width: 100%;
	}

	.tabs > ul li a > span.tab-label {
		width: 100%;
    display: flex;
    margin-top: 0.2rem;
    width: 100%;
    /* display: none; */
	}

	.tabs section {
		/* width: calc(100% - 150px); */
    width: 100%;
    box-sizing: border-box;
		padding: 2rem 2rem;
	}
}
/* @media (min-width: 768px) {


	.tabs-container {
		padding: 4rem 4rem;
	}
} */
/* @media (min-width: 992px) {

	.tabs {
		width: 800px;
	}
} */

.conferencistastext{

}


.supercontent.rgister{
  background: #212121;
  min-height: 170vh;
}

.supercontent.rgister .superboxponentes{
  min-height: auto;
}

.supercontent.rgister .superboxlive{
  min-height: auto;
}

.supercontent.rgister .boxcontent{
  max-width: 750px;
  color: #cecfd1;
  padding: 30px;
}

.supercontent.rgister .faq-content{
  line-height: 2;
}

.supercontent.rgister input{
  background: #182031;
  background: #182031;
  border: 1px solid #182031;
  border: 1px solid #182031;
  border-radius: 0;
  color: #fff;
  color: #FFF;
  float: left;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  outline: none;
  padding: 0 15px;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.supercontent.rgister .hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_34067e8c-d9de-4889-ad93-9f0659a57b77 fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.supercontent.rgister .hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_34067e8c-d9de-4889-ad93-9f0659a57b77 fieldset.form-columns-2 .hs-form-field {
  width: 48%;
  float: left;
}

.supercontent.rgister .hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_6d646eb0-f827-42f2-9c61-3ade56a7c044 fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

.supercontent.rgister .hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_34067e8c-d9de-4889-ad93-9f0659a57b77 fieldset.form-columns-2 .input {
  display: flex;
    width: 48%;
    flex-direction: column;
}

.supercontent.rgister fieldset{
  max-width: 100% !important;
}


.supercontent.rgister select {
  background: #182031;
  background: #182031;
  border: 1px solid #182031;
  border: 1px solid #182031;
  border-radius: 0;
  color: #fff;
  color: #FFF;
  float: left;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  outline: none;
  padding: 0 15px;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
}


.supercontent.rgister input[type=submit] {
  background: var(--vod--button--primary);
  border: 1px solid rgb(24, 32, 49);
  border-radius: 0px;
  color: rgb(255, 255, 255);
  float: left;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  outline: none;
  padding: 0px 15px;
  transition: all 0.5s ease-in-out 0s;
  width: fit-content;
  margin-bottom: 15px;
  box-sizing: border-box;
  cursor: pointer;
}

.anteregister{
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 1em 0;

}

.anteregister div:nth-child(1){
  display: flex;
  width: 70%;
 font-size: 1.4em;
}


.anteregister h3{
  border-bottom: 1px solid #182031;
    border-bottom: 1px solid var(--black-color);
    /* margin: 0 0 20px; */
    padding: 0 0 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}




.anteregister h3:before {
  width: 50%;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 10%;
  margin-left: -14px;
  background-color: #773dbd;
}

.anteregister h3:after {
  height: 1px;
  display: block;
  content: "";
  position: relative;
  /* margin-top: 25px; */
  background-color: var(--cl-dark);
}



.anteregister div:nth-child(2){
  display: flex;
  width: 30%;
  align-items: center;
  justify-content: flex-end;
  

}

.anteregister div:nth-child(2) img{
  width: 100%;
  height: auto;
  max-width: 110px;
  

}

.hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_75e0ccfc-1181-487e-8b4b-313926831ffd fieldset.form-columns-1 .hs-input {
  width: 100%;
}


@media only screen and (min-width: 3360px) {
  .gridhouses {
    margin: 21% auto 10em;
  }
}


@media only screen and (max-width: 3000px) {
  .gridhouses {
    width: 100%;
    margin: 15% auto 10em;
  }
}

@media only screen and (max-width: 2830px) {
    .gridhouses {
      width: 100%;
      margin: 26% auto 10em;
    }
}

@media only screen and (max-width: 2560px) {
  .gridhouses {
    width: 100%;
    margin: 20% auto 10em;
  }
}


@media only screen and (max-width: 1920px) {
  .gridhouses {
    width: 80%;
    margin: 21% auto 10em;
  }
}


@media only screen and (max-width: 1366px) {
  
  .gridagenda{
    grid-template-columns: repeat(4, 1fr);
    
  }
  .superboxagenda.newagenda .gridagenda{
    grid-template-columns: repeat(3, 1fr);
  }
  .subminisector {
    flex-direction: column-reverse;
  } 
  .agendatext, .ponentestext {
    font-size: 1.4em;
  }
  .subminisector h2 {
    font-size: 1.2em;
  }
  .subminisector h3 {
    font-size: 1em;
    
  }
  .subminisector p.bajada {
    font-size: 1em;
    margin-top: 12px;
  }
  .boxgridagenda .titleevents:nth-child(2n+1) {
    margin-top: 1em;
  }
  .vodgrid{
    grid-template-columns: repeat(3, 1fr);
  }
  .gridhouses {
    width: 90%;
    margin: 15% auto 10em;
  }
  /* .herowelcome {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),  url('img/bg_bnx_12.jpg') ;
    background-attachment: fixed;
    background-position: center right;
    background-size: cover;
  }
  section.hero {
    background-position: right;
    background-size: cover;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),  url('img/bg_bnx_12_lateral.jpg') ;
  }
  .herowelcome.sihidden {
    background-position: right;
    background-size: cover;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),  url('img/bg_bnx_12_lateral.jpg') ;
  }
  section.marquesina {
    overflow: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: top right;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),  url('img/bg_citi_10.png') ; 
    min-height: 100vh;
    object-fit: cover;
  }
  section.hero.ponentes {
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)),  url('img/bg_bnx_12_lateral.jpg') ; 
  } */


  .welcomerigth.list ul {
    background: rgba(5, 109, 174,.8);
  }
  .welcomeleft.list{
    width: 100%;
    /* min-height: auto; */
    margin-top: 0px;
    padding: 0px;
  }
  .logowelcome img {
    width: 60%;
    height: auto;
  }
}




@media only screen and (max-width: 1024px) {
  .menu-link {
    
    font-size: 12px;
  }
  .welcometitle {
    font-size: 3em;
  }
  .welcomerigth {
    padding: 40px;
  }
  .welcomeleft {
    padding: 40px;
  }
  .gridagenda{
    grid-template-columns: repeat(3, 1fr);
    
  }
  .gridspeakerstm{
    grid-template-columns: repeat(3, 1fr);
  }
  .superboxagenda.newagenda .gridagenda{
    grid-template-columns: repeat(2, 1fr);
  }
  .lineaddcalendar{
    flex-direction: column;
  }
  .lineaddcalendar a{
    width: 100%;
    box-sizing: border-box;
  }
  .lineaddcalendar a:last-child {
    margin-left: 0px;
    margin-top: 1em;
  }
  .brand img {
    height: 40px;
  }
  .welcomesuperbox {
    flex-direction: column;
    /* min-height: auto; */
  }
  .welcomeleft {
    width: 100%;
    min-height: auto;
  }
  .welcomerigth {
    width: 100%;
    min-height: auto;
  }
  .btnsactionlive {
    width: 100%;
    /* flex-direction: column; */
  }
  .botoneraschangelive {
    display: flex;
    width: 100%;
    /* justify-content: center; */
  }
  .botonerasaccess {
    display: flex;
    width: 100%;
    /* margin-top: 10px; */
    justify-content: center;
  }
  .imghour img {
    width: 80%;
    max-width: 300px;
    height: auto;
  }
  .imghour2 img {
    width: 100%;
    /* max-width: 300px; */
    height: auto;
  }
  .md-generic .header_modal {
    width: 95%;
    padding: 0 15px;
  }
  .iframfordformulario {
    height: 1100px;
  }
}

@media (max-width: 768px) {
  .md-generic .header_modal {
    width: 80%;
    padding: 0 15px;
  }
  .hs-form-610768c6-32ad-4a7f-9ebb-d0836aaa4666_75e0ccfc-1181-487e-8b4b-313926831ffd fieldset.form-columns-2 .hs-form-field {
    width: 100%;
    float: left;
  }
  .supercontent.rgister {
    background: rgb(33, 33, 33);
    min-height: 210vh;
  }
}

@media only screen and (max-width: 800px) {
  .navbar {
    height: 55px;
  }
  .brand img {
    /* height: 90px; */
    width: auto;
    position: absolute;
  }
  
  /* .timer {
    padding-top: 40px;
  } */
  .herowelcome {
    /* height: 100%; */
    height: auto;
    min-height: auto;
  }
  /* .welcomeleft {
    height: auto;
  }
  .welcomerigth {
    height: auto;
  } */

  .welcomerigth.list{
    min-height: 70vh;
    padding: 1em;
  } 
  .welcomeleft.list .logowelcome{
    /* display: none; */
  }
  .welcomeleft.list .timer{
    display: none;
  }

  .accesosuperbox{
    width: 90%;
    margin: 0 auto;
    align-items: center;
    min-height: auto;
  }
  .gridagenda{
    grid-template-columns: repeat(2, 1fr);
    
  }
  .gridspeakerstm{
    margin-top: 1.5em;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .arrowsvertical {
    display: none;
  }
  .brand.newbrand img {
    height: 35px;
    width: auto;
  }


  .sectlive{
    flex-direction: column;
  }
  
 
  
  .boxvideolive{
    width: 100%;
  
  }
  
  .boxvideochat{
    margin-top: 2em;
    display: flex;
    width: 100%;
    min-height: 25em;
  }
  .boxvideochat iframe{
    min-height: 25em;
  }
  .btnnow {
    display: flex;
    font-size: 12px;
  }
  .alertnow .alertnowrigth .imgcontainer img{
    display: none;
  }
  .alertnow .alertnowrigth {
    width: fit-content;
  }
  .alertnow .alertnowrigth .btnir {
    margin-left: 0px;
    width: 20px;
    height: 20px;
    font-size: 10px;
  }
  .alertnow .alertnowleft {
    display: -webkit-inline-box;
    width: calc(100% - 110px);
  }
  .alertnow .alertnowrigth .imgcontainer {
    display: none;
  }
  .alertnow h2 {
    font-size: .9em;
    margin-left: .5em;
    width: 100%;
  }
  .alertnow h2 span {
    transition: all .3s ease;
    text-overflow: ellipsis;
    overflow: hidden;  
    white-space: nowrap;
  }
  span.live-icon {
    margin-left: 5px;
  }
  .vodgrid{
    grid-template-columns: repeat(2, 1fr);
  }

  .botoneraschangelive {
    /* display: flex; */
    width: 100%;
    /* justify-content: flex-start; */
    /* margin-bottom: 20px; */
  }

  .botonerasaccess.top{
    display: none;
  }
  
  .botonerasaccess.bottom{
    display: flex;
    width: 100%;
    margin-top: 2em;
  }
  /* .herowelcome.sihidden .welcometitle{
    display: flex;
  } */

  .gridlist a {
    grid-template-columns: 45px 1fr;
    font-size: .8em;
  }
  .inputacceso.gridregistro{
    display: flex;
    flex-direction: column;
  }
  .welcomerigth {
    padding: 20px;
  }
  .welcomeleft {
    padding: 20px;
  }
  .logowelcome{
    margin-bottom: 2em;
  }
  .inputacceso.gridforgot {
    grid-column-gap: 0px;
  }
  .inputacceso.gridsend div.orden1 {
    font-size: 1.4em;
  }

  /* .tab-body .itemagend .itemagendinfo .itemagendlive {
    flex-direction: column-reverse;
    align-items: flex-start;
  } */
  .tab-body .itemagend .itemagendinfo h4.time {
    font-size: 12px;
    padding: 6px 12px;
  }
  .tab-body .itemagend .itemagendinfo .itemagendlive .livecard .btnnow {
    font-size: 12px;
    padding: 6px 12px;
    margin-bottom: 10px;
  }
  .tab-body .itemagend {
    flex-direction: column;
  }
  .tab-body .itemagend .itemagendinfo {
    padding: 0em;
  }
  .tab-body .itemagend .profilephoto {
    display: flex;
    justify-content: center;
   margin: 0 auto 1em;
  }
  .tab-body .itemagend .itemagendinfo h3.title {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0rem .5rem;
  }

  /* section.marquesina {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),  url('img/bg_bnx_12_lateral.jpg') ;

  }

  .herowelcome {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),  url('img/bg_bnx_12_lateral.jpg') ;
    background-attachment: fixed;
    background-position: center right;
    background-size: cover;
  } */
  .bck {
    padding: 55px 0 0 0;
  }
  .inputacceso.gridregistro div.orden9 {
    display: flex;
    flex-direction: column;
  }
  .inputacceso.gridregistro div.orden9 a {
    width: 100%;
  }

  .inputacceso.gridregistro div.orden9 a:nth-child(2) {
   margin-top: 10px;
  }
  #enlacelive:hover + .hovershow {
    display: none;
  
  }

  #enlacelive2:hover ~ .itemagendinfo .itemagendarriba .hovershow {
    display: none;
  
  }
 
  /* #enlacelive3{
   cursor: none;
 
 }
 
  #enlacelive3:hover ~ .itemagendinfo .hovershow {
   display: none;
 
 } */

  .tab-body .itemagend .profilephoto:hover + .hovershow{
    display: none;
  }
  .iframfordformulario {
    height: 1250px;
  }

  .contentfooter{
    flex-direction: column;
    text-align: center;
    padding: 1em 0;
  }
  .legal__links{
    justify-content: center;
    text-align: center;
    margin-top: 12px;
  }
  .social__links{
    font-size: 1.4em;
  }
  .boxprefooter {
    justify-content:center;
  }

  .boxprefooter img{
    height: 60px;
    width: auto;
  }
  .containerlive{
    padding: var(--padding--container--live-mb);
    
   }

  .expand {
    padding: 0px 5px;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .submenu {
    display: flex;
    position: relative;
    top: initial;
    background: initial;
    padding: initial;
    row-gap: 1.25rem;
  }
  .submenu li {
    float: initial;
    overflow: initial;
    padding: initial;
  }
  .expand{
    display: none;
  }
  .boxhomesuperbox {
    flex-direction: column-reverse;
    margin-bottom: 2em;
  }
  .homesuperbox .righthome {
    width: 100%;
  }
  .homesuperbox .righthome img{
    width: 60%;
    margin: auto;
  }
  .homesuperbox .righthome img:nth-child(1) {
    display: none;
  }
  
  .homesuperbox .righthome img:nth-child(2) {
    display: flex;
  }
  .homesuperbox .lefthome {
    width: 100%;
  }
  .homesuperbox .lefthome .texthome h1 {
    font-size: 2.2em;
    margin-bottom: 30px;
    text-align: center;
  }
  .homesuperbox .lefthome .texthome h2 {
    font-size: 1.6em;
    margin-bottom: 30px;
    text-align: center;
  }

  .homesuperbox .lefthome .texthome p {
    font-size: 1.1em;
    margin-bottom: 30px;
  }

  .textosagenda h2{
    font-size: 1.6em;
  }
  .textosagenda p{
    font-size: 1em;
  }
  .tabs-container {
    padding: 0rem 0em 4rem ;
  }
  .ponentestextparrafo {
    font-size: 1em;
  }

  .partners{
    width: 100%;
    overflow: hidden;
  }

  .boxpartners {
    width: 90%;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .boxtutorial iframe {
    max-width: 100%;
    height: 310px;
  }
 
 
}




@media only screen and (max-height : 1366px) {
  .superboxponentes {
    min-height: 85vh;
  }
}

@media only screen and (max-height : 1024px) {
  .superboxponentes {
    min-height: 80vh;
  }
  
 

}

@media only screen and (max-height: 799px) {
  .heroacceso {
    height: auto;
  }
  .accesosuperbox{
    /* min-height: 100vh; */
  }
  .superboxponentes {
    min-height: 90vh;
  }
  .vodgrid{
    min-height: 90vh;
  }
  .herowelcome {
    height: auto;
  }
  .welcomeleft {
    height: 100%;
    min-height: auto;
  }
  .welcomesuperbox {
    display: flex;
    width: auto;
    height: 100%;
    min-height: auto;
  }




 


}


@media only screen and (max-width: 576px) {
  .tabs > ul li a > span.tab-icon  {
    display: flex;
    font-size: 11px;
  }
  .tabs > ul li a > span.tab-label {
   /* flex-direction: column; */
   align-items: center;
   justify-content: center;
  }

  .tabs > ul li a > span.tab-label div:nth-child(1) {
    font-weight: bold;
    font-size: 1em;
  }
  .tabs > ul li a > span.tab-label div:nth-child(2) {
    font-weight: 600;
    font-size: 1em;
  }
  .tabs > ul li a > span.tab-label div:nth-child(3) {
    font-weight: 400;
    font-size: 1em;
  }
  .tabs > ul li a > span.tab-label div::after {
    content: ' / ';
    font-size: 12px !important;
  }

  .md-generic .header_modal {
    width: 100%;
    padding: 0 15px;
  }
  /* .boxvod{
    padding: 2em 0px;
  } */
  .tabs section {
    /* margin-top: 38px; */
  }
  .tab-head {
    display: flex;
    /* position: fixed; */
    /* z-index: 10; */
    /* position: absolute; */
    /* top: 112px;
    left: 0; */
    width: 100%;
  }
  .tabs > ul li {
    width: 50%;
  }
}


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

 
  .logowelcome img {
    width: 90%;
    height: auto;
  }
  .imghour img{
    width: 90%;
    height: auto;
    max-width: 280px;
    margin-bottom: 1em;
  }
  .imghour2 img{
    width: 100%;
    height: auto;
    /* max-width: 280px; */
    margin-bottom: 1em;
  }
  .inputacceso.gridregistro div.orden8 {
    display: flex;
    flex-direction: column;
  }

  .inputacceso.gridregistro div.orden8 a{
    margin-bottom: 10px;
  }
  .inputacceso.gridregistro div.orden9 {
    display: flex;
    flex-direction: column;
  }

  .inputacceso.gridregistro div.orden9 a{
    margin-bottom: 10px;
    width: 100%;
  }
  .inputacceso.gridregistro div.orden9 a button{
    padding: 10px 15px;
    font-size: 12px;
    width: 100%;
  }
  .vodgrid{
    display: flex !important;
    flex-direction: column;
  }

}

@media only screen and (max-width: 480px) {
  .modal-content {
    margin: 15% auto;
    padding: 20px;
    width: 95%;
  }

  .infomodalponente {
    flex-direction: column;
  }
  .principalmodalponente {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .photomodalponente {
    width: 100%;
    margin: auto;
  }
  .boxponentes{
    width: 100%;
  }
  .gridspeakerstm {
    grid-template-columns: repeat(1, 1fr);
  }
  .item .card .bottomcard {
    min-height: auto;
  }
  .brand img {
    height: 43px;
    width: auto;
    position: absolute;
   
  }

  .brand.newbrand img {
    height: 24px;
    width: auto;
  }


  .contenido_modal iframe {
    width: 100%;
    /* height: fit-content; */
  }
  .md-generic .contenido_modal, .md-info .contenido_modal, .md-error .contenido_modal, .md-warning .contenido_modal, .md-sucess .contenido_modal {
    padding: 0px;
    /* margin: auto;
    text-align: center;
    color: #707070; */
  }

  .header_modal p {
    /* cursor: pointer;
    display: inline-block; */
    margin-right: 0px; 
    /* font-size: 24px;
    float: right;
    color: #1f1f1f; */
  }

  .header_modal p {
    float: unset;
    display: flex;
    justify-content: flex-end;
  
  }

  
  .contenido_modal iframe {
    height: 215px;
  }
  .boxtutorial iframe {
    max-width: 100%;
    height: 247px;
  }
  
}

@media only screen and (max-width: 414px) {
  .navbar {
    height: 70px;
  }

  .superboxponentes {
    padding: 0rem 0;
  }
  .section {
    padding: 12rem 0 1rem;
  }
  .minisector {
    padding-top: 1em;
  }
  .superboxagenda {
    margin-top: 1em;
  }
  .slider .card .img {
    height: 220px;
    width: 100%;
  }
  .slider .card .content .ponentedate {
    font-size: 14px;
  }
  .slider .card .content .ponenciabajada {
    font-size: 12px;
  }
  .slider .card .content .ponenciahorario {
    font-size: 12px;
  }
  .slider .owl-next i {
    font-size: 30px;
  } 
  .slider .owl-prev i {
    font-size: 30px;
  } 
  .alertnow h2 {
    transform: translateX(100%); 
    animation: move 10s linear infinite;
    width: 100%;
  }
  .alertnow h2 span {
    text-overflow: initial;
    overflow: initial;  
    /* white-space: initial; */
  }
  .alertnow h2 p {
   overflow: initial;
  }
  /* .alertnow .alertnowrigth {
    display: none;
  } */
  .alertnow .alertnowleft {
    display: -webkit-inline-box;
    width: 100%;
  }

  .gridagenda {
    grid-template-columns: repeat(1, 1fr);
  }
  .gridspeakerstm{
    grid-template-columns: repeat(1, 1fr);
  }
  .alertnow .inner {
    width: 100%;
  }

  .botoneraschangelive{
    justify-content: space-between;
  }
  .botoneraschangelive .btnliveeng{
    margin-left: 0px;
  }
  .botoneraschangelive .btnliveeng a {
    font-size: 12px;
  }
  .botoneraschangelive .btnliveesp a {
    font-size: 12px;
  }
  .vodgrid{
    grid-template-columns: repeat(1, 1fr);
  }

  .btnsactionlive {
    width: 100%;
  }
  .botonerasaccess.bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 1em 0;
  }
  
}

@media only screen and (max-width: 400px) {
  .brandlogo a img {
    height: auto;
    margin-top: 16px;
    margin-left: -14px;
  }
  .brandlogo {
    padding-left: 0px; 
  }
}

@media only screen and (max-width: 392px) {
  .brand img {
    height: 24px;
    width: auto;
    /* margin-bottom: 50px; */
    position: relative;
    margin-top: -15px;
  }
}




@media only screen and (max-width: 600px) {
 
}
@media only screen and (min-width: 64rem) {
 
}

@media only screen and (min-width: 50rem) {
 
}
@media only screen and (min-width: 64rem) {
  
}

@media only screen and (min-width: 64rem) {

}

@media (max-width: 600px) {
 
}

.breadcrumbs {
  font-size: 14px;
  color: #378db3;
  text-align: center;
}
.breadcrumbs a { color:#378db3; }
.breadcrumbs span { color:#ffffff; }
/* Breadcrumbs: make the home word 'Evento' in blue via anchor, current page white via span */

.breadcrumbs a {
  text-decoration: none;
  color: #378db3;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}


/* FAQS */


.boxcontentfaq{
  max-width: 800px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  flex-direction: column;
  padding: 25px;
  background: var(--ponentes--card--background);
  color: #fff;
  border-radius: 20px;
}

.boxcontentfaq a{
  color: #fff!important;
}


.boxtitlefaq{
  display: flex;
  width: 100%;
  margin: 2rem auto;
  text-align: center;
  justify-content: center;
}

.titlefaq{
  font-size: 2rem;
  /* font-family: "Basis Grotesque Pro Mono"; */
  font-weight: 100;
}


.faq-content {
  margin: 0 auto;
  width: 100%;
}

.faq-question {
  padding: 0px 0;
  border-top: 1px solid #000;
}
.faq-question:last-child {
  border-bottom: 1px solid #000;
}

.panel-title {
  font-size: 1em;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 20px 10px 20px 48px;
  display: block;
  cursor: pointer;
  font-size: 1.1em;
  /* font-family: "Basis Grotesque Pro Mono"; */
  font-weight: 600;
  /* text-align: center; */
  text-transform: uppercase;
  box-sizing: border-box;
}

.panel-title a{
  /* font-family: "Basis Grotesque Pro"; */
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.panel-content {
  font-size: 1em;
  line-height: 1.5;
  font-weight: 200;
  padding: 0px 50px;
  margin: 0 ;
  height: 0;
  overflow: hidden;
  z-index: -1;
  position: relative;
  opacity: 0;
  background: var(--ponentes--card--background) ; 
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

.panel-content p{
  margin-bottom: 10px;
}

.panel-content p strong{
  font-weight: 800;
}

.panel-content p a{
  color: var(--white);
  font-weight: 400;
}

.panel-content h3{
  color: var(--blueregular);
  font-weight: 400;
}



.panel-content a {
  cursor: pointer;
  color: #000;
  text-decoration: underline;
  z-index: 1;
}


.panel:checked ~ .panel-content{
  height: auto;
  opacity: 1;
  z-index: 1;
  padding: 14px 50px;
}
.panel:checked ~ .panel-title {
  background: var(--bg-footer) ; 
}

.plus {
  position: absolute;
  color: #C3E1FF;
  margin-left: 20px;
  margin-top: 11px;
  z-index: 5;
  font-size: 42px;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}

.panel:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel {
  display: none;
}


a.tab-link.pastilla1.green2025 {
    background: #05534c;
}
section#tab-2.green2025 {
    background: #05534c;
}
/* Estilos scopeados SOLO al contenedor principal de la home */
.herowelcome .lefthome .texthome { color:#fff; max-width:720px; }
.herowelcome .lefthome .texthome .home-overline { font-family:'Roboto',sans-serif; text-transform:uppercase; letter-spacing:.08em; font-weight:600; color:rgba(255,255,255,.9); font-size:clamp(12px,1.2vw,14px); margin:0 0 10px; display:block; }
.herowelcome .lefthome .texthome .home-title-1 { font-family: 'Figtree', 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; font-weight:800; color:#fff; font-size:clamp(40px,6vw,64px); line-height:1.05; margin:0 0 4px; }
.herowelcome .lefthome .texthome .home-title-2 { font-family: 'Nyght Serif', Georgia, 'Times New Roman', serif; font-style: italic; font-weight:500; color:#aee4fb; font-size:clamp(28px,4.5vw,48px); line-height:1.1; margin:0 0 14px; }
.herowelcome .lefthome .texthome .home-datetime { font-family:'Roboto',sans-serif; font-weight:500; color:rgba(255,255,255,.95); font-size:clamp(14px,2vw,18px); margin:0 0 18px; }
.herowelcome .lefthome .texthome .home-lead { font-family:'Roboto',sans-serif; font-weight:300; color:rgba(255,255,255,.95); font-size:clamp(15px,2vw,18px); line-height:1.5; margin:0 0 14px; }
.herowelcome .lefthome .texthome .home-list { margin:10px 0 22px 0; padding-left:1.1em; }
.herowelcome .lefthome .texthome .home-list li { list-style:disc; font-family:'Roboto',sans-serif; color:rgba(255,255,255,.95); font-size:clamp(15px,2vw,18px); line-height:1.5; margin-bottom:6px; }
.herowelcome .lefthome .texthome .home-cta { display:inline-block; font-family:'Roboto',sans-serif; font-weight:600; font-size:clamp(14px,2vw,16px); color:#fff; background: var(--blueregular); padding:12px 22px; border-radius:9999px; text-decoration:none; transition: filter .2s ease-in-out, transform .05s ease-in-out; margin:8px 0 18px; }
.herowelcome .lefthome .texthome .home-cta:hover { filter:brightness(92%); }
.herowelcome .lefthome .texthome .home-cta:active { transform:scale(0.995); }
/* Ocultar el botón antiguo para evitar duplicado de CTA */
.herowelcome .buttonhome { display:none !important; }

/* PONENTES — ajustes de contenedor y tarjetas */
.boxponentes {
  background: #5ab9e7;
  border-radius: 10px;
  padding: clamp(12px, 2.5vw, 22px);
  width: 90%;
  max-width: 1700px;
  margin: 0 auto 24px auto;
  position: relative;
  z-index: 2; /* por encima del background */
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 30px -12px;
}

/* Bordes de las tarjetas en BLANCO y fondo transparente */
.gridspeakerstm .card {
  background: transparent !important;
  border: 0 solid transparent !important; /* oculta el marco del rectángulo */
  border-radius: 12px;
  padding: 10px; /* reduce el alto general de la tarjeta */
  box-shadow: none;
  cursor: default;
}

/* Imagen circular con anillo blanco */
.gridspeakerstm .card .img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px; /* acerca el texto a la imagen */
}
.gridspeakerstm .card .img img {
  width: 184px; /* 160px * 1.15 */
  height: 184px; /* 160px * 1.15 */
  border-radius: 50%;
  object-fit: cover;
  border: 6px solid #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 6px 16px;
  margin: 0 auto;
}

/* Tipografías debajo de la imagen */
.gridspeakerstm .card .content .ponentedate {
  text-align: center;
  margin-bottom: 4px; /* reduce separación vertical */
}
.gridspeakerstm .card .content .ponentedate p {
  color: #d9f0ff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25; /* compacta líneas */
  margin: 0; /* elimina márgenes extra */
}
.gridspeakerstm .card .content .ponentedate p strong {
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  display: block;
  margin-top: 2px; /* acerca más el nombre a la imagen */
}
.gridspeakerstm .card .content .ponenciabajada {
  color: #d9f0ff;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-top: 2px; /* menos espacio */
}

/* Responsivo de imágenes */
@media (max-width: 1024px) {
  .gridspeakerstm .card .img img {
    width: 138px; /* 120 * 1.15 */
    height: 138px;
  }
}
@media (max-width: 600px) {
  .gridspeakerstm .card .img img {
    width: 115px; /* 100 * 1.15 */
    height: 115px;
  }
}

/* Ponentes page specific overrides */
.superboxponentes .textosagenda p { color:#ffffff; }
/* Job title / role under the speaker name */
.gridspeakerstm .card .content .ponentedate span { color:#0c6f9a; display:block; text-align:center; font-size:14px; margin-top: 2px; }


/* Agenda: speaker name color override (ponente) */
.tab-body .itemagend .itemagendinfo h4.sub-title {
  color: #005781;
}
.enlacelive3 span {
  color: #005781;
}


/* Live module: ensure active tab stays styled on hover/focus and inactive tabs keep new background */
.superboxlive .tabs > ul li a.active:hover,
.superboxlive .tabs > ul li a.active:focus {
  background-color: var(--agenda--day--pestania) !important;
  color: #0d1a3a;
}
.superboxlive .tabs > ul li a:hover:not(.active) {
  background-color: var(--agenda--day--pestania--visit) !important;
}