/*===========================================

	EENDA,
	Marketing, Desarrollo & Consulting
	www.eenda.com

===========================================*/

body{
   margin: 0;
   padding: 0;
   color: rgba(0, 0, 0, 1);
   font-size: 18px;
   overflow-x: hidden;
   font-weight:400;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   direction: ltr;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

body, html{
   height: 100%;
   width: 100%;
   position: relative;
}

html{
   scroll-behavior: smooth;
}

a{
   color: inherit;
}

a, a:hover, a:focus{
   outline: none;
   text-decoration: none;
   color: inherit;
}

a.link{
   color:rgba(0, 102, 204, 1);
}

.text-transform-none{
   text-transform: none !important;
}

.mt-10{
   margin-top:10rem;
}

.grayscale{
   transition:all .4s;
   filter: grayscale(1);
}

   .grayscale:hover{
      filter: grayscale(0);
   }

ol, ul{
   margin: 0;
   padding: 0;
   list-style: none;
}

ul.list-styled{
   margin:0 0 0 .5rem;
   list-style: disc !important;
}

ul.list-styled > li > ul.list-styled{
   margin:0 0 0 2rem;
   list-style:square !important;
}

h1, h2, h3, h4, h5, h6{
   margin: 0;
}

*{
   font-family: 'Open Sans', Helvecita, Arial, sans-serif;
   font-weight:400;
}

h1{
   font-size: 3.75rem;
}

h2{
   font-size: 2.5rem;
}

h3{
   font-size: 1.75rem;
}

h4{
   font-size: 1.25rem;
}

h5{
   font-size: 1rem;
}

h6{
   font-size: 0.875rem;
}

p{
   font-size: 1rem;
   font-weight:400;
}

.required:before{
	content: "*";
    position: relative;
    top: 2px;
    padding: 0 5px 0 0;
    font: 700 1em Arial,Verdana,Tahoma;
    color: #ff0000;
}

.modal-content, .modal-header, .modal-footer{
   border-radius:0;
}

.modal-header{
   background:rgba(244, 170, 1, 1);
   color:rgba(255, 255, 255, 1);
}

.modal-header .modal-title{
   font-weight:600;
   font-size:1.25rem;
   text-transform: uppercase;
}

.modal .modal-body ul{
   margin:0 0 0 2rem;
}

.modal .modal-body ul li{
   list-style: disc !important;
}

.modal .modal-body a{
   color:rgba(244, 170, 1, 1);
}

.modal .modal-footer .btn-primary{
   padding:.75rem 1.5rem;
   background:rgba(244, 170, 1, 1);
   border:0;
   font-weight:600;
   font-size:.9rem;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
}

h2.titulo-seccion{
   padding:0 0 2rem 0;
   font-weight: 700;
   font-size:2rem;
   color:rgba(0, 0, 0, 1);
   text-align: center;
}

   h2.titulo-seccion hr{
      margin:1rem auto;
      height:3px;
      opacity:1;
      max-width:5%;
   }

h3.titulo-seccion{
   padding:0 0 2rem 0;
   font-weight: 700;
   font-size:1.5rem;
   color:rgba(0, 0, 0, 1);
   text-align: center;
}

   h3.titulo-seccion hr{
      margin:1rem auto;
      height:2px;
      opacity:1;
      max-width:3%;
   }

.img-effect{
    position: relative;
    overflow: hidden;
    display: block;
}

.img-effect img{
   display: block;
   margin: 0;
   width: 100%;
   height: auto;
   box-shadow: 0 0 0 transparent;
   -webkit-box-shadow: 0 0 0 transparent;
   -moz-box-shadow: 0 0 0 transparent;
   transition: all .25s;
   -moz-transition: all .25s;
   -webkit-transition: all .25s;
   -o-transition: all .25s;
}

.img-effect.zoom-slow img{
   transition: all .75s;
   -moz-transition: all .75s;
   -webkit-transition: all .75s;
   -o-transition: all .75s;
}

.img-effect.zoom-slow:hover img {
    transform: scale(1.1);
    transform-origin: center center;
}

.btn-cta{
   padding:.75rem 1.5rem;
}

.btn-cta:before,
.btn-cta:after{
   -webkit-transition: all .25s;
   transition: all .25s;
   border-style: solid;
   border-width: 0;
   content: "";
   height: 24px;
   position: absolute;
   width: 24px;
}

.btn-cta:before{
    border-left-width: 2px;
    border-top-width: 2px;
    left: -5px;
    top: -5px;
}

.btn-cta:after{
    border-bottom-width: 2px;
    border-right-width: 2px;
    bottom: -5px;
    right: -5px;
}

.btn-cta:hover:after,
.btn-cta:hover:before{
   width: 100%;
   height: 100%;
}

.btn-primary{
   background:rgba(100, 175, 187, 1);
   border-color:rgba(100, 175, 187, 1);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
   background:rgba(0, 0, 0, 1);
   border-color:rgba(0, 0, 0, 1);
}


/*=======================================
RGPD Cookies
=======================================*/

.gdprcookie{
   position: fixed;
   color: white;
   font-size: .8em;
   line-height: 1.5em;
   bottom: 0;
   width:100%;
   padding: 1rem;
   background: rgba(0, 0, 0, .85);
   z-index: 9999 !important;
}

.gdprcookie-intro,
.gdprcookie-types{
   margin:auto;
   padding-right:15px;
   padding-left:15px;
   max-width:1140px;
}

.gdprcookie h1,
.gdprcookie h2{
   margin-bottom: .5rem;
   font-size: 1.25rem;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie p{
   font-size: 1rem;
   color:rgba(255, 255, 255, .75);
}

.gdprcookie h2{
   font-size: 1.2em;
}

.gdprcookie a{
   color: rgba(255, 255, 255, 1);
   text-decoration: underline;
}

.gdprcookie-buttons{
   text-align: center;
}

.gdprcookie-buttons button{
   color: white;
   font-family: inherit;
   font-size: 1rem;
   padding: .5rem .75rem;
   border: solid .05rem currentColor;
   border-radius: .15rem;
   margin: 0 .5rem;
   background: none;
   cursor: pointer;
}

.gdprcookie-buttons button:disabled{
   color: rgba(255,255,255,.5);
}

.gdprcookie-types{
   margin:.5rem auto 1rem auto;
   padding:.5rem .75rem;
   border:1px solid rgba(255, 255, 255, .75);
}

.gdprcookie-types ul{
   overflow: hidden;
   padding: 0;
   margin: 1rem 0 1rem;
}

.gdprcookie-types li{
   padding: 0;
   margin: 0;
   width: 25%;
   display: block;
   list-style: none;
   float: left;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie-types li label{
   font-size: 1rem;
}

.gdprcookie-types input[type="checkbox"]{
   margin-right: .5rem;
}


/*===========================================
	Sidebar
===========================================*/

#sidebar-toggle{
   position:fixed;
   float:right;
   bottom:2rem;
   right: 2rem;
   z-index:9999;
   width:90px; height:48px;
   background:rgba(255, 255, 255, 1);
   line-height: 3rem;
   text-align: center;
   border-radius: 100px;
}

   #sidebar-toggle a{
      display:block;
      width:90px; height:48px;
      font-size:2rem;
      color:rgba(0, 0, 0, 1);
   }

#sidebar-wrapper{
	width: 350px;
	position: fixed;
	top: 0;
	left: -500px;
	height: 100vh;
	z-index: 9999;
	background: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
   box-shadow: 2px 0 3px rgba(0, 0, 0, .25);
	transition: all 0.3s;
	overflow-y: scroll;
}

	#sidebar-wrapper.active{
		left: 0;
	}

	#sidebar-wrapper .sidebar-header{
		margin-bottom:0;
		padding: 1.25rem 1rem;
      height:79.5px;
		border-bottom:1px solid rgba(255, 255, 255, .25);
		text-transform: uppercase;
	}

   	#sidebar-wrapper .sidebar-header img{
   		width:150px;
   	}

   #sidebar-wrapper ul.nav-menu{
      margin-top:1rem;
   }

	#sidebar-wrapper ul li.nav-item > a{
		display: block;
		margin:0 0 0 0;
		padding:.5rem 1rem;
		font-size: 1rem;
      transition: all .4s;
	}

	#sidebar-wrapper ul li.nav-item .dropdown-aside{
      background:rgba(0, 0, 0, .25);
   }

   #sidebar-wrapper ul li.nav-item .dropdown-aside a{
      display: block;
		margin:0 0 0 0;
		padding:.575rem 1rem;
      color:rgba(255, 255, 255, .75);
		font-size: .90rem;
      transition: all .4s;
	}

	#sidebar-wrapper ul li.nav-item a:hover{
		background:rgba(0, 0, 0, .25);
		color:rgba(255, 255, 255, 1);
		text-decoration: none;
	}

	#sidebar-wrapper ul li a[aria-expanded="true"],
	#sidebar-wrapper ul li a[aria-expanded="true"]:hover{
		background:rgba(0, 0, 0, .075);
		color:rgba(255, 255, 255, 1);
	}

