/* @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'); */
: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: #C8903F;
     --bg-hover-rojo: #d61f24;
     --black: #212121;
     --bg-blue-strong: #0d1a3a;
     --bg-blue-strong-alfa: rgba(13, 26, 58, .8);

     --dorado: #C8903F;

        --azulmaya: #0B50B4;
        --grisaprelado: #ECECEC;
        --oroyucatan: #C8903F;
        --grayyucatan: #B3B3B2;
        --blackyucatan: #212121;

        --rosaflamingo: #FF5E84;
        --amarilloizamal: #FCBF00;
        --azulesmeralda: #00B7C5;
        --rojoterracota: #C82D1B;
        --verdeceiba: #1D7332; 
        --naranjahabanero:#E84912;


    --nayarit-green-strong: #52888b;
    --nayarit-green-medium: #6aa7ad;

    --nayarit-yellow-strong: #c9a72e;
    --nayarit-yellow-medium: #e7ca39;

    --nayarit-rose-strong: #8b3654;
    --nayarit-rose-medium: #ac4367;

    --nayarit-purple-strong: #895c90;
    --nayarit-purple-medium: #b3759e;

    --nayarit-gray-medium: #847e82;


    --guanajuato-a:#003FEC;
    --guanajuato-b:#B40053;
    --guanajuato-c:#C80020;
    --guanajuato-d:#FBA700;
    --guanajuato-e:#009EFD;
    --guanajuato-f:#0077B3;
    --guanajuato-g:#005FA3;
    --guanajuato-h:#335CFF;
    --guanajuato-i:#83899E;
    --guanajuato-j:#E59FAE;
    --guanajuato-k:#2FAC66;
    --guanajuato-l:#FFFFFF;
    --guanajuato-m:#B90000;
    --guanajuato-n:#FBC030;
    --guanajuato-enie:#18A270;
    --guanajuato-o: #18D77F;
    --guanajuato-p:#DC4C72; 
    --guanajuato-q:#6D70FF;
    --guanajuato-r:#B354C6;
    --guanajuato-s:#005CE8;
    --guanajuato-t:#005DFD;
    --guanajuato-u:#0030DF;


    --guanajuato-01:#F7508D;
    --guanajuato-02:#984000;
    --guanajuato-03:#D49000;
    --guanajuato-04:#FF0053;
    --guanajuato-05:#18D77F;
    --guanajuato-06:#007E99;
    --guanajuato-07:#004378;
    --guanajuato-08:#000000;
    --guanajuato-09:#F14C00;
    --guanajuato-10:#FF0053;
    --guanajuato-11:#0081E1;
    --guanajuato-12:#357BFF;
    --guanajuato-13:#F77772;
    --guanajuato-14:#F77F48;
    --guanajuato-15:#001E7A;
    --guanajuato-16:#0042E5;
    --guanajuato-17:#E3738A;

 

    




}

/* 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;
}

html {
  font-size: 100%;
  box-sizing: inherit;
  scroll-behavior: smooth;
}

body {
 font-family: 'Gotham Rounded', sans-serif ;;
 font-weight: 500;

  font-size: 14px;
  
  line-height: 1.5;
  /* height: -webkit-fill-available; */
  /* color: var(--color-white-100); */
  /* background-color: var(--color-black-500); */
  background: #fff;
  color: #000;

  /* background-image: url('img/gridbg.png'); */
  /* background-attachment: initial; */
    /* background-repeat: repeat;
    background-size: 75%; */

}

section.hero {
  overflow: initial;
  /* background: #000; */
  background: transparent;
  /* position: relative; */
  height: auto;
  width: 100%;
  /* background-image: url('img/bgyct2.png');
  background-repeat: no-repeat; */
  /* background-size: 250px; */
  /* background-attachment: fixed; */
  /* height: 100%; */
  /* object-fit: cover; */
  /* background-attachment: fixed;
  background-position: center; */
  /* background-size: 100% 100%; */
  /* z-index: -5; */
}
section.welcome {
  overflow: hidden;
  /* background: #000; */
  background: transparent;
  position: relative;
  height: calc(100% - 71px);
  width: 100%;
}

a,
button {
  cursor: pointer;
  border: none;
  outline: none;
  user-select: none;
  background: none;
  box-shadow: none;
  text-decoration: none;
}

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

.clear {
  clear: both;
}

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

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

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

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

.heading-xl {
 font-family: 'Gotham Rounded', 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: 'Gotham Rounded', sans-serif ;
  font-size: clamp(2.179rem, 5vw, 3.176rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -1px;
}
.heading-md {
 font-family: 'Gotham Rounded', sans-serif ;
  font-size: clamp(1.794rem, 4vw, 2.379rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1px;
}
.heading-sm {
 font-family: 'Gotham Rounded', sans-serif ;
  font-size: clamp(1.476rem, 3vw, 1.782rem);
  font-weight: 600;
  line-height: 1.5;
}
.heading-xs {
 font-family: 'Gotham Rounded', sans-serif ;
  font-size: clamp(1.215rem, 2vw, 1.335rem);
  font-weight: 500;
  line-height: 1.5;
}

.paragraph {
 font-family: 'Gotham Rounded', 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: 'Gotham Rounded', 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;
} 
.btn-neutral {
  padding: 0.75rem 2rem;
  color: var(--bluestrong);
  background-color: var(--white);
  box-shadow: var(--shadow-medium);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: auto;
  margin: 0 auto;
  /* backdrop-filter: none; 
  -webkit-backdrop-filter: none; */
  /* background: rgba(0, 0, 0, .7), url('img/header-menu-fondo.png'); */
  /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('img/header-menu-fondo.png'); */
    background-position: bottom;
    background-color: rgba(255, 255, 255, 1) !important;



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



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

  /* backdrop-filter: unset;
  -webkit-backdrop-filter: unset; */

  /* border-bottom: 1px solid rgba( 255, 255, 255, 0.18 ); */
  

  /* background: #0d1a3a ; */
  /* background: var(--azulmaya); */
}

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


.header.on-scroll .menu-link {
  color: #fff;
}
.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 ;
}

.header.on-scroll .menu-block{
  color: var(--nayarit-green-strong);
}




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

.brand {
 font-family: 'Gotham Rounded', 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;
}
.menu-link {
 font-family: 'Gotham Rounded', sans-serif ;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--azulmaya) ;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  padding: 5px;
  transition: all 0.3s ease;
}

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

