/*
 * assets/css/movil.css — Ajustes para celular y tablet
 * Strong Broker de Seguros
 * Lo cargan includes/header.php e includes/header4.php después de los estilos de cada página.
 * Sólo actúa en pantallas angostas: en computadora no cambia nada.
 */

/* Secciones con ancla: al entrar desde un enlace compartido, el encabezado fijo no las tapa */
[id] { scroll-margin-top: 90px; }

@media (max-width: 767px) {

    /* ---------- Generales ---------- */
    img, video, iframe, select, input, textarea { max-width: 100%; }
    select { min-width: 0; text-overflow: ellipsis; }

    /* Pie de página: enlaces cómodos para tocar */
    .footer .footer-link,
    .footer .footer-bottom-col a { display: inline-block; padding: 9px 0; min-height: 36px; line-height: 1.3; }

    /* ---------- Home ---------- */
    .flip-card { height: 260px !important; }
    .flip-card-front, .flip-card-back { padding: 1.5rem !important; }
    .text-\[9px\], .text-\[10px\] { font-size: 11px !important; }
    .text-\[7px\] { font-size: 9px !important; }
    #familia-strong-section img.h-\[450px\] { height: 280px; }
    #familia-strong-section .line-clamp-1 { -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; }
    #familia-strong-section .mt-24 { margin-top: 3.5rem; }
    #familia-strong-section .pt-16 { padding-top: 2.5rem; }
    main > section.py-24 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
    main > section.py-32 { padding-top: 4rem; padding-bottom: 4rem; }
    main > section .gap-16 { gap: 2.5rem; }
    main > section .p-10 { padding: 1.75rem; }
    main > section .p-12 { padding: 1.75rem; }
    main > section .mb-20 { margin-bottom: 2.5rem; }
    main > section .text-7xl { font-size: 3.25rem; }
    button[onclick^="triggerQuickSearch"] { padding: 8px 14px; }

    /* ---------- Familia Strong ---------- */
    .fs-card .fs-rol { font-size: 11px !important; }
    .fs-card .fs-btn { font-size: 11px !important; padding: 11px 12px !important; }

    /* ---------- Directorio de PAS ---------- */
    .pl-cat, .pl-org-tipo { font-size: 11px !important; }
    .pl-rot, .pl-btn-mapa { font-size: 11.5px !important; }
    .pl-chapa { font-size: 11px !important; }
    .pl-limpiar { padding: 10px 6px !important; }
    a.b, .btn-contact { font-size: 11.5px !important; min-height: 36px; }

    /* ---------- Staff ---------- */
    .sbs-cargo, .sbs-badge { font-size: 11px !important; }
    .sbs-btn, .sbs-copy { font-size: 11.5px !important; min-height: 36px; }
    .sbs-more { padding: 10px 0 !important; font-size: 12px !important; }

    /* ---------- Agenda de capacitaciones ---------- */
    .agenda-container { width: auto !important; padding: 16px !important; margin: 0 10px !important; border-radius: 12px !important; }
    .grid-events { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
    .grid-events .card-content { padding: 18px !important; }
    .grid-events .date-row { flex-wrap: wrap !important; gap: 8px; }
    .v-tag { font-size: 11px !important; }
    .btn-yt { font-size: 12px !important; }
    .form-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .modal-box { padding: 22px !important; }

    /* ---------- Siniestros ---------- */
    .form-select, .form-control { width: 100%; max-width: 100%; box-sizing: border-box; }
}