.Athe8post{display: flex;justify-self: center;width: 600px;height: 800px;background: var(--8fondo);justify-items: center;flex-wrap: wrap;border-radius: 10px;position: relative;}.pp {background: var(--8fondotrans);align-self: center;width: 70%;height: 450px;overflow: hidden;position: relative;margin-left: 14px;border: 1px solid var(--8borde);border-radius: 10px;}.pi {width: 100%;height: 100%;font-family: var(--8fuente);font-size: var(--8letrasize);color: var(--8texto);text-align: justify;padding: 15px;overflow: auto;position: absolute;top: 0;left: 0;display: none;} #uno:checked ~ .Athe8botones label[for="uno"] i,#dos:checked ~ .Athe8botones label[for="dos"] i,#tres:checked ~ .Athe8botones label[for="tres"] i,#cuatro:checked ~ .Athe8botones label[for="cuatro"] i,#cinco:checked ~ .Athe8botones label[for="cinco"] i{color: var(--8fondo);}#uno:checked ~ .Athe8botones label[for="uno"],#dos:checked ~ .Athe8botones label[for="dos"],#tres:checked ~ .Athe8botones label[for="tres"],#cuatro:checked ~ .Athe8botones label[for="cuatro"],#cinco:checked ~ .Athe8botones label[for="cinco"] {background: var(--8acento);color: var(--8texto);}#uno:checked ~ .pp .pi1,#dos:checked ~ .pp .pi2,#tres:checked ~ .pp .pi3,#cuatro:checked ~ .pp .pi4,#cinco:checked ~ .pp .pi5 {display: block;}.Athe8boton {font-family: var(--8fuente);font-size: var(--8letrasizeb);color: var(--8texto);background: var(--8fondotrans);margin: 5px;display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: left;cursor: pointer;border-radius: 5px;text-transform: capitalize;font-weight: bold;letter-spacing: 2px;padding: 2px;font-style: italic;border: 1px solid var(--8borde);}.Athe8boton i {color: var(--8acento);}input[type="radio"] {display: none;} .Athe8botones{background: var(--8fondo);display: block;width: 25%;height: 500px;text-align: center;border-radius: 10px;} .Athe8img{width: 600px;height: 300px;background-position: center;background-size: cover;border-radius: 10px;} .Athe8titulo {font-family: var(--8fuente);font-size: var(--8titletra);font-style: italic;text-align: center;width: 100%;height: 70px;align-content: center;color: var(--8texto);background: var(--8fondotrans);position: absolute;top: 205px;}.Athe8post ::-webkit-scrollbar{background: var(--8fondo);width: 3px;} .Athe8cita{background: var(--8fondotrans);font-family: var(--8fuente);font-size: var(--8letrasizeb);color: var(--8texto);font-style: italic;width: 130px;height: 130px;justify-self: center;border-radius: 10px;padding: 5px;text-align: center;overflow: auto;align-content: center;border: 1px solid var(--8acento);}.Athe8post ::-webkit-scrollbar-thumb{background: var(--8acento);} .Athe8boton i {font-size: 15px;margin: 5px;} audio{width: 100%;height: 25px;position: absolute;background: var(--8musica);top: 275px;} audio::-webkit-media-controls-panel{background: var(--8musica);}audio::-webkit-media-controls-enclosure {border-radius: 0 !important;} .Athe8post h2 {font-family: var(--8fuente);color: var(--8texto);border-bottom: 0px;font-size: var(--8letrasize);text-transform: uppercase;letter-spacing: 4px;font-weight: bold;text-align: center;background: var(--8musica);padding: 2px;border-radius: 10px;}.Athe8dato i {background: var(--8acento);width: 25px;height: 25px;align-content: center;border-radius: 10px 0px 0px 10px;color: var(--8borde)!important;padding: 5px;}.Athe8dato b{display: inline-flex;width: 120px;height: 25px;background: var(--8fondo);border: 1px solid var(--8fondo);border-radius: 0px 5px 5px 0px;padding: 3px;justify-content: left;margin-left: 5px;font-style: italic;color: var(--8texto)!important;} .Athe8cd {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}.pp b {color: var(--8acento);}.pp u {background: var(--8musica);text-decoration: none;}.pp s {color: var(--8texto);text-decoration-color: var(--8acento);text-decoration-line: line-through;text-decoration-thickness: 3px;} .pp i{color: var(--8acento)}.Athe8cre {width: 50px;height: 50px;justify-self: center;opacity: .5;}