/**
 * Cultured Bogotá — tipografía y paleta de botones
 * Requiere en el layout: enlace a Google Fonts Roboto (ver master.blade.php).
 * Cargar después de style.bundle.css
 */

:root {
    --cultured-eliminar: #c0392b;
    --cultured-eliminar-hover: #a93226;
    --cultured-editar-publicar: #f39c12;
    --cultured-editar-publicar-hover: #d68910;
    --cultured-export: #4ea72e;
    --cultured-export-hover: #3e8c26;
    --cultured-share: #5d59d1;
    --cultured-share-hover: #4a47b8;
    --cultured-icon: #b8df51;
}

/* Tipografía Roboto en la interfaz (se excluyen iconos y editores embebidos) */
html body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.flaticon):not(.flaticon2):not(.svg-icon):not([class*='ki-']):not(.navi-icon):not(.menu-icon):not(.fr-box):not(.fr-toolbar):not(.fr-wrapper):not(.fr-element):not(.fr-view):not(.fr-popup):not(.fr-second-toolbar) {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
}

html body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
}

/* Color unificado de iconos sueltos */
html body i,
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body [class*=' flaticon'],
html body [class^='flaticon'],
html body [class*=' ki-'],
html body [class^='ki-'],
html body .svg-icon svg g [fill],
html body .svg-icon svg path {
    color: var(--cultured-icon) !important;
    fill: var(--cultured-icon) !important;
}

/* No forzar color de iconos dentro de botones con texto */
html body .btn:not(.btn-icon) i,
html body .btn:not(.btn-icon) .fa,
html body .btn:not(.btn-icon) .fas,
html body .btn:not(.btn-icon) .far,
html body .btn:not(.btn-icon) .fab,
html body .btn:not(.btn-icon) [class*=' flaticon'],
html body .btn:not(.btn-icon) [class^='flaticon'],
html body .btn:not(.btn-icon) [class*=' ki-'],
html body .btn:not(.btn-icon) [class^='ki-'] {
    color: inherit !important;
    fill: currentColor !important;
}

/* Titulos en color de marca */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .card-title,
html body .card-label,
html body .subheader-title {
    color: var(--cultured-icon) !important;
}

/* Eliminar */
html body .btn.btn-danger,
html body a.btn.btn-danger {
    background-color: var(--cultured-eliminar) !important;
    border-color: var(--cultured-eliminar) !important;
    color: #fff !important;
}

html body .btn.btn-danger:hover,
html body .btn.btn-danger:focus,
html body a.btn.btn-danger:hover {
    background-color: var(--cultured-eliminar-hover) !important;
    border-color: var(--cultured-eliminar-hover) !important;
    color: #fff !important;
}

html body .btn.btn-outline-danger {
    color: var(--cultured-eliminar) !important;
    border-color: var(--cultured-eliminar) !important;
    background-color: transparent !important;
}

html body .btn.btn-outline-danger:hover {
    background-color: var(--cultured-eliminar) !important;
    border-color: var(--cultured-eliminar) !important;
    color: #fff !important;
}

/* Editar / Publicar (warning) */
html body .btn.btn-warning,
html body a.btn.btn-warning {
    background-color: var(--cultured-editar-publicar) !important;
    border-color: var(--cultured-editar-publicar) !important;
    color: #fff !important;
}

html body .btn.btn-warning:hover,
html body .btn.btn-warning:focus,
html body a.btn.btn-warning:hover {
    background-color: var(--cultured-editar-publicar-hover) !important;
    border-color: var(--cultured-editar-publicar-hover) !important;
    color: #fff !important;
}

html body .btn.btn-light-warning {
    background-color: rgba(243, 156, 18, 0.12) !important;
    border-color: transparent !important;
    color: #b9770e !important;
}

html body .btn.btn-light-warning:hover {
    background-color: rgba(243, 156, 18, 0.22) !important;
    color: #7d5410 !important;
}

/* Descargas / exportaciones (success) */
html body .btn.btn-success,
html body a.btn.btn-success {
    background-color: var(--cultured-export) !important;
    border-color: var(--cultured-export) !important;
    color: #fff !important;
}

html body .btn.btn-success:hover,
html body .btn.btn-success:focus,
html body a.btn.btn-success:hover {
    background-color: var(--cultured-export-hover) !important;
    border-color: var(--cultured-export-hover) !important;
    color: #fff !important;
}

html body .btn.btn-light-success {
    background-color: rgba(78, 167, 46, 0.12) !important;
    border-color: transparent !important;
    color: #2d6a1a !important;
}

html body .btn.btn-light-success:hover {
    background-color: rgba(78, 167, 46, 0.22) !important;
    color: #1f4a12 !important;
}

/* Compartir / historial (info) */
html body .btn.btn-info,
html body a.btn.btn-info {
    background-color: var(--cultured-share) !important;
    border-color: var(--cultured-share) !important;
    color: #fff !important;
}

html body .btn.btn-info:hover,
html body .btn.btn-info:focus,
html body a.btn.btn-info:hover {
    background-color: var(--cultured-share-hover) !important;
    border-color: var(--cultured-share-hover) !important;
    color: #fff !important;
}

html body .btn.btn-light-info {
    background-color: rgba(93, 89, 209, 0.12) !important;
    border-color: transparent !important;
    color: var(--cultured-share) !important;
}

html body .btn.btn-light-info:hover {
    background-color: rgba(93, 89, 209, 0.22) !important;
    color: var(--cultured-share-hover) !important;
}