body {
    font-family:Arial, Helvetica, sans-serif;
    width:80%;
    margin:0px auto;
}

ul {
    list-style: none;
    padding: 0;
}

details {
    margin-bottom: 5px;
    cursor: pointer;
}

summary {
    font-weight: bold;
    cursor: pointer;
    padding: 8px;
    background-color: rgb(230, 230, 230);
    border-radius: 5px;
    list-style: none; /* Oculta la flecha en algunos navegadores */
}

summary::-webkit-details-marker {
    display: none; /* Oculta la flecha en Chrome, Safari, Edge */
}

summary::marker {
    display: none; /* Oculta la flecha en Firefox */
}

.contenido {
    padding: 5px;
    background: rgb(253, 253, 253);
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
}

/* Cuando el details está abierto, se despliega con animación */
details[open] .contenido {
    opacity: 1;
}

p {
    margin: 0px;
    margin-bottom: 5px;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

pre {
    border-style: solid;
    border-color: rgb(235, 235, 235);
    border-radius: 10px;
    border-width: 1px;
    padding: 10px;
    background-color: rgb(245, 245, 245);

    white-space: pre-wrap;  /* Permite el ajuste de línea dentro del contenedor */
    word-wrap: break-word;   /* Rompe palabras largas si es necesario */
    overflow: auto;          /* Agrega scroll si es necesario en caso de textos muy largos */
    background-color: #f4f4f4; /* Color de fondo */
    border: 1px solid #ccc;  /* Borde */
    padding: 10px;           /* Espaciado interno */
    max-width: 100%;         /* Se asegura de no exceder el ancho del contenedor padre */
}


.get {
    color: darkgreen;
}

.post {
    color: goldenrod;
}

.error {
    border-style: solid;
    border-color: rgb(255, 175, 175);
    border-radius: 10px;
    border-width: 1px;
    padding: 5px;
    background-color: rgb(255, 225, 225);
}

.success {
    border-style: solid;
    border-color: rgb(175, 255, 175);
    border-radius: 10px;
    border-width: 1px;
    padding: 5px;
    background-color: rgb(225, 255, 225);
}