#sidebar-collapse{
	margin-right:15px;
	padding:12px 25px;
	background:rgba(255, 255, 255, 1);
	border:1px solid rgba(0, 0, 0, 0.15);
	border-radius:0;
	font-weight:600;
	font-size:.85rem;
	text-transform: uppercase;
	transition:background-color .3s;
	cursor: pointer;
}

	#sidebar-collapse:hover,
	#sidebar-collapse:focus{
		background:rgba(17, 34, 76, 1);
		color:rgba(255, 255, 255, 1);
	}

   #sidebar-wrapper .nav-social > ul > li.scroll-top a{
      color:rgba(255, 255, 255, 1);
   }

   #sidebar-wrapper .nav-social > ul > li:not(.scroll-top) > a{
      background:rgba(255, 255, 255, 1);
   }


/*===========================================
	Header (Top) & Header
===========================================*/

.header-top{
   background:rgba(116, 191, 200, 1);
   font-size:.85rem;
   color:rgba(0, 0, 0, .65);
}

.header-top .btn{
   padding:.75rem 1.25rem;
   font-weight:500;
   font-size:.85rem;
   color:rgba(0, 0, 0, .65);
   background:rgba(255, 255, 255, .25);
   border-radius:0;
}

.header-top .btn:focus,
.header-top .btm:active{
   box-shadow:none;
}

   .header-top .dropdown-menu{
      z-index:9999 !important;
      margin-top:-3px !important;
      padding:0;
      background:rgba(255, 255, 255, 1);
      border:0;
      border-radius:0;
   }

   .header-top .dropdown-item{
      padding:0;
   }

   .header-top a.dropdown-item,
   .header-top .dropdown-item > p{
      padding:.65rem 1.25rem;
      font-size:.85rem;
      color:rgba(1, 32, 41, .65);
      transition:all .3s;
   }

   .header-top a:hover{
      color:rgba(0, 0, 0, 1);
   }

   .header-top .dropdown-item:hover{
      background: none !important;
   }

   .header-top a.dropdown-item:hover{
      background-color: inherit !important;
      color:rgba(1, 32, 41, 1);
   }

