/*
Theme Name: Mascotas de Raza
Author: Gemini
Description: A custom theme for the Mascotas de Raza website.
Version: 1.4
*/

p {
    margin-bottom: 1rem;
}

.tshadow {
    text-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
}

.bg-oscuro {
    background-color: rgba(26, 26, 26, 0.169);
}

/* ---------------------------------------------------------- */

/* Restaurar estilos básicos después de Tailwind */
main h1 {
    font-size: 2em !important;
    /*margin: 0.67em 0 !important;*/
    font-weight: bold !important;
}

main h2 {
    font-size: 1.2em !important;
    /*margin: 0.83em 0 !important;*/
    font-weight: bold !important;
}

main h3 {
    font-size: 1.1em !important;
    /*margin: 1em 0 !important;*/
    font-weight: bold !important;
}


/*---------------------------------------------------------------*/

.pagination-wrapper {
    margin-top: 3rem;
}

.prose {
    line-height: 2rem;
}

/* Estilos para listas principales QUE NO están dentro de .pagination-wrapper */
.prose > ul:not(.page-numbers):not(.pagination),
.prose > ol:not(.page-numbers):not(.pagination),
.prose ul:not(.pagination-wrapper *) {
    display: block !important;
    list-style-type: disc !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    padding-inline-start: 40px !important;
}

/* Listas anidadas (nivel 2) que NO están en .pagination-wrapper */
.prose ul ul:not(.pagination-wrapper *),
.prose ol ul:not(.pagination-wrapper *) {
    list-style-type: circle !important;
}

/* Listas ordenadas que NO están en .pagination-wrapper */
.prose > ol:not(.page-numbers):not(.pagination),
.prose ol:not(.pagination-wrapper *) {
    list-style-type: decimal !important;
}

.prose table {
    width: 100%;
    background: rgba(0, 0, 0, 0.05); /* #0001 convertido a RGBA */
    border-radius: .5rem;
    margin-block: 2rem;
    border-collapse: separate;
    border-spacing: 0;
}

.prose table thead {
    background: rgba(0, 0, 0, 0.05);
}

.prose table td,
.prose table th {
    padding: 0.2rem 1rem;
}

/* Si quieres bordes redondeados en la tabla */
.prose table {
    overflow: hidden; /* Para que los bordes redondeados funcionen */
}

/* ---------------------------------------------------------- */

@media (min-width: 1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}