.menu-link.active {
  color: var(--text-white);
  background: var(--bg-hover-rojo);
}



.menu-block {
  display: inline-block;
 font-family: 'Gotham Rounded', sans-serif ;
  font-size: 1.4rem;
  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(--nayarit-purple-strong) ;
  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: 90px;
  width: auto;
  position: absolute;
  margin-top: -8px;
} */

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

.brand img {
  height: 80px;
  width: auto;
  position: relative;
  /* margin-top: -8px; */
}


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

.herowelcome{
  width: 100%;
  height: calc(100% - 71px);
  /* padding-top: 80px; */
  box-sizing: border-box;
}
.welcomesuperbox{
  display: flex;
  width: 100%;
  height: 100% ;
  min-height: calc(100vh - 71px);
}
div{
  box-sizing: border-box;
}
.welcomeleft{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  min-height: calc(100vh - 71px);
  width: 50%;
  padding: 80px;
}
.welcomerigth{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  
  height: 100%;
  min-height: calc(100vh - 71px);
  width: 50%;
  padding: 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);
}
.logowelcome{
  display:flex;
  width: 100%;
  justify-content: center;
}
.logowelcome img{
  width: 80%;
  height: auto;
}
.timer{
  display: flex;
  width: 200px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.counter{
  display: flex;
  background: var(--bg-hover-rojo);
  padding: 5px;
  color: var(--white);
  width: 100%;
  justify-content: space-evenly;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  
  font-size: 1.5em;
}
.counter .dotnumber{
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.countertext{
  display: flex;
  padding: 5px;
  color: var(--bg-hover-rojo);
  width: 100%;
  justify-content: space-around;
  font-size: 1.5em;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  background-color: rgba( 255, 255, 255, 0.8 ) ;
  text-shadow: #7d7d7d 1px 0 10px;
}
.welcometitle{
  display: flex;
  justify-content: center;
  text-align: center;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;

  
  font-size: 4em;
  color: var(--text-blueintense);
}

.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-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  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 */

/* FICHA */
.ficha {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  top: 100%;
  left: 0;
  z-index: 2001;
  transition: all .3s ease-out;
}

.ficha.eleved {
  top: 0;
}

.boxficha {
  position: relative;
  /* background: #ffffff; */
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  animation-name: zoomIn;
  animation-duration: 0.4s;
  -webkit-animation-name: zoomIn;
}

.boxficha .close {
  display: flex;
  width: 100%;
  padding: 10px;
  justify-content: flex-end;
  cursor: pointer;
}

.boxficha .close i {
  color: #FFF;
  font-size: 25px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.contenficha {
  display: flex;
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  border-radius: 15px 15px 0 0;
  flex-direction: column;
  overflow-y: scroll;
  height: calc(100vh - 45px);
}

.fichasuperior {
  width: 100%;
  height: 250px;
  position: relative;
  /* overflow: hidden; */
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: center;
}

.fichasuperior:after {
  background: rgb(0,0,0);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.20214023109243695) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.20214023109243695) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.20214023109243695) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fichasuperior .boximageficha {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
}

.fichasuperior .boximageficha img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-position: center center;
}

.boxinfoatr {
  display: flex;
  flex-direction: column;
  z-index: 2;
  width: 100%;
  max-width: 800px;
}
.share {
  padding: 20px 0;
}

.sharebox {
  display: flex;
  flex-wrap: wrap;
}
.share .sharebox .linkshare {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 10px 25px 0 0;
  color: #FFFFFF;
}

.divider {
  display: block;
  height: 1px;
  width: 100%;
}

.boxheaderficha {
  position: relative;
  display: flex;
  width: 90%;
  max-width: 1600px;
  margin: 20px auto;
  flex-direction: column;
}


.boxheaderficha h1.nice {
  font-size: 3em;
  color: #fff;
  margin: 0 0 0;
  max-width: 500px;
  font-weight: 700;
  position: relative;
}

.boxheaderficha h1.nice:before {
  width: 50%;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  /* left: 29%; */
  margin-left: 0px;
  background-color: var(--guanajuato-e);
  z-index: 1;
}
.boxheaderficha h1.nice:after {
  height: 1px;
  display: block;
  content: "";
  position: relative;
  margin-top: 25px;
  background-color: #FFF;
}

.boxheaderficha h2 {
  color: #fff;
  margin: 2em 0;
  max-width: 700px;
  font-weight: 400;
}

.fichainferior {
  display: flex;
  width: 90%;
  max-width: 1600px;
  margin: 20px auto;
  flex-direction: column;
}

.info_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 80px;
}

.info_item .text {
  width: 49%;
  margin: 0;
  padding: 0 20px;
  font-size: .95em;
  min-height: 350px;
}

.boxcaubre {
  display: flex;
  width: 50%;
  flex-direction: column;
}

