/* P6 CARTA RENUNCIA MOBILE CONTAINMENT V1
   Page-local asset. Loaded only by carta-renuncia.blade.php.
   Goal: remove horizontal overflow/clipping at <=576px without changing desktop. */
@media (max-width: 576px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  main,
  main * {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100%;
  }

  main > *,
  main section,
  main article,
  main form {
    max-width: 100%;
  }

  main .container,
  main .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  main .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  main [class*="grid"],
  main [class*="layout"],
  main [class*="columns"],
  main [class*="split"] {
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  main input,
  main select,
  main textarea,
  main button,
  main img,
  main canvas,
  main iframe,
  main table {
    max-width: 100% !important;
  }

  main h1,
  main h2,
  main h3,
  main p,
  main label {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}