.avisos-wrapper {
       max-width: 900px;
       margin: 40px auto;
       padding: 0 15px;
   }

   .notice-item {
       display: flex;
       flex-direction: row;
       align-items: center;
       gap: 24px;
       background: #ffffff;
       border: 1px solid #e2e8f0;
       border-radius: 12px;
       padding: 20px;
       margin-bottom: 20px;
       cursor: pointer;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
       transition: all 0.2s ease-in-out;
   }

   .notice-item:hover {
       border-color: #303990;
       box-shadow: 0 4px 16px rgba(48, 57, 144, 0.12);
       transform: translateY(-2px);
   }

   .notice-img-box {
       width: 140px;
       height: 100px;
       flex-shrink: 0;
       border-radius: 8px;
       overflow: hidden;
       background-color: #f8fafc;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .notice-img-box img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
   }

   .notice-info {
       flex: 1;
   }

   .notice-badge {
       display: inline-block;
       padding: 4px 10px;
       margin-bottom: 8px;
       background-color: #f0f5e8;
       color: #303990;
       font-size: 11px;
       font-weight: 700;
       letter-spacing: 0.8px;
       border-radius: 4px;
       text-transform: uppercase;
   }

   .notice-info h2 {
       margin: 0 0 6px 0;
       color: #1e293b;
       font-size: 18px;
       font-weight: 700;
       line-height: 1.3;
   }

   .notice-info p {
       margin: 0;
       color: #64748b;
       font-size: 14px;
       line-height: 1.5;
   }

   .modal-notice-img {
       width: 100%;
       max-height: 320px;
       object-fit: contain;
       background-color: #f8fafc;
       border-radius: 8px;
       margin-bottom: 20px;
   }

   .modal-notice-body {
       color: #334155;
       font-size: 15px;
       line-height: 1.7;
       white-space: pre-line;
   }

   @media (max-width: 576px) {
       .notice-item {
           flex-direction: column;
           align-items: flex-start;
       }

       .notice-img-box {
           width: 100%;
           height: 160px;
       }
   }