.backficha {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2000;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.boxregistercandidate{
  display: flex;
  width: 100%;
  height: auto;
}
.leftcandidate{
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  border-right: 2px solid #bbb;
  padding: 2em;
}
.rigthtcandidate{
  display: flex;
  width: 50%;
  flex-direction: column;
  padding: 2em;
}
.leftcandidate h1{
  font-size: 1.8em;
  text-align: center;
  max-width: 80%;
  color: var(--guanajuato-15);
 }

.leftcandidate h2{
 font-size: 1.6em;
 text-align: center;
 max-width: 80%;
 margin: 0 auto 1em;
}

.leftcandidate img {
  width: 90%;
  max-width: 140px;
  margin: 0 auto;
 }

 .boxcaninput{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
 }
 .rigthtcandidate label{
  color: #707070;
  margin: 0px 0 5px;
  font-size: 1em;
 }

 .rigthtcandidate input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 15px;
}

.boxcaninput p{
  color: #bbb;
  font-style: italic;
}

.boxcaninput p strong{
  color: var(--guanajuato-11);
  font-weight: bold;
  font-style: italic;
}

.boxcaninput p.valida{
  color: var(--guanajuato-10);
}



.rigthtcandidate textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 15px;
  text-align: left;
  resize: none;
  font-family: 'Gotham Rounded', sans-serif ;
  font-weight: normal;
}




.rigthtcandidate button {
  display: flex;
  width: fit-content;
  padding: 10px 20px;
  justify-content: center;
  text-align: center;
  background: var(--guanajuato-12);
  color: var(--text-white);
  /* font-family: 'Recoleta', sans-serif; */
  font-weight: normal;
  font-size: 1em;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  max-height: 35px;
  margin: auto;
}





/* FIN FICHA */


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

.heroacceso{
  width: 100%;
  height: calc(100% - 71px);
  /* padding-top: 80px; */
  box-sizing: border-box;
}
.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: 25px;
  width: 100%;
  max-width: 700px;
}
.titleboxacceso{
  padding-top: 0px;
  padding-bottom: 30px;
  text-align: center;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  font-size: 1.6em;
  color: var(--text-white);
}
.inputacceso{
  display: flex;
  width: 100%;
  justify-content: center;
}
.inputacceso label{
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-white);
  padding-right: 10px;
}
.inputacceso input{
  width: 100%;
  max-width: 300px;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  text-align: center;
}
.terminosacceso{
  display: flex;
  width: 100%;
  max-width: 400px;
  color: var(--white);
  padding-top: 20px;
  padding-bottom: 30px;
  justify-content: center;
  margin: 0 auto;
}
.terminosacceso input{
 display: flex;
 margin-left: 5px;
 height: 100%;
 margin-top: 8px;
}
.terminosacceso label {
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
}
.terminosacceso label a{
  font-family: 'Gotham Rounded', sans-serif ;
  font-weight: bold;
  color: var(--text-white);
 }
 .recuperaacceso{
  display: flex;
  flex-direction: column;
  align-items: center;
 }
 .recuperaacceso p {
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  color: var(--white);
 }
 .recuperaacceso p a {
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--white);
 }
 .btnacceso a{
  display: flex;
  padding: 5px 25px;
  justify-content: center;
  text-align: center;
  color: var(--text-white);
  font-family: 'Gotham Rounded', sans-serif ;
  font-weight: normal;
  background: var(--bg-hover-rojo);
  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;
}

/*********************** Seccion Agenda ***********************/
.subminisector{
  display: flex;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.subminisector h2{
  color: var(--text-blueintense);
  font-size: 1.4em;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
}
.subminisector h3{
  color: var(--text-white);
  font-size: 1.1em;
    font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
}
.subminisector p{
  color: var(--text-white);
  font-size: 1em;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
}
.subminisector p.bajada{
  font-size: 1em;
  margin-top: 1.5rem;
}
.subminisector p.bajada strong{
  font-size: 1em;
  margin-top: 1.5rem;
    font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
}
.agendatext{
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-white);
  display: flex;
  align-items: center;
  font-size: 2.2em;
  width: 100%;
}
.superboxagenda{
  display: flex;
  width: 100%;
  margin-top: 2em;
}
.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:nth-child(2n+1){
  margin-top: 2em;
}
.boxgridagenda .titleevents h3{
  color: var(--text-blueintense);
  text-transform: uppercase;
  font-size: 1.2em;
}
.boxgridagenda .titleevents p{
  color: var(--white);
  font-size: 1em;
    font-family: 'Gotham Rounded', sans-serif ;
    font-weight: 300;
}
.boxgridagenda .titleevents p strong{
  color: var(--white);
  font-size: 1em;
font-family: 'Gotham Rounded', sans-serif ;
 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;
  
}
.item{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.item .dateevent{
  text-align: center;
}
.item .dateevent p{
  text-align: center;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  color: var(--text-white);
}
.item .dateevent p strong{
  text-align: center;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-blueintense);
}
.item .card{
  border: 1px solid var(--white);
  margin-top: 10px;
  box-shadow: rgb(6, 14, 23) 0px 20px 30px -10px;
}
.item .card .topcard{
  background: var(--text-bluemedium);
  padding: 5px;
  color: var(--text-white);
  font-size: 14px;
  font-family: 'Recoleta';
  font-weight: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4;
}
.item .card .topcard .horarioevent{
  display: flex;
  align-items: center;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  text-align: center;
}
.item .card .topcard .deschorarioevent{
  display: flex;
  align-items: center;
  font-family: 'Recoleta';
  font-weight: normal;
}
.item .card .bottomcard{
  background: rgba(13, 26, 58, .8);
  padding: 5px;
  color: var(--text-white);
  font-size: 14px;
  font-family: 'Recoleta';
  font-weight: normal;
  line-height: 1.4;
}
.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-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-blueintense);
 }

