/* ============================================================
   assets/css/publico/bases.css
   Estilos de bases.php
   ============================================================ */

/* === Estilos que estaban en línea (style="...") ===
   La clase se repite para igualar la especificidad del atributo style original. */
.ux-2e7ef6.ux-2e7ef6.ux-2e7ef6 {
    color: var(--color-primario);
}
.ux-18a38d.ux-18a38d.ux-18a38d {
    max-width: 900px;
}
.ux-b67af1.ux-b67af1.ux-b67af1 {
    background: linear-gradient(135deg,rgba(234,179,8,0.15),rgba(15,23,42,0.5));
    border-left: 4px solid var(--color-acento);
    text-align: center;
}
.ux-0388d1.ux-0388d1.ux-0388d1 {
    color: var(--color-acento);
}
.ux-9a28e7.ux-9a28e7.ux-9a28e7 {
    color: var(--texto-gris);
    margin: 15px 0;
}
.ux-f6fbd0.ux-f6fbd0.ux-f6fbd0 {
    background: linear-gradient(135deg,#ef4444,#991b1b);
    color: white;
    padding: 15px 35px;
    font-size: 1rem;
    display: inline-block;
    margin-top: 10px;
}
.ux-762f08.ux-762f08.ux-762f08 {
    margin-top: 15px;
    padding: 14px;
    border-radius: 10px;
    background: rgba(245,158,11,.10);
    border: 1px solid rgba(245,158,11,.30);
    color: var(--texto-gris);
}
.ux-0dcdc9.ux-0dcdc9.ux-0dcdc9 {
    color: var(--color-primario);
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.ux-cc2d53.ux-cc2d53.ux-cc2d53 {
    border-left-color: #06b6d4;
}
.ux-138262.ux-138262.ux-138262 {
    border-left-color: #a855f7;
}
.ux-af7461.ux-af7461.ux-af7461 {
    border-left-color: #22c55e;
}
.ux-d247a8.ux-d247a8.ux-d247a8 {
    border-left-color: #eab308;
}
.ux-800e50.ux-800e50.ux-800e50 {
    border-left-color: #f97316;
}
.ux-c9886d.ux-c9886d.ux-c9886d {
    text-align: center;
    padding: 20px;
    background: linear-gradient(135deg,rgba(234,179,8,0.15),rgba(15,23,42,0.5));
    border-radius: 10px;
    margin-top: 20px;
    border: 2px solid var(--color-acento);
}
.ux-5502b6.ux-5502b6.ux-5502b6 {
    color: var(--color-acento);
    font-size: 1.2rem;
    font-weight: 800;
}
.ux-8b493c.ux-8b493c.ux-8b493c {
    color: var(--texto-gris);
    line-height: 1.8;
}
.ux-714628.ux-714628.ux-714628 {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
    gap: 15px;
    margin-top: 20px;
}
.ux-540927.ux-540927.ux-540927 {
    background: linear-gradient(135deg,#FFD700,#B8860B);
    color: #0a0f1c;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.ux-05a878.ux-05a878.ux-05a878 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}
.ux-3942c1.ux-3942c1.ux-3942c1 {
    font-weight: 800;
    margin-top: 8px;
}
.ux-e48267.ux-e48267.ux-e48267 {
    font-size: 1.5rem;
    font-weight: 900;
}
.ux-1ea43a.ux-1ea43a.ux-1ea43a {
    background: linear-gradient(135deg,#E5E7EB,#9CA3AF);
    color: #0a0f1c;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.ux-e1d7c6.ux-e1d7c6.ux-e1d7c6 {
    background: linear-gradient(135deg,#CD7F32,#8B4513);
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.ux-fce611.ux-fce611.ux-fce611 {
    background: #1e293b;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #334155;
}
.ux-f74b72.ux-f74b72.ux-f74b72 {
    border-left: 4px solid #ef4444;
    background: rgba(239,68,68,0.05);
}
.ux-17e4ca.ux-17e4ca.ux-17e4ca {
    color: #ef4444;
    font-size: 1.2rem;
}
.ux-042af3.ux-042af3.ux-042af3 {
    color: var(--texto-gris);
    line-height: 1.8;
    margin-top: 10px;
}
.ux-0a4ad3.ux-0a4ad3.ux-0a4ad3 {
    color: #fca5a5;
}