.first-section-pt {
     padding-top: 6.28rem;
 }

 .academic-title {
     background-color: #E31C24;
     color: #fff;
     text-align: center;
     font-family: 'Oswald', sans-serif;
     font-size: 32px;
     font-weight: 700;
     text-transform: uppercase;
     padding: 12px 20px;
     border-radius: 8px;
     margin: 0 auto 30px;
     max-width: 420px;
 }

 .academic-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 22px;
     width: 100%;
     max-width: 1400px;
     margin: 0 auto;
 }

 .academic-card {
     background-color: #fff;
     border-radius: 12px;
     overflow: hidden;
     text-align: center;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .academic-card img {
     width: 100%;
     height: 260px;
     object-fit: cover;
     display: block;
 }

 .academic-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
 }

 .academic-label {
     background-color: #1E90FF;
     color: #fff;
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
     font-size: 18px;
     padding: 12px 10px;
     text-transform: capitalize;
 }


 h1 {
     background-color: #f5f5f9;
     color: #fff;
     /* display: inline-block; */
     padding: 10px 30px;
     /* border-radius: 10px; */
     font-size: 48px;
     font-weight: 800;
     text-transform: uppercase;
     margin-bottom: 15px;
 }

 .light-style body {
     background-color: #f5f5f9;
 }

 .light-style .layout-navbar .navbar.landing-navbar {
     border-color: rgba(255, 255, 255, 0.68);
     background: rgb(255 255 255 / 80%);
 }


 .bg-parvularia::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image: url('../../app-personales/blog/desktop.jpg');


     background-size: cover;
     background-position: center;
     filter: blur(2px);
     transform: scale(1.1);
     z-index: -1;
 }


 .bg-parvularia::after {
     content: "";
     position: absolute;
     inset: 0;
     background: #0000005e;
     /* negro opaco */
     z-index: -1;
 }