:root{
      --bg:#fff;
      --accent:#0b4c6a;
      --muted:#6c7a86;
    }
    
    .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;
    }


    .aviso-wrapper{

      font-family:"Inter", Arial, sans-serif;
      width: 80vw;
      height: 70vh;
      margin-top: 70px;
      justify-content:center;
      align-items:center;
      background-color: white;
      border-radius: 12px;
      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;
    }

    .codigo{
      font-weight:500;
      font-size:14px;
      color: var(--accent);
      letter-spacing:0.6px;
    }

    .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;
      margin-top: 12px;
      margin-bottom:10px;
      font-size:16px;
      color:#082a33;
    }

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

    .aviso-wrapper ul{
      margin-left:18px;
      margin-bottom:12px;
    }

    .aviso-wrapper table{
      width:100%;
      border-collapse:collapse;
      margin: 10px 0 18px 0;
      font-size:13px;
    }

    .aviso-wrapper th, td{
      border: 1px solid #e6eef0;
      padding:8px 10px;
      text-align:left;
    }

    .aviso-wrapper th{
      background:#f3f7f8;
      font-weight:600;
    }

    /* 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:8px;
      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) }