.wrapper{
      display: flex;
      position:fixed;
      height: 100vh;
      width: 100vw;
      background-color: rgba(0, 0, 0, 0.5);
      align-items: center;
      justify-content: center;
      z-index: 80000;
    }
    
:root{
      --bg:#fff;
      --accent:#1839a5;
      --muted:#6c7a86;
    }

    .aviso-wrapper{

      font-family:"Inter", Arial, sans-serif;
      width: 80vw;
      height: fit-content;
      justify-content:center;
      align-items:center;
      background-color: white;
      border-radius: 25px;
      box-shadow: 0 10px 20px rgba(10,20,30,0.09);
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border: 1px solid rgba(11,76,106,0.06);
      max-width:700px;
      max-height:500px;
    }

    /* Header */
    .aviso-header{
      padding: 20px 24px;
      border-bottom: 1px solid #eef3f5;
      display:flex;
      align-items:baseline;
      gap:12px;
      background: linear-gradient(0deg, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
      z-index:2;
    }



    .aviso-wrapper .titulo{
      font-weight:700;
      font-size:20px;
      color:#0b2f3d;
      margin-left: 6px;
    }

    /* Área con scroll */
    .aviso-wrapper .aviso-body{
      padding: 22px 28px;
      overflow-y: auto;
      flex:1;
      line-height:1.55;
    }

    /* Encabezados internos */
    .section-title{
      font-weight:600;
      font-size:16px;
      color:#082a33;
    }

    .aviso-wrapper p{
      font-size:14px;
      color: #222;
    }



    /* Footer */
    .aviso-footer{
      padding: 12px 20px;
      border-top: 1px solid #eef3f5;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      background: linear-gradient(0deg, rgba(255,255,255,0.9), rgba(255,255,255,0.9));
    }

    .nota{
      font-size:13px;
      color:var(--muted);
    }

    .btn-aceptar{
      background: var(--accent);
      color:#fff;
      border:none;
      padding:10px 18px;
      border-radius:13px;
      cursor:pointer;
      font-weight:700;
      font-family:"Inter", Arial, sans-serif;
      box-shadow: 0 6px 16px rgba(11,76,106,0.18);
    }

    .btn-aceptar:active{ transform: translateY(1px) }



.textual{
  all: unset;
  display: flex;
  flex-direction: column;
  gap:10px;
  padding: 20px;
}

    .avisito{
      text-align: center;
    }

    @media(max-width:800px){


      .aviso-footer{
        flex-direction: column;
        text-align: center;
      }

      .aviso-wrapper{
        width: 85%;
      }

      .cajaAvisoAfuera{
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .cajaAvisoAdentro{
        display: flex;
        justify-content: center;
        align-items: center;
      }

    }