* {   padding:0; margin:0;}
a:active {color:inherit; font-style:normal; text-decoration:none;}
a:visited {color:inherit; font-style:normal; text-decoration:none;}
a:hover {color:inherit; font-style:normal; text-decoration:none;}
a {color:inherit; font-style:normal; text-decoration:none;}
body {   width:100%; background-color: #1f1f1f; }        



@font-face {
    font-family: 'Agency FB';
    src: url('../fonts/AgencyFB-Reg.eot');
    src: url('../fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AgencyFB-Reg.woff2') format('woff2'),
        url('../fonts/AgencyFB-Reg.woff') format('woff'),
        url('../fonts/AgencyFB-Reg.ttf') format('truetype'),
        url('../fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.header { width: 100%; text-align: center; margin: auto;}
.logo-inicio { width: 100%; text-align: center; margin: 0 auto;}
.logo-inicio img { width: 100%; text-align: center; margin: 10% auto;}
.h1-principal { width: 90%; font-family:'Agency FB';  text-align: justify; margin: 2% auto; color: white; font-size: 150%; }
.h2-principal { width: 90%; font-family:'Agency FB'; text-align: justify; margin: 2% auto; font-style: italic; color: darkgoldenrod; font-size: 150%; }
.h3-principal { width: 90%; text-align: justify; margin: 1% auto;  font-family:'Agency FB'; color: lightgray; font-size: 120%; }
.h4-principal { width: 90%; text-align: justify; margin: 1% auto; font-style: italic;   font-family:'Agency FB'; color: darkgoldenrod; font-size: 120%; }
.p-principal { width: 90%; text-align: justify; margin: 1% auto;  font-family:'Agency FB'; color: lightgray; font-size: 120%; }
.p2-principal { width: 90%; text-align: justify; margin: 1% auto; font-style: italic;   font-family:'Agency FB'; color: darkgoldenrod; font-size: 120%; }


.consideraciones { width:100%; margin:auto; font-family:'Agency FB'; }
.consideraciones ul { width:100%; margin:5% auto 1% auto;  font-family:'Agency FB';  font-size:120%; text-align: left; color: #fff;  }
.consideraciones li { width:90%; margin:auto;  font-family:'Agency FB'; text-align: justify; font-size:120%; border-bottom-color:#000;border-bottom:1px; border-bottom-style:solid; color: #fff;  padding:1% 0;  list-style: none;}

.considerations{ width:100%; margin:auto; font-family:'Agency FB'; }
.considerations ul { width:100%; margin:2% auto 1% auto; font-family:'Agency FB';  font-size:120%; text-align: left; color: darkgoldenrod; list-style: none;   }
.considerations li { width:90%; margin:auto; font-family:'Agency FB';  text-align: justify; font-weight:lighter; font-size:120%; border-bottom-color:#000;border-bottom:1px; border-bottom-style:solid; color: darkgoldenrod; font-style: italic;  padding:1% 0; }
.moteles {width: 100%;  margin: 20% auto 20% auto; }
.trabajo {width: 100%;  margin: 2% auto 2% auto; }

.perfil {width: 100%;  margin: 0% auto 1% auto; }
.container	{ width:100%; background-color: black; overflow: hidden; }
.slider input {	visibility: hidden; display: none;}

.buttons { width: 80%; display: flex; justify-content: center;  gap: 5%; margin:0% auto 0% auto; }
.buttons label {width: 20%;   background-color: darkgoldenrod; opacity: 0.5; cursor:pointer; z-index: 1; transition: 300ms easy-in-out; margin-top: 1%;}
.buttons label:hover {scale:1.1; opacity: 1;}

.slider input:nth-child(1):checked ~ .buttons label:nth-child(1),
.slider input:nth-child(2):checked ~ .buttons label:nth-child(2),
.slider input:nth-child(3):checked ~ .buttons label:nth-child(3), 
.slider input:nth-child(4):checked ~ .buttons label:nth-child(4), 
.slider input:nth-child(5):checked ~ .buttons label:nth-child(5){ opacity:1; scroll-margin:1.2; width: 80px;}

.content{ position: relative; width: 500vw; height:auto; display: flex; transition: 400ms ease-in-out; }

.firstslide, .secondslide, .thirdslide, .fourthslide, .fifthslide {	 width: 50%;  margin:0 auto; justify-content: center;	align-items: center;}

.firstslide, .secondslide, .thirdslide, .fourthslide, .fifthslide, img {	 width: 100%;  }

.firstslide {background-color: black; touch-action: auto; overflow-x: auto;}
.secondslide {background-color: black;}
.thirdslide {background-color: black;}
.fourthslide {background-color: black;}
.fifthslide {background-color: black;}

.slider input:nth-child(1):checked ~ .content{left: 0; }
.slider input:nth-child(2):checked ~ .content{left: -100vw; touch-action: auto;}
.slider input:nth-child(3):checked ~ .content{left: -200vw;touch-action: auto;}
.slider input:nth-child(4):checked ~ .content{left: -300vw;touch-action: auto;}
.slider input:nth-child(5):checked ~ .content{left: -400vw;touch-action: auto;}
.slidetext h1{font-size: 200%; font-weight: bold;   font-family:'Agency FB' ; margin:  auto; text-align: center; }


.botones { width:100%; margin:0 auto;}
.botones img{ width:100%; margin:auto; }



.condiciones { width:90%; margin:auto;font-family:'Agency FB'; } 
.condiciones ul { width:100%; margin:5% auto 1% auto; font-family:'Agency FB'; font-size:120%; text-align: left; color: lightgray;  }
.condiciones li { width:100%; margin:auto;  font-family:'Agency FB'; text-align: justify; font-size:120%; border-bottom-color:#000;border-bottom:1px; border-bottom-style:solid; color: lightgray;  padding:2% 0; }

.conditions { width:90%; margin:auto; font-family:'Agency FB'; }
.conditions ul { width:100%; margin:5% auto 1% auto; font-family:'Agency FB'; font-size:120%; text-align: left; color: darkgoldenrod;  }
.conditions li { width:100%; margin:auto;  font-family:'Agency FB'; text-align: justify; font-size:120%; border-bottom-color:#000;border-bottom:1px; border-bottom-style:solid; color: darkgoldenrod;  padding:2% 0; }