/* Track */
/*********** Track ***********/
.track{
  display: flex;
  width: 100%;
  /* padding: 1.5em 0px; */
  justify-content: center;
  border-bottom:  1px solid #ccc;
}
.boxtrack{
  /* width: 70%; */
  z-index: 1;
}
.progressbar {
margin: 0;
padding: 0;
}
.progressbar li {
  list-style-type: none;
  width: 20%;
  float: left;
  font-size: 14px;
  position: relative;
  text-align: center;
  color: #7E7E7E;
}
.progressbar a {
  color: var(--bg-blue-strong);
}
.progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #7E7E7E;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.progressbar li:after {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  background-color: #7E7E7E;
  top: 25px;
  left: -50%;
  z-index: -1;
}
.progressbar li.edit:after{
  height: 0px !important;
  cursor: text;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #0B50B4;
}
.progressbar li.active:before {
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  cursor: pointer;
  font-size: 1.4em;
}
.progressbar li.active p {
  cursor: pointer;
}
.progressbar li.anim:before{
  animation: pulse 2s infinite;
  animation-iteration-count: 4;
}
.progressbar li.active:before {
  border-color: #0B50B4;
  background: #0B50B4;
  color: var(--white);
}
.progressbar li.active + li:after {
  background-color: #0B50B4;
}
.progressbar li:nth-child(1):before {
  content: "\f630";
  font-size: 1.4em;
}
.progressbar li:nth-child(2):before {
  content: "\f2e6";
  font-size: 1.4em;
}
.progressbar li:nth-child(3):before {
  content: "\f06c";
  font-size: 1.4em;
}
.progressbar li:nth-child(4):before {
  content: "\f500";
  font-size: 1.4em;
}
.progressbar li:nth-child(5):before {
  content: "\f2b5";
  font-size: 1.4em;
}
.arrowslink{
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: none;
  width: 30%;
}
.titleprem{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #4D9EA0;
  font-size: 2em;
  /* font-family: 'Aleo', sans-serif; */
  font-weight: bold;
  margin-top: 2em;
  flex-direction: column;
}



/*********** Animation Pulse ***********/
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(11, 80, 180, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(11, 80, 180, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(11, 80, 180, 0);
  } 
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(11, 80, 180, 0.4);
    box-shadow: 0 0 0 0 rgba(11, 80, 180, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(11, 80, 180, 0);
      box-shadow: 0 0 0 10px rgba(11, 80, 180, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(11, 80, 180, 0);
      box-shadow: 0 0 0 0 rgba(11, 80, 180, 0);
  }
}


.linebutton{
  display: flex;
  justify-content: space-between;
  margin-top: 2em;

}

.linebutton a{
  display: flex;
  padding: 5px 25px;
  justify-content: center;
  text-align: center;
  color: var(--text-white);
  font-family: 'Recoleta';
  background: var(--dorado);
  font-weight: 300;
  font-size: 1.2em;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: fit-content;
  border-radius: 15px;
}

.linebutton a:hover{
  opacity: .8;
}

.linebutton a:nth-child(1){
  border-radius: 0px 15px 0px 15px;
}

.linebutton a:nth-child(2){
  border-radius: 15px 0px 15px 0px;
}

/* PONENTES */
.superboxponentes {
  display: flex;
  height: auto;
  width: 100%;
  /* min-height: 81vh; */
  /* padding: 1rem 0; */
  align-items: center;
  flex-direction: column;
  /* z-index: 1; */
}
.sectponentes{
  display: flex;
  height: auto;
  width: 100%;
  justify-content: center;
  /* z-index: 1; */
}
.ponentestext{
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-white);
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 2.2em;
  width: 100%;
  margin-bottom: 10px;
}
.card.itemext .content .listaamenidades{
  display: flex;
  font-size: 14px;
}
.boxponentes{
  display: flex;
  width: 90%;
  max-width: 1500px;
  flex-direction: column;
}
.titlesection{
  font-size: 1em;
}
.carouselponentes{
  margin: 20px 0;
}
/* 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-family: 'Interstate';
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
.slider .card .content .ponentedate p strong{
  color: var(--text-blueintense);
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
}
.slider .card .content .ponenciabajada{
  color: var(--text-white);
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
}
.slider .card .content .ponenciahorario{
  color: var(--text-white);
font-family: 'Gotham Rounded', sans-serif ;
 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;
}

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

.superboxlive {
  display: flex;
  height: auto;
  width: 100%;
  min-height: 81vh;
  padding: 1rem 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-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  color: var(--text-white);
  display: flex;
  text-align: left;
  font-size: 2.2em;
  width: 100%;
}

.boxvideolive{
  display: flex;
  width: 70%;

}

.boxvideochat{
  display: flex;
  width: 30%;
}

.videolive{
  display: flex;
  width: 100%;
  position: relative;
}





@media only screen and (min-width: 50rem) {
  .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: 2rem;
    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: 50rem) {
  .burger {
    display: none;
    visibility: hidden;
  }

  .header{
    /* background: rgb(236, 236, 236); */
    /* background: rgba( 236, 236, 236, 0.8 ); */
    /* box-shadow: 0 8px 32px 0 rgba( 0, 0, 0, 0.37 ); */
    /* backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px ); */
  
    /* border-bottom: 2px solid rgba( 255, 255, 255, 1 ); */
    /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('img/header-menu-fondo.png');

    background-position: bottom; */
    background-color: rgba(255, 255, 255, 1) !important;
  }
}
.burger-line {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2px;
  border: none;
  outline: none;
  opacity: 1;
  transform: rotate(0deg);
  background-color: var(--azulmaya);
  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/bgyct2.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

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

/* SECCIONES */



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

/* LIVE */

/* EN VIVO */
.alertnow{
  display: flex;
  background: #0d1a3a;
  justify-content: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--bg-hover-rojo);
 }
  
 .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: 1500px;
    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;
  }
 
  .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;
  }
 
 
 
 .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;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }
 .btnnow:hover > span:before {
   -webkit-animation: none;
           animation: none;
 }
 
 
 .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: 3px;
   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);
   }
 }
 


