body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Trama inspirada en el brandbook (puntos/lineas diagonales) */
.bg-trama {
    background-color: #004ADD;
    background-image: none;
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
    opacity: 1;
}

.bg-trama-red {
    background-color: #FA0050;
    background-image: none;
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}

/* Acordeón FAQ personalizado */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}
details[open] summary ~ * {
    animation: slideDown 0.3s ease-in-out;
}
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}