/* ==========================================================================
   tutrabajo-min13.css — CUSTOM: responsive 02 (documento «Cambios responsive
   tuTrabajo», 10/11/2026, jeferson)

   Ningún texto por debajo de 13px. La lista sale de un RASTREO automático de 41
   páginas (públicas, panel de candidato y panel de empresa) a 390px y a 1366px
   que mide el tamaño real de cada texto visible, y se ha validado midiendo cada
   página ANTES y DESPUÉS de aplicar esta hoja: sube lo que estaba por debajo y no
   cambia nada que ya midiera 13px o más.

   - Sin reglas genéricas (small, label, td…): se probaron y agrandaban de más
     (el «+ IVA» de los precios pasaba a 30px) o encogían textos de 14px.
   - Las clases que se comparten entre páginas van acotadas a su página.
   - Prefijo «html body:not(#tt13a):not(#tt13b)»: da el peso de dos ids para
     ganar a los <style> de cada vista sin tener que repetir sus selectores.

   Se carga la ÚLTIMA en layouts/app.blade.php (tras tutrabajo-visor-ofertas.css).
   ========================================================================== */

/* --- Cabecera ------------------------------------------------------------- */
html body:not(#tt13a):not(#tt13b) .tt-lang-selector__arrow { font-size: 13px !important; }

/* --- Buscador de ofertas: contadores de los filtros ------------------------ */
html body:not(#tt13a):not(#tt13b) #filterjobs .optionlist li > span { font-size: 13px !important; }

/* --- Tarjetas de oferta y estados de candidatura --------------------------- */
html body:not(#tt13a):not(#tt13b) .tt171-applied-badge,
html body:not(#tt13a):not(#tt13b) .tt-job-card__type,
html body:not(#tt13a):not(#tt13b) .tt-status-badge {
    font-size: 13px !important;
}

/* --- Formularios: textos de ayuda bajo los campos -------------------------- */
html body:not(#tt13a):not(#tt13b) .formrow > small,
html body:not(#tt13a):not(#tt13b) .formrow > small *,
html body:not(#tt13a):not(#tt13b) .formrow > .d-flex > small,
html body:not(#tt13a):not(#tt13b) .formrow > .d-flex > small *,
html body:not(#tt13a):not(#tt13b) .formrow > .small,
html body:not(#tt13a):not(#tt13b) .formrow > .small *,
html body:not(#tt13a):not(#tt13b) .formrow > .ep-upload-status,
html body:not(#tt13a):not(#tt13b) .formrow > .ep-upload-status * {
    font-size: 13px !important;
}

/* --- Perfil público del candidato ------------------------------------------ */
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitdata strong,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .skillbox,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .skillbox .text,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .langbox h5,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .langbox p,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .itemtitle p {
    font-size: 13px !important;
}

/* --- Panel del candidato --------------------------------------------------- */
html body:not(#tt13a):not(#tt13b) .profilestat a.inbox h6 strong,
html body:not(#tt13a):not(#tt13b) .tt-cover-placeholder .tt-cover-eyebrow,
html body:not(#tt13a):not(#tt13b) .tt-cover-placeholder small,
html body:not(#tt13a):not(#tt13b) .tt-upload-placeholder span,
html body:not(#tt13a):not(#tt13b) .tt158-eyebrow,
html body:not(#tt13a):not(#tt13b) .tt-filter-field > label {
    font-size: 13px !important;
}

/* --- Páginas públicas: para empresas y contacto ---------------------------- */
html body:not(#tt13a):not(#tt13b) .emp-launch,
html body:not(#tt13a):not(#tt13b) .emp-pay,
html body:not(#tt13a):not(#tt13b) .emp-badge,
html body:not(#tt13a):not(#tt13b) .emp-kicker,
html body:not(#tt13a):not(#tt13b) #por-que p.text-muted,
html body:not(#tt13a):not(#tt13b) .contact .information strong {
    font-size: 13px !important;
}

/* --- Panel de empresa: perfil y vista previa ------------------------------- */
html body:not(#tt13a):not(#tt13b) .ep-chip span,
html body:not(#tt13a):not(#tt13b) label.ep-switch,
html body:not(#tt13a):not(#tt13b) .ep-label,
html body:not(#tt13a):not(#tt13b) .ep-status,
html body:not(#tt13a):not(#tt13b) .ep-status strong,
html body:not(#tt13a):not(#tt13b) .ep-media-box small,
html body:not(#tt13a):not(#tt13b) .ep-media-card span,
html body:not(#tt13a):not(#tt13b) .ep-logo-upload small,
html body:not(#tt13a):not(#tt13b) .ep-field-header small,
html body:not(#tt13a):not(#tt13b) .ep-preview-banner span,
html body:not(#tt13a):not(#tt13b) .tt-benefits span,
html body:not(#tt13a):not(#tt13b) .tt-company-kicker,
html body:not(#tt13a):not(#tt13b) .tt-section-heading small,
html body:not(#tt13a):not(#tt13b) .tt-preview-bar span,
html body:not(#tt13a):not(#tt13b) .tt-social-links a span,
html body:not(#tt13a):not(#tt13b) blockquote footer span,
html body:not(#tt13a):not(#tt13b) .tt-testimonial footer span {
    font-size: 13px !important;
}

/* --- Panel de empresa: publicar y gestionar ofertas ------------------------ */
html body:not(#tt13a):not(#tt13b) .pj-label,
html body:not(#tt13a):not(#tt13b) .pj-label .pj-optional,
html body:not(#tt13a):not(#tt13b) .pj-optional-title,
html body:not(#tt13a):not(#tt13b) .pj-ai-btn,
html body:not(#tt13a):not(#tt13b) .pj-tools__field > label,
html body:not(#tt13a):not(#tt13b) .pj-tab-badge,
html body:not(#tt13a):not(#tt13b) .tt-anon-check__eyebrow,
html body:not(#tt13a):not(#tt13b) .tt-anon-check__content small,
html body:not(#tt13a):not(#tt13b) .tt-anon-toggle__text,
html body:not(#tt13a):not(#tt13b) .tt-req-panel__kicker,
html body:not(#tt13a):not(#tt13b) .tt-req-panel__badge,
html body:not(#tt13a):not(#tt13b) .tt-req-helper,
html body:not(#tt13a):not(#tt13b) .tt-req-helper strong,
html body:not(#tt13a):not(#tt13b) .col-md-12 > small.text-muted {
    font-size: 13px !important;
}

/* --- Panel de empresa: paquetes, compras, pagos, destacadas, métricas ------ */
html body:not(#tt13a):not(#tt13b) .pkg-quota-label,
html body:not(#tt13a):not(#tt13b) .pkg-date,
html body:not(#tt13a):not(#tt13b) .pkg-badge,
html body:not(#tt13a):not(#tt13b) .op-launch-badge,
html body:not(#tt13a):not(#tt13b) .op-popular-badge,
html body:not(#tt13a):not(#tt13b) .op-secure-note,
html body:not(#tt13a):not(#tt13b) .op-meta-item,
html body:not(#tt13a):not(#tt13b) .ph-tag,
html body:not(#tt13a):not(#tt13b) .ph-card__price small,
html body:not(#tt13a):not(#tt13b) .ph-card__total,
html body:not(#tt13a):not(#tt13b) .ph-badge,
html body:not(#tt13a):not(#tt13b) .ph-doc-btn,
html body:not(#tt13a):not(#tt13b) .featured-price-item > span > small,
html body:not(#tt13a):not(#tt13b) .featured-status,
html body:not(#tt13a):not(#tt13b) .featured-status-note,
html body:not(#tt13a):not(#tt13b) .featured-doc-btn,
html body:not(#tt13a):not(#tt13b) .status-badge,
html body:not(#tt13a):not(#tt13b) .metrics-job-meta,
html body:not(#tt13a):not(#tt13b) .metrics-card__label,
html body:not(#tt13a):not(#tt13b) .metrics-card__help {
    font-size: 13px !important;
}

/* --- Cabeceras de tabla del panel de empresa y filtro de métricas ---------- */
html body:not(#tt13a):not(#tt13b) .pkg-table thead th,
html body:not(#tt13a):not(#tt13b) .featured-history-table thead th,
html body:not(#tt13a):not(#tt13b) .metrics-table th,
html body:not(#tt13a):not(#tt13b) .metrics-filter label {
    font-size: 13px !important;
}

/* --- Estilos en línea declarados por debajo de 13px (p. ej. el CV imprimible) --
   Solo casa con atributos style que fijan 9-12,5px: nada más grande se toca. */
html body:not(#tt13a):not(#tt13b) [style*="font-size:9px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 9px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:10px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 10px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:10.5px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 10.5px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:11px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 11px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:11.5px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 11.5px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:12px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 12px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size:12.5px"],
html body:not(#tt13a):not(#tt13b) [style*="font-size: 12.5px"] {
    font-size: 13px !important;
}

/* --- Solo móvil (la web cambia a móvil en 767px): en tableta y escritorio ya miden 14-16px */
@media (max-width: 767px) {
    html body:not(#tt13a):not(#tt13b) .tt-availability-text,
    html body:not(#tt13a):not(#tt13b) .emp-section table th,
    html body:not(#tt13a):not(#tt13b) .emp-section table td,
    /* Descargar CV: «de experiencia» bajo los años (user/resume.blade.php lo fija a 12px) */
    html body:not(#tt13a):not(#tt13b) .tt-resume-preview td[bgcolor="#24C022"] p[style*="letter-spacing: 3px"] {
        font-size: 13px !important;
    }
}

/* --- Al subir a 13px, que las etiquetas largas partan línea (por palabras,
       con guion si una palabra sola no cabe) en vez de cortarse --------------- */
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitlist,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitdata,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitdata strong,
html body:not(#tt13a):not(#tt13b) .pj-label,
html body:not(#tt13a):not(#tt13b) .metrics-table th {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    min-width: 0 !important;
}
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitlist,
html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jbitdata {
    overflow: visible !important;
}
/* Perfil público en móvil: los datos iban en 2 columnas de ~100px; a 13px las
   etiquetas en mayúsculas («DISPONIBILIDAD», «PROFESIONAL») no caben y se partían
   a mitad de palabra (y el valor «Frecuentemente» ya se partía antes).
   En móvil, un dato por fila: es lo que ya pedía user/applicant_profile.blade.php
   a <=575px, pero su «FIX definitivo» posterior lo devolvía a 2 columnas. */
@media (max-width: 575px) {
    html body:not(#tt13a):not(#tt13b) .candidate-profile-page .jobdetail .jbdetail {
        grid-template-columns: 1fr !important;
    }
}