@charset "UTF-8";
/* CSS Document */

body {
	background-color: #454e90;
	text-align:center;
	font-family: "Roboto", sans-serif;
}

*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}
.contenedor{
	display:flex;
	background-color:#000000;
}
.contenedor div{
	padding:0px 10px 0px 10px;
}
.texto-blanco, .texto-blanco p{
	color:#ffffff;
	padding:0px 30px;
}
.texto-negro, .texto-negro p{
	color:#000000;
	padding:0px 30px;
}

.de-pruebas {
    font-size: 2rem;
    background-color: yellow;	
}

nav{
    /*background: #2fcdcd;*/
    /*height: 80px;*/
    width: 100%;
}
.enlace{
    position: absolute;
    padding: 20px 50px;
}
.logo{
    height: 40px;
}
nav ul{
    float: right;
    margin-right: 20px;
}
nav ul li{
	
    display: inline-block;
    /*line-height: 80px;
    margin: 0 5px;*/
}
nav ul li a{
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
    /*border-radius: 3px;
    text-transform: uppercase;*/
}
li a.active, li a:hover{
    color: #eacf38;
    transition: .5s;
}
.checkbtn{
    font-size: 30px;
    color: #fff;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
section{
    background: url(fondo.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height: calc(100vh - 80px);
}

.titulo-slider1{
	font-family: "Bebas Neue", sans-serif;
	position: absolute;
	/*float: right;
	z-index: 10;*/
	top: 50%;
	right:0%;
	background-color: rgba(184, 55, 49, 0.9);
	padding: 10px 20px;
	font-size:80px;
	color:#ffffff;
}
.titulo-slider2{
	font-family: "Bebas Neue", sans-serif;
	position: absolute;
	/*float: right;
	z-index: 10;*/
	top: 70%;
	right:0%;
	background-color: rgba(184, 55, 49, 0.9);
	padding: 10px 20px;
	font-size:60px;
	color:#ffffff;
}
.titulo-contenido, .titulo-contenido span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:30px;
}
.titulo-blanco, .titulo-blanco span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#ffffff;
}
.titulo-blanco img{
	width: 80px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
}
.btn-amarillo{
	background-color: #eacf38;
	padding: 6px 40px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size:40px;
	color:#454e90;
}
.titulo-rojo, .titulo-rojo span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#b83731;
}
.titulo-rojo img{
	width: 80px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
	color:#b83731;
}
.btn-rojo{
	background-color: #b83731;
	padding: 6px 40px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size:40px;
	color:#FFFFFF;
}
.titulo-amarillo, .titulo-amarillo span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#e2ce48;
}
.titulo-amarillo img{
	width: 115px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
}
.cenefa{
	background-image: url(https://dev.reservaentradas.com/ww2/img/cenefa.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 11px;
}
/*SLIDER*/
.splide__pagination__page:hover, .splide__pagination__page.is-active{
	background: #454e90 !important;
}
.splide__pagination__page{
	background: #eacf38 !important;
}
/*FIN slider*/
@media (max-width: 952px){
    .enlace{
        padding-left: 20px;
    }
    nav ul li a{
        font-size: 16px;
    }
}

@media (min-width: 768px){
	.contenedor{
	display:flex;
		background-color:#000000;
}
	.contenedor div{
	padding:0px 10px 0px 10px;
}
    .checkbtn{
        display: block;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #2c3e50;
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav ul li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav ul li a{
        font-size: 20px;
    }
    li a:hover, li a.active{
        background: none;
        color: red;
    }
    #check:checked ~ ul{
        left:0px;
    }
	
}
.splide__slide img {
	width: 85%;
}



.header
{
    background-color: var(--green);
    box-shadow: 1px 1px 5px 0px var(--grey);
    position: sticky;
    top: 0;
    width: 100%;
}

.logo
{
    display: inline-block;
    color: var(--white);
    font-size: 60px;
    margin-left: 10px;
}

.nav
{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: var(--green);
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease-out;
}

.menu a
{
    display: block;
    padding: 30px;
    color: var(--white);
}

.menu a:hover
{
    background-color: var(--green-light);
}

.hamb
{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
}


.hamb-line 
{
    background: var(--white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
    
}

.hamb-line::before,
.hamb-line::after
{
    background: var(--white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.hamb-line::before
{
    top: 5px;
}

.hamb-line::after
{
    top: -5px;
}

.side-menu 
{
    display: none;
}

.side-menu:checked ~ nav
{
    max-height: 100%;
}

.side-menu:checked ~ .hamb .hamb-line 
{
    background: transparent;
}

.side-menu:checked ~ .hamb .hamb-line::before 
{
    transform: rotate(-45deg);
    top:0;
}

.side-menu:checked ~ .hamb .hamb-line::after 
{
    transform: rotate(45deg);
    top:0;
}

@media (min-width: 768px)
{
    .nav
    {
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }

    .menu li
    {
        float: left;
    }

    .menu a:hover
    {
        background-color: transparent;
        color: var(--green-light)
    }

    .hamb
    {
        display: none;
    }
}