header{
   background: rgb(255,255,255);
   background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 1) 100%);
}

header:not(.inside) h1{
   font-weight:600;
   font-size:1.75rem;
   color:rgba(244, 170, 1, 1);
}

header .img-logo{
   max-width: 50%;
   transition:all .3s;
   opacity:0;
}

.navbar{
   position: relative;
   float:right;
   padding-bottom:0;
   padding-left:3rem;
   background:rgba(0, 0, 0, 1);
}

.navbar::before{
   content: " ";
   position: absolute;
   display: block;
   padding-left:2rem;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
   background:rgba(0, 0, 0, 1);
   -webkit-transform-origin: top right;
   -o-transform-origin: top right;
   transform-origin: top right;
   -webkit-transform: skew(-10deg, 0deg);
   -o-transform: skew(-10deg, 0deg);
   transform: skew(-10deg, 0deg);
}

#navbar{
   z-index:9999 !important;
}

   #navbar .nav-item > .nav-link{
      padding:1rem 1rem 1.15rem 1rem;
      font-weight:500;
      font-size: .95rem;
      color:rgba(255, 255, 255, 1);
      text-transform: uppercase;
   }

   #navbar .nav-item > .nav-link span{
      display:inline-block;
      padding:.25rem 0 0 0;
      border-bottom:2px solid transparent;
      transition:all .3s;
   }

   #navbar .nav-item > .nav-link:hover span,
   #navbar .nav-item > .nav-link.show span{
      color:rgba(116, 191, 200, 1);
      border-color:rgba(116, 191, 200, 1);
   }

   #navbar .nav-item > .nav-link.show{
      color:rgba(116, 191, 200, 1);
   }

   #navbar .dropdown-menu{
      margin-top:0;
      padding:0;
      background:rgba(255, 255, 255, 1);
      color:rgba(116, 191, 200, 1);
      border:0;
      border-radius:0;
   }

   #navbar .dropdown-menu .dropdown-item{
      padding:.65rem 1rem;
      color:rgba(0, 0, 0, .65);
      transition:all .3s;
   }

   #navbar .dropdown-menu .dropdown-item:hover{
      background:rgba(116, 191, 200, .5);
      color:rgba(0, 0, 0, 1);
   }