/* FIN SECCIONES */

/******************** FOOTER ********************/
.footer {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 30px 20px 30px;
  color: #fff;
  background: var(--black);
  /* font-family: 'Interstate ExLight'; */
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
  letter-spacing: 2px;
  /* position: fixed; */
  /* bottom: 0; */
  width: 100%;
  /* margin-top: 90px; */
  box-sizing: border-box;
}

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

.legal {
  display: flex;
  flex-wrap: wrap;
  color: var(--text-white);
  /* padding-top: 1rem; */
  /* border-top: 1px solid var(--blueligth); */
  /* font-weight: 200; */
  font-size: .8rem;
  max-width: 1500px;
  height: auto;
  margin: 0 auto;
  letter-spacing: 2px;
}

.legal a{
  color: var(--text-white);
  font-family: 'Gotham Rounded', sans-serif ;
  font-weight: normal;
    font-size: 14px;
}

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



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

}


.sectorquizz{
  display: flex;
  width: 100%;
  flex-direction: column;
  background: var(--white);
  /* border-radius: 15px; */
  /* z-index: 1; */
  margin-bottom: 1em;
  /* max-width: 80%; */
}

.sectorquizz .boxwelcome{
  display: flex;
  width: 100%;
  background: var(--guanajuato-08) ;

  background: #00adbb url(https://lomejordenayarit.com/wp-content/uploads/2024/08/bg-nayarit-azul.jpg) !important;
  justify-content: center;
  text-align: center;
  /* margin-top: -75px; */
}

.sectorquizz .welcome{
  display: flex;
  max-width: 1500px;
  justify-content: center;
  align-items: center;
  padding: 2em 0;
  flex-direction: column;
  color: #000;
}
.sectorquizz .welcome p{
  font-size: 1.5em;
}

.sectorquizz .welcome p:nth-child(2){
  font-size: 2.5em;
  color: #e82077;
  font-family: 'Gotham Rounded', sans-serif ;
 font-weight: 800;
}

.sectorquizz .imgtopquizz{
  display: flex;
  /* height: 14rem; */
  width: 100%;

  background-image: url('img/yct.jpeg');
  background-repeat: repeat;
  background-size: 100%;
  /* background-attachment: fixed; */
  background-position: center; 
 /* background-size: 100% 100%; */
 /* border-radius: 15px 15px 0 0; */
 border-top: 2px solid var(--nayarit-green-medium);
 justify-content: center;
 align-items: center;
 
}


.sectorquizz .imgtopquizz.pm {
  background: var(--nayarit-green-strong);
}

.sectorquizz .imgtopquizz.hospedaje {
  background: var(--nayarit-green-medium);
}

.sectorquizz .imgtopquizz.playaymar {
  background: var(--nayarit-yellow-medium);
}

.sectorquizz .imgtopquizz.naturalezaaventura {
  background: var(--nayarit-yellow-strong);
}

.sectorquizz .imgtopquizz.wellness {
  background: var(--nayarit-rose-strong);
}

.sectorquizz .imgtopquizz.reuniones {
  background:  var(--nayarit-purple-strong);
}

.sectorquizz .imgtopquizz.gastronomia {
  background: var(--nayarit-purple-medium);
}

.sectorquizz .imgtopquizz.bodas {
  background: var(--nayarit-green-strong);
}

.sectorquizz .imgtopquizz.artesania {
  background:var(--nayarit-green-medium);
}

.sectorquizz .imgtopquizz.cultura {
  background: var(--nayarit-green-medium);
}

.sectorquizz .imgtopquizz.rural {
  background: var(--nayarit-yellow-strong);
}

.sectorquizz .imgtopquizz.golf {
  background: var(--nayarit-yellow-medium);
}

.sectorquizz .imgtopquizz.nocturna {
  background: var(--nayarit-rose-medium);
}

.sectorquizz .imgtopquizz.npm {
  background: var(--nayarit-purple-strong);
}

.sectorquizz .imgtopquizz.turismo {
  background: var(--nayarit-purple-strong);
}
.sectorquizz .imgtopquizz.enologico {
  background: var(--nayarit-rose-medium);
}
.sectorquizz .imgtopquizz.entretenimiento {
  background: var(--nayarit-yellow-strong);
}
.sectorquizz .imgtopquizz.contenidodigital {
  background: var(--nayarit-green-strong);
}
.sectorquizz .imgtopquizz.serviciosturisticos {
  background: var(--nayarit-purple-strong);
}

.sectorquizz .imgtopquizz.destilados {
  background: var(--nayarit-rose-medium);
}
.sectorquizz .imgtopquizz.mice {
  background: var(--nayarit-yellow-medium) ;
}




/* 
.sectorquizz .imgtopquizz.cultura {
  background: var(--guanajuato-a);
}

.sectorquizz .imgtopquizz.gastronomia {
  background: var(--guanajuato-b);
}

.sectorquizz .imgtopquizz.naturalezaaventura {
  background: var(--guanajuato-enie);
}

.sectorquizz .imgtopquizz.wellness {
  background: var(--guanajuato-e);
}

.sectorquizz .imgtopquizz.enologico {
  background: var(--guanajuato-02);
}

.sectorquizz .imgtopquizz.bodas {
  background: var(--guanajuato-j)
}

.sectorquizz .imgtopquizz.bodas {
  background: var(--nayarit-purple-medium);
}

.sectorquizz .imgtopquizz.hospedaje {
  background: var(--guanajuato-11);
}

.sectorquizz .imgtopquizz.entretenimiento {
  background: var(--guanajuato-10);
}

.sectorquizz .imgtopquizz.contenidodigital {
  background: var(--grayyucatan);
}

.sectorquizz .imgtopquizz.serviciosturisticos {
  background: var(--guanajuato-r);
}

.sectorquizz .imgtopquizz.destilados {
  background: var(--guanajuato-07);
}

.sectorquizz .imgtopquizz.mice {
  background: var(--guanajuato-n);
} */







