/**
 * OVERRIDE CSS - Trámites para Villa del Totoral
 * Archivo: /templates/villatotoral/assets/css/views/tramites.css
 * 
 * Ajustes tipográficos específicos para el template villatotoral.
 * Sobrescribe los tamaños de fuente del CSS base (/css/views/tramites.css)
 * que resultan demasiado pequeños con la escala html { font-size: 62.5% }
 */

/* ===========================================
   LISTADO DE CATEGORÍAS DE TRÁMITES
   =========================================== */

/* Título de categoría - Aumentado para mejor legibilidad */
#tramites .tramites .titulo_categoria {
    font-size: 1.8rem; /* 18px - antes 1.6rem */
}

/* Items de la lista de trámites - Aumentado significativamente */
#tramites .tramites .lista_subtramites_list li {
    font-size: 1.4rem; /* 14px - antes 0.95rem (9.5px) */
    line-height: 1.5;
}

/* Enlaces de trámites - Aumentado para mejor legibilidad */
#tramites .subtramite_item {
    font-size: 1.5rem; /* 15px - antes 1.2rem (12px) */
}

/* Botón "Ver más" - Aumentado */
#tramites .ver-mas a {
    font-size: 1.3rem; /* 13px - antes 1.1rem (11px) */
}

#tramites .ver-mas a:hover {
    font-size: 1.3rem; /* Mantener consistencia en hover */
}

/* Botón detalle - Aumentado */
#tramites .btn-detalle {
    font-size: 1.1rem; /* 11px - antes 0.9rem (9px) */
}

#tramites .btn-detalle i {
    font-size: 1rem; /* 10px - antes 0.85rem (8.5px) */
}

/* ===========================================
   BUSCADOR DE TRÁMITES
   =========================================== */

/* Input de búsqueda - Aumentado */
#tramites .form-busqueda-tramites .form-control {
    font-size: 1.5rem; /* 15px - antes 1rem (10px) */
    padding: 1rem 1.5rem; /* Aumentar padding también */
}

/* Botón de búsqueda - Aumentado */
#tramites .form-busqueda-tramites .btn {
    font-size: 1.5rem; /* 15px - antes 1rem (10px) */
    padding: 1rem 2rem; /* Aumentar padding también */
}

/* Tipo de contenido en sugerencias */
#tramites .tipo_contenido {
    font-size: 1.1rem; /* 11px - antes 1rem */
}

/* Categoría badge */
#tramites .categoria-badge {
    font-size: 1.1rem; /* 11px - antes 1rem */
}

/* Título de resultado en búsqueda */
#tramites .titulo_resultado {
    font-size: 1.4rem; /* 14px - antes 1.2rem */
}

/* Flecha en sugerencias */
#tramites .contenedor-sugerencia::after {
    font-size: 1.3rem; /* 13px - antes 1.2rem */
}

/* ===========================================
   TRÁMITES POR CATEGORÍA
   =========================================== */

/* Título de trámite en cards */
.tramite_portada_categoria .titulo-tramite {
    font-size: 1.6rem; /* 16px - antes 1.25rem (12.5px) */
}

/* Botón detalle en cards */
.tramite_portada_categoria .card-tramite .btn-detalle {
    font-size: 1.3rem; /* 13px - antes 0.95rem (9.5px) */
}

.tramite_portada_categoria .card-tramite .btn-detalle i {
    font-size: 1.1rem; /* 11px - antes 0.8rem (8px) */
}

/* ===========================================
   TRÁMITE AMPLIADO
   =========================================== */

/* Items del trámite ampliado */
#tramite_ampliado .datos-item-tramite .item {
    font-size: 1.4rem; /* 14px - antes 1.2rem */
}

#tramite_ampliado .datos-item-tramite .item_dato {
    font-size: 1.5rem; /* 15px - antes 1.3rem */
}

#tramite_ampliado .datos-item-tramite .item_vinculo_web {
    font-size: 1.4rem; /* 14px - antes 1.2rem */
}

/* Pasos del trámite */
#tramite_ampliado .contenedor_pasos_tramites .titulo_pasos {
    font-size: 1.6rem; /* 16px - antes 1.4rem */
}

#tramite_ampliado .contenedor_paso {
    font-size: 1.4rem; /* 14px - antes 1.2rem */
}

#tramite_ampliado .numero_paso {
    font-size: 1.6rem; /* 16px - antes 1.4rem */
}

/* Detalle del trámite */
#tramite_ampliado .detalle_tramite {
    font-size: 1.6rem; /* 16px - antes 1.4rem */
}

/* ===========================================
   RESULTADOS DE BÚSQUEDA
   =========================================== */

/* Nombre del trámite en resultados */
#tramites .nombre_tramite {
    font-size: 1.5rem; /* 15px - antes 1.3rem */
}

/* ===========================================
   RESPONSIVE - MOBILE
   =========================================== */

@media (max-width: 768px) {
    /* Mantener legibilidad en móvil */
    #tramites .subtramite_item {
        font-size: 1.4rem; /* 14px */
    }
    
    #tramite_ampliado .datos-item-tramite .item {
        font-size: 1.5rem; /* 15px */
    }
    
    #tramite_ampliado .datos-item-tramite .item_dato {
        font-size: 1.8rem; /* 18px */
    }
    
    .tramites .titulo_categoria {
        font-size: 1.8rem; /* 18px */
    }
    
    .tramites .subtramite_item {
        font-size: 1.6rem; /* 16px */
    }
    
    #tramites .icono-sugerencia {
        font-size: 1.8rem; /* 18px */
    }
    
    #tramites .tipo_contenido {
        font-size: 1.2rem; /* 12px */
    }
    
    #tramites .titulo_resultado {
        font-size: 1.4rem; /* 14px */
    }
}

@media (max-width: 575.98px) {
    /* Ajustes para móviles pequeños */
    #tramites .card-head .titulo_categoria {
        font-size: 1.9rem; /* 19px - antes 1.7rem */
    }
}