/*===========================================
	Hero
===========================================*/

#hero{
   width:100%;
}

#hero h2{
   font-weight:600;
   color:rgba(255, 255, 255, 1);
}

#hero .hashtag{
   font:700 1.75rem 'Open Sans', Helvetica, Arial !important;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
}

   #hero .hashtag::before{
      position:relative;
      top:12px;
      content: "#";
      font-size:2.75rem;
      color:rgba(255, 255, 255, 1);
   }

/*===========================================
HERO (Revolution Slider)
===========================================*/

#hero{
   margin-bottom:0;
   padding:4rem 0 0 0;
   width:100%;
   background: url(../images/bg-hero.png) no-repeat center center;
   background-size: cover;
}

#hero h3,
#hero h1{
   display:block;
   letter-spacing: 1.5px;
   width:80%;
   margin:0 auto 0 auto;
   font-weight:200;
   font-size: 3rem;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased !important;
}

#hero p{
   display:block;
   width:100%;
   font-weight:300;
   font-size: 1.25rem;
   color:rgba(255, 255, 255, 1);
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased !important;
}

#hero small{
   display:block;
   margin:0;
   font:300 1rem Arial, Helvetica;
   color:rgba(0, 0, 0, 1);
}

#hero small strong{
   font-weight:600;
}

#hero .btn{
   font-weight:200;
}

#hero .row.align-items-end{
   margin-top:8rem;
   padding-bottom:1.5rem;
}

#hero .row.align-items-end small{
   display:block;
   margin-top:.75rem;
   text-align: center;
   font-weight: 500;
   font-size:1.25rem;
   color:rgba(100, 175, 187, 1);
}


/*===========================================
	Featured (organizadores & platino)
===========================================*/

#media,
#premios{
   border-top:5px solid rgba(0, 0, 0, .065);
   background:rgba(255, 255, 255, 1) url(../images/bg-hero.png) no-repeat;
   background-size: cover;
}

#media{
   background:rgba(255, 255, 255, 1) url(../images/bg-media.png) no-repeat;
}

.bg-closer{
   padding:3rem 0;
   background:rgba(255, 255, 255, 1) url(../images/bg-closer.png) no-repeat center center !important;
   background-size: cover !important;
}

#premios{
   background:rgba(255, 255, 255, 1) url(../images/bg-premios.png) no-repeat !important;
   background-size: cover !important;
}

.bg-hero{
   background:rgba(255, 255, 255, 1) url(../images/bg-hero.png) no-repeat !important;
   background-size: cover !important;
}

   .bg-hero h2{
      color:rgba(255, 255, 255, 1) !important;
   }

.bg-hero-alt{
   background:rgba(255, 255, 255, 1) url(../images/bg-hero-alt.png) no-repeat !important;
   background-size: cover !important;
}

#preagenda,
#agenda,
#preinscripcion{
   padding-bottom:0 !important;
   background:rgba(255, 255, 255, 1) url(../images/bg-hero.png) no-repeat;
   background-size: cover;
}

#agenda{
   padding-bottom:0 !important;
   background:rgba(255, 255, 255, 1) url(../images/bg-programa.png) repeat;
   background-size:3.5%;
}

   #preagenda .container,
   #agenda .container,
   #preinscripcion .container{
      padding-top:8rem;
      padding-bottom:8rem;
   }

   .img-agenda-cierre{
      height:385px;
      border-top:3px solid rgba(100, 175, 187, 1);
      background:url(../images/img-agenda-cierre.jpg) no-repeat top center;
      background-size:cover;
   }

   #media p,
   #media h2,
   #media a{
      color:rgba(0, 0, 0, 1) !important;
   }

   #media .box-rounded-circle{
      display:flex;
      flex-direction: column;
      align-items:center;
      justify-content: center;
      text-align: center;
      width:200px; height:200px;
      background:rgba(0, 0, 0, 1);
      border-radius:50%;
      color:rgba(255, 255, 255, 1);
      font-size:1.25rem;
      line-height: 20px;

      .num{
         display:inline-block;
         margin-bottom:2rem;
         font-weight:bold;
         font-size:4rem;
      }
   }

   .featured-link{
      display:inline-block;
      font-weight: 600;
      color:rgba(255, 255, 255, 1);
      border-bottom:2px solid rgba(255, 255, 255, 1);
   }