.sectorquizz .imgtopquizz img{
  width: 100%;
  max-width: 800px;
  object-fit: initial;
  height: fit-content;
  height: auto;
}




.sectorquizz .question{
  display: flex;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  justify-content: center;
  /* font-size: 2em; */
  flex-direction: column;
  /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
  max-width: 1300px;
    margin: 0 auto;
    border-bottom: 1px solid #ddd;
}

.sectorquizz .question:first-child{
  box-shadow: none;
}

.sectorquizz .question:last-child{
  box-shadow: none;
}

.question h2{
  font-size: 1.7em;
font-family: 'Gotham Rounded', sans-serif ;
 font-weight: bold;
  text-align: left;
}
.question p{
  font-size: 1em;
  text-align: left;
}

.sectorquizz .enviar{
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;

  position: relative;
  background-color: #0B50B4;
  color: #fff;
  cursor: pointer;

  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px 0;

}

.boxinputsregistro{
  display: flex;
  width: 100%;
  justify-content: center;
  background: var(--grisaprelado);
  padding: 2em 0;

}
.inputsregistro{
  display: flex;
  width: 90%;
  max-width: 600px;
  flex-direction: column;
}

.inputsregistro h4{
  font-size: 1.2em;
  margin-top: 1em;
}

.tituloregistro{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  /* font-family: 'Gotham Rounded', sans-serif ;
 font-weight: 800; */
 /* font-family: 'Aleo', sans-serif ; */
 font-weight: bold;
 /* margin-bottom: 1em; */
}

.cajadeinputs{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-bottom: 3em;
  margin-top: 1em;
}



/*********** Descuento ***********/
input {
  -webkit-appearance: none;
}
/* input::-webkit-input-placeholder {
   line-height:normal!important;
} */
/*********** Descuento ***********/
.boxselecciones{
  display: flex;
  width: 100%;
  /* flex-direction: column; */
  /* height: 108px; */
  
  justify-content: center;
  margin: 1em 10px;
}
.boxcontradio{
  /* display: flex; */
  width: 100%;
  /* justify-content: space-between; */
  /* display: grid; */

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0 auto;
  max-width: 70%;
  
}
.btnseleccionable{
  width: 100%;
}
.btnseleccionable label{
  display: flex;
}
.desccheck{
  display: flex;
  flex-direction: column;
  padding: 16px 16px;
  border: none;
  color: #C9C9C9;
  cursor: pointer;
  border: 1px solid #C9C9C9;
  background: #ffffff;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}
.desccheck:hover{
  color: #7E7E7E;
  border: 1px solid #7E7E7E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.desccheck i{
  padding-bottom:  8px;
  font-size: 14px;
}
.btcseleccionable {
  display: inline-block;
  border: none;
  color: #C9C9C9;
  cursor: pointer;
  background: #ffffff;
  overflow: hidden;
}
.btcseleccionable:hover {
  color: #7E7E7E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btcseleccionable:active,
.btcseleccionable.is-checked {
  background: #ffffff;
  color: var(--dorado);
}
.btcseleccionable.is-checked {
  background: #ffffff;
  color: var(--dorado);
}
.btcseleccionable:checked ~ .desccheck,
.btcseleccionable.is-checked ~ .desccheck{
    border: 1px solid var(--dorado);
  background: #ffffff;
  color: var(--dorado);
}
.btcseleccionable.is-checked ~ .desccheck {
  border: 1px solid var(--dorado);
  background: #ffffff;
  color: var(--dorado);
}





/*the container must be positioned relative:*/
.boxinputautorellenable{
  display: flex;
  width: 100%;
  margin: 2em auto;
  justify-content: flex-start;

}

.divautocomplete{
  display: flex;
}



/* .autocomplete {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 500px;
} */

/* .boxinputautorellenable form{
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}




.boxinputautorellenable input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
} */

.herodesc{
  display: flex;
  width: 100%;
  flex-direction: column;
  color: #212121;
  /* max-width: 1000px; */
  margin: 0 auto;
  background: #FFF;
  /*background: #002d56; */
  /* padding: 20px 10px; */
  /* margin-bottom: 2em; */
  /* border-radius: 15px; */
  /* background: #86a290 url('https://visitnayarit.travel/wp-content/uploads/2023/05/fondo-verde.jpg?id=1159'); */
  
}

.herodesc .titlelomejor{
  display: flex;
  width: 100%;
  padding: 3em 2em;
  background: #ffcc00;
  /* background: rgb(0,63,236);
  background: -moz-linear-gradient(90deg, rgba(0,63,236,1) 12%, rgba(0,40,149,1) 61%);
  background: -webkit-linear-gradient(90deg, rgba(0,63,236,1) 12%, rgba(0,40,149,1) 61%);
  background: linear-gradient(90deg, rgba(0,63,236,1) 12%, rgba(0,40,149,1) 61%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003fec",endColorstr="#002895",GradientType=1); */
  color: #FFF;
  justify-content: center;
  position: relative;
  flex-direction: column;
  background-repeat: no-repeat;
  text-align: center;
}

.herodesc h2 {
  font-size: 1.6em;
  color: #FFF;
  /* font-weight: 800; */
  text-align: center;
  /* font-family: 'Aleo'; */
  font-weight: bold;
  z-index: 3;
  max-width: 60%;
  margin: 0 auto;
}

.iconsnayarit{
  width: 207px;
  height: 40px;
  margin: 0 auto;
}


.herodesc .circlerose{
  position: absolute;
  width: 224px;
  height: 197px;
  left: 10%;
  top: 1em;
  z-index: 2;
  display: none;
}



.herodesc p {
  font-size: 1.6em;
  margin-bottom: 10px;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  max-width: 1500px;
}

.decprincipal {
  padding: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e82077;
  text-align: center;
  flex-direction: column;
  /* font-size: 2em; */
}



.steps{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em 0;
  
}

.stp{
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 20px;
}

.stp .titlestp{
  /* display: flex; */
  text-align: center;
  /* justify-content: center; */
 
 }

 .stp .titlestp i{
  font-size: 2em;
  color: #C9366E;
  margin-bottom: 5px;
 
 }

.stp .titlestp h3{
  /* font-family: 'Gotham Rounded'; */
  font-weight: bold;
  font-size: 1.4em;
 color: #B865A8;
 margin-top: 10px;

}

.stp .titlestp p{
  font-size: 1em;
  color: var(--guanajuato-08);
  text-align: left;
  
 }





.boxinputautorellenable input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
  outline: none;
  border:none;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
  -webkit-appearance: none;
  border: 1px solid #989898;
  border-radius: 10px 0 0 10px;
  width: 100%;
  padding: 3px 10px;
  background: transparent;
  font-size: 1em;
  height: 35px;
  box-sizing: border-box;
  min-width: 400px;
}

.boxinputautorellenable input[type=submit] {
  /* position: relative; */
  background-color: #0B50B4;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.divautocomplete .open{

}
.divautocomplete .open .dropdown-menu{
  background: var(--grisaprelado);
  border: 1px solid #ddd;
  border-radius: 10px;

  border-radius: 10px;
  text-align: left;
  padding-left: 10px;
}

.divautocomplete .open .dropdown-menu li{
  cursor: pointer;
  padding: 5px;
}

.divautocomplete .open .dropdown-menu li:first-child{
  border-radius: 10px 10px 0 0 ;
}


.divautocomplete .open .dropdown-menu li:hover{
  background: var(--bg-blue-strong);
  color: var(--text-white);
  
}

.boxinputautorellenable .divautocomplete button{
  display: flex;
  padding: 0 25px; 
  justify-content: center;
  text-align: center;
  background: var(--bg-blue-strong);
  color: var(--text-white);
  font-family: 'Recoleta', sans-serif;
  font-weight: normal;
  font-size: 1em;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border-radius: 0 10px 10px 0;
  max-height: 35px;
  
}



/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: var(--bg-blue-strong) ; 
  color: #ffffff; 
}


