/* ==========================================================================
   DV Portal Architect - Estilos para Módulo Transparencia / Explorador
   ========================================================================== */

/* Soporte de Gradientes y Clases Tailwind del Banner Hero */
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops, #0a3d27, #198754, #146c43)) !important;
}

.from-urp-800 {
    --tw-gradient-from: #0a3d27;
    --tw-gradient-stops: var(--tw-gradient-from), #198754, #146c43 !important;
}

.border-urp-500\/30 {
    border-color: rgba(25, 135, 84, 0.3) !important;
}

.bg-gold-500\/20 {
    background-color: rgba(212, 175, 55, 0.2) !important;
}

.text-gold-400 {
    color: #f1c40f !important;
}

.border-gold-500\/30 {
    border-color: rgba(212, 175, 55, 0.3) !important;
}

/* --------------------------------------------------------------------------
   1. Estilos Generales y Reset de Contenedor Wrapper
   -------------------------------------------------------------------------- */
.dv-explorer-inner {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   2. Estilos de Tarjetas Raíz (Grid de Categorías Principales)
   -------------------------------------------------------------------------- */
.dv-card-item {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
	cursor: pointer;
}

.dv-card-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
    border-color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   3. Estilos de Filas Contenedoras de Items (Fichas / Slate Items)
   -------------------------------------------------------------------------- */
.dv-slate-item {
    background-color: rgb(248, 250, 252) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 8px 16px !important;
    margin-bottom: 15px !important;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out !important;
    cursor: pointer;
}

.dv-slate-item:hover {
    background-color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-1px) !important;
}

.dv-item-title,
.dv-item-text-target {
    transition: color 0.2s ease-in-out !important;
}

.dv-slate-item:hover .dv-item-title,
.dv-slate-item:hover .dv-item-text-target {
    color: #198754 !important;
}

/* --------------------------------------------------------------------------
   4. Estilos para Encabezados de Texto / Titulares (Tipo 5)
   -------------------------------------------------------------------------- */
.dv-text-header-item {
    width: 100%;
}

.dv-text-header-item .dv-text-title {
    font-family: 'Mont-Bold', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -0.2px;
}

.dv-text-header-item .dv-divider {
    border-color: #198754 !important;
}

/* --------------------------------------------------------------------------
   5. Ajustes de Tipografía y Botones Internos
   -------------------------------------------------------------------------- */
.dv-node-title {
    font-family: 'Mont-Bold', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    color: #0f172a;
}

.dv-count-badge {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    padding: 0.35em 0.65em !important;
    border-radius: 6px !important;
}

.dv-btn-view-pdf {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
    transition: all 0.2s ease-in-out !important;
}

.dv-btn-view-pdf:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.25) !important;
}

.dv-btn-back {
    font-weight: 500 !important;
    border-radius: 8px !important;
}

/* --------------------------------------------------------------------------
   6. Paginación y Modales
   -------------------------------------------------------------------------- */
.dv-pagination-wrapper {
    background-color: transparent;
}

.dv-pagination-wrapper .page-link {
    color: #334155;
    border-radius: 6px;
    margin: 0 2px;
}

.dv-pagination-wrapper .page-item.active .page-link {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}

.dv-pagination-wrapper .page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
}

.js-modal-iframe {
    width: 100%;
    height: 75vh;
    border: none;
}