/*===========================================
   Categorías de premios
===========================================*/

   #categorias h4{
      margin-top:1rem;
      font-weight: 700;
      color:rgba(1, 32, 41, 1);
      text-transform: uppercase !important;
   }

   #categorias p{
      font-weight: 500;
      line-height: 1.25;
      color:rgba(1, 32, 41, 1) !important;
   }

   #categorias .btn-primary{
      margin-top:.5rem;
      padding:.75rem 2rem;
      background:rgba(1, 32, 41, 1);
      font-size:1.15rem;
      border:1px solid rgba(1, 32, 41, 1);
      border-radius:0;
   }


/*===========================================
   Éxito Galas Anteriores
===========================================*/

   #anteriores{
      border-top:3px solid rgba(28, 43, 74, 1);
   }

   #anteriores h2{
      color:rgba(28, 43, 74, 1);
   }

   #anteriores .row .col-sm .btn{
      position:relative;
      top:-18px;
      padding-left:1.5rem;
      padding-right:1.5rem;
      font-weight:700;
      color:rgba(28, 43, 74, 1);
      border:0;
      border-radius:25px;
   }

   #anteriores .row .col-sm h4{
      font-weight:700;
      font-size:1.55rem;
      color:rgba(28, 43, 74, 1);
   }

   #anteriores .row .col-sm p{
      margin-bottom:0;
      font-weight:600;
      font-size:1.15rem;
      color:rgba(28, 43, 74, 1);
   }

   #anteriores .row .col-sm:nth-of-type(1n) small{
      display:block;
      margin-bottom:20px;
      color:rgba(26, 190, 215, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(2n) small{
      color:rgba(28, 43, 74, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(3n) small{
      color:rgba(125, 14, 74, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(4n) small{
      color:rgba(100, 175, 187, 1) !important;
   }

   
   
   #anteriores .row .col-sm img{
      border-radius:20px;
   }

   #anteriores .row .col-sm:nth-of-type(1n) .btn{
      background:rgba(26, 190, 215, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(2n) .btn{
      background:rgba(28, 43, 74, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(3n) .btn{
      background:rgba(125, 14, 74, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }

   #anteriores .row .col-sm:nth-of-type(4n) .btn{
      background:rgba(100, 175, 187, 1) !important;
      color:rgba(255, 255, 255, 1) !important;
   }


/*===========================================
   Presentacion
===========================================*/

#presentacion,
#participa{
   background:rgba(1, 32, 41, 1);
}

   #presentacion .presentacion-imagen,
   #participa .presentacion-imagen{
      min-height:600px;
      background-size:cover;
      background-repeat:no-repeat;
      background-position:top center;
   }

   #presentacion .presentacion-container,
   #participa .presentacion-container{
      padding:0 3rem;
      display: flex;
      position:relative;
      min-height:450px;
      align-items: center;
   }

   #presentacion .presentacion-texto h3.titulo-seccion,
   #participa .presentacion-texto h3.titulo-seccion{
      margin:0;
      padding:0;
      text-align:left;
      color:rgba(255, 255, 255, 1);
   }

   #presentacion .presentacion-texto h3.titulo-seccion small,
   #participa .presentacion-texto h3.titulo-seccion small{
      color:rgba(255, 255, 255, 1);
   }

   #presentacion .presentacion-texto h3.titulo-seccion hr,
   #participa .presentacion-texto h3.titulo-seccion hr{
      margin-left:0;
      max-width: 30%;
   }

   #presentacion .presentacion-texto,
   #participa .presentacion-texto{
      width:100%;
      position:relative;
      z-index:999 !important;
      color:rgba(255, 255, 255, 1);
   }

   #presentacion .presentacion-texto p,
   #participa .presentacion-texto p{
      font-style: italic;
      font-size:1.5rem;
   }

   #presentacion .presentacion-texto ul,
   #participa .presentacion-texto ul{
      margin:2rem 0 2rem .25rem;
   }

   #presentacion .presentacion-texto ul li,
   #participa .presentacion-texto ul li{
      margin-top:.75rem;
      font-size:1.25rem;
   }

      #presentacion .presentacion-texto ul li:before,
      #participa .presentacion-texto ul li:before{
         content:"\f0da";
         padding-right:.25rem;
         font-weight:700;
         font-family:'Font Awesome 5 Pro';
      }

   #presentacion .btn-cta,
   #participa .btn-cta{
      border-radius:0;
      background:rgba(0, 0, 0, 1);
      font-style: normal;
      color:rgba(255, 255, 255, 1);
      transition:all .3s;
   }

   #presentacion .btn-cta:hover,
   #participa .btn-cta:hover{
      background:rgba(100, 175, 187, 1);
   }

   #presentacion .btn-cta:before,
   #participa .btn-cta:before{
      top:0; left:0;
      border:0;
   }

   #presentacion .btn-cta:after,
   #participa .btn-cta:after{
      bottom:0; right:0;
      border:0;
   }

   .num-invitados-container{
      position:relative;
      bottom:2rem; left:0;
      height:600px;
   }

      .num-invitados-content{
         position: absolute;
         bottom:0;
         padding:1rem 0;
         width:200px; height:auto;
         background:rgba(1, 32, 41, 1);
         border:2px solid rgba(255, 255, 255, 1);
         border-left:0;
         border-radius:12px;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         color:rgba(255, 255, 255, 1);
      }

         .num-invitados-content div{
            margin:auto;
            max-width:75%;
            font-size:3rem;
            font-weight:800;
            text-align: center;
            text-transform: uppercase;
         }

         .num-invitados-content div > small{
            display:block;
            font-size:1.75rem;
         }

      #presentacion .border-3d{
         padding:12px;
         border-top:5px solid rgba(100, 175, 187, 1);
         border-left:5px solid rgba(100, 175, 187, 1);
         border-bottom:5px solid rgba(100, 175, 187, 1);
         border-right:5px solid transparent;
      }

      .num-invitados-2{
         padding:0 0 .5rem 0;
         margin-bottom:3rem;
         width:250px; height:auto;
         background:rgba(1, 32, 41, 1);
         border-radius:12px;
         color:rgba(255, 255, 255, 1);
      }

         .num-invitados-2 div{
            margin:auto;
            line-height: normal;
            max-width:100%;
            font-size:2rem;
            font-weight:800;
            text-align: center;
            text-transform: uppercase;
         }

         .num-invitados-2 div > small{
            display:block;
            font-size:1.75rem;
         }