.registro{
  display: flex;
  width: 100%;
  background: #fff;
  /* border-radius: 15px; */
  margin: auto;
  /* max-width: 1000px; */
  min-height: 500px;
}

.registerleft{
  display: flex;
  width: 40%;
  /* flex-direction: column;
  align-items: center; */
  flex-direction: column;
 
  /* height: 100%; */
  align-content: space-between;
  justify-content: space-evenly;
  align-items: center;
  padding: 110px 1em 1em 1em;
  background: url('https://lomejordenayarit.com/wp-content/uploads/2024/08/back-pattern.jpg');
  background-size: cover;
  background-repeat: repeat-x;
  
}

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

.logolmdy img{
  display: flex;
  width: 100%;
  max-width: 320px;
  height: auto;
  justify-content: center;
}

.titleregister{
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}

.inputsregister{
  display: flex;
  width: 100%;
  flex-direction: column;
}

.inponlyregister{
  display: flex;
  width: 100%;
  flex-direction: column;
  margin: 10px 0;
}
.inponlyregister label{
  margin-bottom: 5px;
}


.inponlyregister input[type=text], 
.inponlyregister input[type=password],
.inponlyregister input[type=number],
.inponlyregister input[type=mail],
.inponlyregister input[type=text],
.inponlyregister input[type=password],
.inponlyregister input[type=number],
.inponlyregister input[type=mail] {
  color: #707070;
}

.inponlyregister input{
  outline: none;
  border:none;
  background-image:none;
  background-color:transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
  -webkit-appearance: none;
  border: 1px solid #989898;
  border-radius: 10px;
  width: 100%;
  padding: 3px 10px;
  background: transparent;
  font-size: 1em;
  height: 35px;
  box-sizing: border-box;
}


.inputacceso{
  display: flex;
  width: 100%;
}

.buttonregister{
 display: flex;
 justify-content: center;
 /* margin-top: 1.5em; */
}

.buttonregister button{
  display: flex;
    padding: 10px 25px;
    justify-content: center;
    text-align: center;
    background: #4D9EA0;
    color: var(--text-white);
    
    font-family: 'Gotham Rounded', sans-serif ;
 font-weight: normal;
    font-size: 1em;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 15px;
}

.buttonregister button:hover{
  opacity: .8;
    transition: all 0.3s ease-in-out;
}





.registerrigth{
  display: flex;
  width: 60%;
  /* padding: 2em 1em; */
  background-image: url('img/bg_accesp.jpg');
  /* background-attachment: fixed; */
  background-position: center center;
  height: auto;
  /* border-radius: 0 15px 15px 0; */
  /* position: relative; */
}

.registerrigth .video-container {
  top: 0%;
  left: 0%;
  height: 400px;
  width: 100%;
  overflow: hidden;
  /* border-radius: 0 15px 15px 0; */
}
.registerrigth video.fillWidth {
  width: 100%;
  /* border-radius: 0 15px 15px 0; */
}

.registerrigth img{
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}


.registerleft h2{
  font-size: 1.5em;
  color: var(--bg-blue-strong);

}


