html{margin: 0; padding: 0; box-sizing: border-box; font-family: verdana, geneva, tahoma,sans-serif; font-size: 14px;}
h1{text-align: center; font-size: 1.6rem;}
h2{font-size: 1.4rem;}
h3{font-size: 1.2rem}
h4{font-size: 1.1rem;}
#sitios_interes{color:rgb(85, 4, 4)}
.Experiencia{color:rgb(39, 75, 63);}
.Experiencia:hover{background-color:coral;}
a:hover{background-color:yellow;} /*para resaltar en amarillo los íconos*/
/*a:visited {color:gray} para colocar otro color a un icono que se le dio clic */

.imagcent{
    img{display:block; margin: auto}
}

.contenedor{
    position:relative;
    width: 50%;
    height:80vh;
    /*background-color: black;*/
}

.slider input{
    visibility: hidden;
    display: none;
}

.botones{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: left ;
    bottom: 40px;
    gap: 20px;
}

.botones label{
    width: 20px;
    height: 20px;
    background-color: rgb(255, 255, 255);
    opacity: 0.5;
        cursor: pointer;
    z-index: 1;
    transition: 100ms ease-in-out;
}

.botones label:hover{
    scale: 1.5;
    opacity: 1;
}

.slider input:nth-child(1):checked ~ .botones label:nth-child(1),
.slider input:nth-child(2):checked ~ .botones label:nth-child(2),
.slider input:nth-child(3):checked ~ .botones label:nth-child(3),
.slider input:nth-child(4):checked ~ .botones label:nth-child(4),
.slider input:nth-child(5):checked ~ .botones label:nth-child(5),
.slider input:nth-child(6):checked ~ .botones label:nth-child(6),
.slider input:nth-child(7):checked ~ .botones label:nth-child(7),
.slider input:nth-child(8):checked ~ .botones label:nth-child(8)
{
    opacity: 1;
    scroll-margin: 2;
    width: 40px;
}

.contenido{
    position: relative;
    width:1000vw;
    display:flex;
    transition: 400ms ease-in-out;
}

.primerslide,.segundoslide,.tercerslide,.cuartoslide,.quintoslide,.sextoslide,.septimoslide,.octavoslide{
    position: relative;
    width: 200vw;
    height: 80vh;
    display: flex;
    justify-content:center;
    align-items: center;
}
.primerslide{
    background-color:rgb(40, 77, 77);
}

.segundoslide{
    background-color:blue;
}

.tercerslide{
    background-color: greenyellow;
}

.cuartoslide{
    background-color: rgb(23, 95, 138);
}

.quintoslide{
    background-color: rgb(150, 172, 26);
}

.sextoslide{
    background-color: rgb(109, 110, 106);
}

.septimoslide{
    background-color: rgb(154, 139, 179);
}

.octavoslide{
    background-color: rgb(63, 62, 114);
}
.slider input:nth-child(1):checked ~ .contenido{left:0;}
.slider input:nth-child(2):checked ~ .contenido{left:-100vw;}
.slider input:nth-child(3):checked ~ .contenido{left:-200vw;}
.slider input:nth-child(4):checked ~ .contenido{left:-300vw;}
.slider input:nth-child(5):checked ~ .contenido{left:-400vw;}
.slider input:nth-child(6):checked ~ .contenido{left:-500vw;}
.slider input:nth-child(7):checked ~ .contenido{left:-600vw;}
.slider input:nth-child(8):checked ~ .contenido{left:-700vw;}