/*===========================================
   Featured Middle (Oro, Plata & Bronce)
===========================================*/

#sponsors{
   background:rgba(0, 0, 0, .065);
   font-weight:400;
}

#sponsors h4{
   margin:0 0 .5rem 0;
   padding:0;
   color:rgba(0, 0, 0, .65);
}

   #sponsors .bx-wrapper{
      margin:auto;
      margin-bottom:0;
      background:none;
      border:0;
      box-shadow:none;
   }

/*===========================================
   Agenda
===========================================*/

#agenda{
   padding:3rem 0;
}

   #agenda .icon{
      margin:auto;
      display: flex;
      align-items: center;
      width:150px; height:150px;
      border:3px solid rgba(100, 175, 187, 1);
      border-radius:50%;
      transition:all .3s;
   }

   #agenda .icon:hover{
      background:rgba(0, 0, 0, 1);
      border-color:rgba(0, 0, 0, 1);
   }

   #agenda .icon > i{
      margin:auto;
      font-size:2.5rem;
      text-align: center;
      transition:all .3s;
   }

   #agenda .icon:hover > i{
      color:rgba(255, 255, 255, 1);
   }

   .badge-time{
      background:#093D45;
      color:rgba(255, 255, 255, 1);
   }

   #agenda p{
      margin:.75rem 0 0 0;
      font-weight:500;
      font-size:1.1rem;
   }


/*===========================================
   Personalidades
===========================================*/

#personalidades{
   padding:3rem 0;
   background:rgba(100, 175, 187, 1);
}

   #personalidades h2.titulo-seccion{
      color:rgba(255, 255, 255, 1);
   }

   #personalidades h3.titulo-seccion{
      color:rgba(255, 255, 255, 1);
   }

   #personalidades .item-text{
      position: relative;
      z-index: 1;
      margin: 0 0 0 -8rem;
      padding: 5rem 2rem;
      background: rgba(255, 255, 255, 1);
   }

   #personalidades .item-text p{
      margin-bottom:0;
      font-weight:700;
      font-size:1.45rem;
   }

   #personalidades .item-text .btn-cta{
      position: relative;
      background:rgba(100, 175, 187, 1);
      color:rgba(255, 255, 255, 1);
      border-radius:0;
      transition: all .3s;
   }

   #personalidades .item-text .btn-cta:hover{
      background:rgba(0, 0, 0, 1);
      color:rgba(255, 255, 255, 1);
   }

      #personalidades .item-text .btn-cta i{
         transition: all .3s;
      }

      #personalidades .item-text .btn-cta:hover i{
         padding-left:3rem;
      }

   #personalidades .item-text .btn-cta::before,
   #personalidades .item-text .btn-cta::after{
      border-color:rgba(100, 175, 187, 1);
   }

   #personalidades .item-text .btn-cta:hover::before,
   #personalidades .item-text .btn-cta:hover::after{
      border-color:rgba(0, 0, 0, 1);
   }