.btnfinalizar{
  display: flex;
    padding: 10px 25px;
    justify-content: center;
    text-align: center;
    background: #00B7C5;
    color: var(--text-white);
    font-family: 'Recoleta', sans-serif;
    font-weight: normal;
    font-size: 1em;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    width: 90%;
    max-width: 400px;
    border-radius: 15px;
    margin: 2em auto;
}
.btnfinalizar:hover {
  transition: all 0.3s ease-in-out;
  opacity: .7;
}


@media screen and (min-width: 24.375em) {
  .legal .legal__links {
    margin-left: auto;
  }
}
@media screen and (min-width: 40.375em) {
  .footer__nav > * {
    flex: 1;
  }

  .nav__item--extra {
    flex-grow: 2;
  }

  .footer__addr {
    flex: 1 0px;
  }

  .footer__nav {
    flex: 2 0px;
  }
}

@media only screen and (max-width: 1366px) {
  
  .gridagenda{
    grid-template-columns: repeat(4, 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;
  }
}




@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);
    
  }
}

@media (max-width: 767px) {

}

@media only screen and (max-width: 800px) {
  .navbar {
    height: 55px;
  }
  .brand img {
    /* height: 90px; */
    height: 45px;
    width: auto;
    position: absolute;
    margin-top: -22px;
  }
  .welcomesuperbox {
    flex-direction: column;
    min-height: auto;
  }
  .welcomeleft {
    width: 100%;
    min-height: auto;
  }
  .welcomerigth {
    width: 100%;
    min-height: auto;
  }
  .timer {
    padding-top: 40px;
  }
  .herowelcome {
    /* height: 100%; */
    height: auto;
    min-height: auto;
  }
  /* .welcomeleft {
    height: auto;
  }
  .welcomerigth {
    height: auto;
  } */
  .accesosuperbox{
    width: 90%;
    margin: 0 auto;
    align-items: center;
    min-height: 90vh;
  }
  .gridagenda{
    grid-template-columns: repeat(2, 1fr);
    
  }
  .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;
  }

  .steps {
    grid-template-columns: 1fr 1fr;
  } 
  .divautocomplete {
    flex-direction: column;
  }
  .boxinputautorellenable input[type=text] {
    min-width: 500px;
    border-radius: 10px ;
  }
  .boxinputautorellenable .divautocomplete button {
    padding: 10px 25px;
    border-radius: 10px;
    margin-top: 1em;
  }
  .imlinecategory img{
    object-fit: none;
    height: 150px;
  }
  .herodesc h2{
    font-size: 1.6em;
    z-index: 3;
    max-width: 90%;
    margin: 0 auto 1em;
  }
  .titleprem{
    font-size: 1.6em;
  }

  .boxheaderficha h1.nice {
    font-size: 2em;
   
  }

  .leftcandidate h2 {
    margin: 0 auto;
    max-width: 100%;
  }

  .leftcandidate img {
    width: 90%;
    max-width: 100px;
  }

  .boxregistercandidate{
    flex-direction: column;
  }
  .leftcandidate{
    width: 100%;
    padding: 1em;
    border-right: none;
    height: auto;
  }
  .rigthtcandidate {
    width: 100%;
    padding: 1em;
    height: auto;
    
  }

  .fichainferior {
    margin: 20px auto 50px;
  }

 
}

/* @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 : 800px) {
  .heroacceso {
    height: auto;
  }
  .accesosuperbox{
    min-height: 100vh;
  }
  .superboxponentes {
    min-height: 90vh;
  }
  .registerleft {
    width: 50%;
  }
  .registerrigth {
    width: 50%;
  }
 
  .herodesc p {
    font-size: 1.2em;
  }

}


@media screen and (max-width: 600px) { 
  .boxtrack{
      width: 100%;
      display: flex;
      justify-content: center;
  }
  .progressbar{
      width: 100%;
      display: flex;
      justify-content: center;
  }
  .progressbar li{
      display: none;
  }
  .progressbar li.showresponsive {
    display: flex;
    flex-direction: column;
    align-items: center;
  }   
  .arrowslink{
      display: flex;
      justify-content: center;
      width: 30%;
  }
  .arrowslink{
      color: #7E7E7E;
  }   
  .arrowslink:hover{
      color: var(--bg-blue-strong);
      transform: scale(1.2);
      transition: 0.5s ease;
  }
  .progressbar li:after {
    height: 0px;
}
  .registro {
    flex-direction: column;
  }
  .registerleft {
    width: 100%;
    padding: 72px 1em 1em 1em;
  }
  .registerrigth {
    width: 100%;
    border-radius: 0px 0px 0px 0px;
    display: none;
  }
  .registerrigth video.fillWidth {
    border-radius: 0 0 0px 0px;
  }
  .boxinputautorellenable input[type=text] {
    min-width: 400px;
  }
  .tituloregistro{
    font-size: 2em;
  }
  .logolmdy img {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin-bottom: 1.5em;
  }
  .registro {
    min-height: 365px;
  }
  .herodesc .circlerose {
    display: none;
  }
  .herodesc .titlelomejor {
    background-repeat: no-repeat;
  }
  
  
  
}


@media only screen and (max-width: 500px) {
  .legal a {
    width: 100%;
    text-align: center;
  }
  .legal__links {
    width: 100%;
  }
  .logowelcome img {
    width: 100%;
    height: auto;
  }
  .footer {
    padding: 20px 10px;
  }
  .steps {
    grid-template-columns: 1fr ;
  } 
  .boxinputautorellenable input[type=text] {
    min-width: 350px;
  }
}

@media only screen and (max-width: 414px) {
  .navbar {
    height: 70px;
  }
  .brand img {
    height: 55px;
    width: auto;
    position: absolute;
    margin-top: -28px;
  }

  .brand.newbrand img {
    height: 50px;
    width: auto;
  }
  /* .superboxponentes {
    padding: 1rem 0;
  } */
  /* .section {
    padding: 8rem 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%;
  }

  
}





@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) {
 
}