/*===========================================
   Foro de debate
===========================================*/

#foro .presentacion-imagen{
   min-height:900px;
   background-size:cover;
   background-repeat:no-repeat;
   background-position:top center;
}

   #foro p{
      font-style: italic;
      font-weight:500;
      font-size:2.25rem;
      color:rgba(255, 255, 255, 1);
      line-height: 1.25;
      margin-bottom:0;
   }


/*===========================================
   Footer
===========================================*/

footer{
   padding:2rem 0;
   background:rgba(0, 0, 0, .65);
   border-top:1px solid rgba(255, 255, 255, .15);
   font-weight:400;
   color:rgba(255, 255, 255, .5);
}

   footer p,
   footer a{
      color:rgba(255, 255, 255, .5);
      transition:all .3s;
   }

   footer a:hover{
      color:rgba(255, 255, 255, 1);
   }

/*===========================================
   Page Header & Page Content
===========================================*/

#strapline,
.strapline,
#strapline-secondary{
   margin:0 0 0 0;
   padding:.75rem 0;
   background:rgba(100, 175, 187, 1);
   color:rgba(255, 255, 255, 1);
}

#preinscripcion{
   padding-top:1rem;
}

#preinscripcion .container{
   padding-top:4rem;
}

   #contenido h4,
   #preinscripcion h4{
      margin:2rem 0 .5rem 0;
      font-size:1.25rem;
   }

   #contenido .alert-nota,
   #preinscripcion .alert-nota{
      border:3px solid rgba(100, 175, 187, 1);
   }

   #contenido .form-control:focus,
   #contenido .form-select:focus,
   #preinscripcion .form-control:focus,
   #preinscripcion .form-select:focus{
      border-color:rgba(100, 175, 187, 1);
      box-shadow:0 0 0 0.25rem rgb(191 170 98 / 25%);
   }

   #preinscripcion .form-label,
   #preinscripcion ul li{
      color:rgba(255, 255, 255, 1);
   }

   #preinscripcion #patrocinador_datos_pago{
      color:rgba(255, 255, 255, 1);
   }
   
   #preinscripcion ul{
      margin-left:35px;
   }

   #preinscripcion ul li{
      list-style: disc;
   }


/*===========================================
   Noticias
===========================================*/

#noticias .card,
#noticias .card-img-top,
#noticias .card-footer{
   border:0;
   border-radius:0;
}

   #noticias .card-title{
      font-weight:700;
      font-size:1.2rem;
      color:rgba(0, 0, 0, 1);
   }

   #noticias .card-body{
      padding:1.5rem;
   }

   #noticias .card-footer{
      padding:0 1.5rem 1.5rem;
      background:none;
   }

      #noticias .card-footer a{
         font-weight:700;
         font-size:.85rem;
         color:rgba(0, 0, 0, 1);
         border-bottom:2px solid rgba(0, 0, 0, 1);
      }

      #noticias ul{
         margin:0 0 1.5rem .5rem;
      }

      #noticias ul li:before{
         padding-right:.25rem;
         content: "\f0da";
         font-weight:600;
         font-family:'Font Awesome 5 Pro';
      }

.page-content{
   padding:3rem 0;
}

   .page-content h2{
      font-weight:600;
      font-size:2rem;
      color:rgba(255, 255, 255, 1);
      text-transform: uppercase;
   }

   .page-content .box-bordered{
      position:relative;
      margin:2rem auto 3rem auto;
      padding:.25rem;
      width:80%;
      border:3px solid rgba(1, 32, 41, 1);
   }

      .page-content .box-bordered .box-decore{
         position: absolute;
         top:-10px; right:-50px;
         width:100%;
         padding: 50px 20px;
         background: #ffffff;
         z-index:0;
      }

      .page-content .box-bordered .box-title{
         position:relative;
         z-index:9999;
         padding:12px;
      }

      .page-content .box-bordered  h3{
         display:inline-block;
         margin-bottom:.25rem;
         padding:0 1rem;
         width:auto;
         background:rgba(255, 255, 255, 1);
         font-weight:700;
         font-size:1.5rem;
      }

         #premios + .page-content h4{
            margin:.75rem -25px;
            padding:1rem 2rem;
            text-transform: none;
         }

      .page-content .box-bordered h4{
         padding-top:.375rem;
         font-weight:500;
         font-size:1.5rem;
      }

      .page-featured p,
      #premios + .page-content p{
         font-size:1.25rem;
         color:rgba(0, 0, 0, 1);
      }

      .page-featured .box{
         padding:25px 50px;
         background: rgba(1, 32, 41, .45);
         border:3px solid rgba(100, 175, 187, 1);
         border-radius:50px;
      }

      .page-featured h2:not(.text-dark),
      .page-featured p:not(.text-dark){
         color:rgba(255, 255, 255, 1) !important;
      }

      .page-featured .box hr{
         height:3px;
         opacity: 1;
         background-color:rgba(255, 255, 255, 1);
      }

#lugar h2,
#lugar2 h2{
   color:rgba(1, 32, 41, 1);
}

#lugar h3,
#lugar2 h3{
   display:inline-block;
   margin-bottom:1rem;
   font-weight:700;
   font-size:2rem;
   color:rgba(0, 0, 0, 1);
}

   #lugar h3::after,
   #lugar2 h3::after{
      content:" ";
      display: inline-block;
      margin-bottom:.75rem;
      position:relative;
      width:100%;
      height:8px;
      background: rgba(1, 32, 41, 1);
   }

   #lugar p,
   #lugar2 p,
   #eco2 p{
      font-size:1.25rem;
      color:rgba(100, 175, 187, 1);
   }

   #lugar .caption-icon,
   #lugar2 .caption-icon{
      font-weight:700;
      font-size:1.15rem;
   }

   .overlay-dates{
      margin:2rem 0;
      padding:.75rem 2.5rem;
      display: inline-block;
      background: rgba(1, 32, 41, 1);
      border-radius:12px;
      text-align:left;
   }

   .overlay-dates p{
      margin-bottom:0;
      color:rgba(255, 255, 255, 1) !important;
   }

   .page-featured h2,
   #sponsors h2,
   a.featured-link{
      color:rgba(1, 32, 41, 1);
   }

   a.featured-link{
      border-bottom:2px solid rgba(1, 32, 41, .65);
   }

   #contacto .featured-link{
      font-weight:700 !important;
      font-size:1.25rem !important;
      color:rgba(255, 255, 255, 1) !important;
      text-transform: uppercase;
      border-bottom: 0 !important;
   }

   #contacto p{
      margin-bottom:0;
      font-size:1.15rem;
      color:rgba(255, 255, 255, 1);
   }

   #contacto p a{
      color:rgba(255, 255, 255, 1);
   }

   #contacto p a:hover{
      text-decoration: underline;
   }

   #media h2{
      color:rgba(0, 0, 0, 1) !important;
   }

#lugar2 .card,
#lugar2 .card-img-overlay{
   display:flex;
   height: 100%;
   align-items:end;
}

#lugar2 .overlay-dates{
   margin:0;
}

.page-turquesa,
#premios.page-content{
   background:#DDEFF1 !important;
}

#edicion-anterior{
   padding-bottom:1rem;
   background:#72CABF;

   h2{
      color:#000000;
   }

   p{
      margin:1rem 0 0 0;
   }
}

#lugar-parador{
   display:flex;
   background:rgba(255, 255, 255, 1) url(../images/bg-lugar-parador.png) center no-repeat;
   background-size: cover;
}

#lugar-parador h3{
   font-weight:700;
   font-size:3.5rem;
   color:rgba(255, 255, 255, 1);
}

   #lugar-parador h3 small.d-block{
      font-weight:700;
      font-size:1.25rem;
   }

   #lugar-parador .container .row{
      height: 400px;
   }

   #lugar-parador .overlay-dates p{
      font-size:1.25rem;
   }

   .hoteles-concertados .card{
      background:none;
      border:0;
   }

   .hoteles-concertados .card-footer{
      background-color:rgba(0, 0, 0, .25);
   }

   .hoteles-concertados .alert small{
      margin-top:20px;
      display:block;
      color:rgba(255, 255, 255, .5);
   }