/* Source: page/creditos.php */
.hero-section {
            background: linear-gradient(135deg, #00a75d, #28a745, #007bff);
            color: #fff;
            padding: 70px 0 45px;
            text-align: center;
        }
        .hero-section h1 {
            font-size: 3.2rem;
                font-weight: 500;
            }
            .hero-section p {
                font-size: 1.3rem;
                opacity: .95;
            }
            /*  TÍTULOS Y LÍNEAS  */

        .title-section{
          font-size:28px;
          font-weight:700;
          color:#0a4f6d;
      }
      .line{
          width:60px;
          height:3px;
          background:#00a75d;
          margin:15px 0 25px;
      }
        .line-left {
          width: 70px;
          height: 3px;
          background: #00a75d;
          margin: 15px 0 30px; 
      }
        /* BOTÓN SIMULADOR */
        .simulador-btn {
            display: inline-block;
            background: linear-gradient(135deg, #fff, #f8f9fa);
            color: #00a75d;
            padding: 18px 40px;
            font-size: 1.1rem;
            font-weight: 600;
            border: 2px solid #fff;
            border-radius: 50px;
            text-decoration: none;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
            margin-top: 25px;
        }
        .simulador-btn:hover {
            background: #fff;
            transform: translateY(-3px);
            box-shadow: 0 30px 60px rgba(0,0,0,0.25);
            color: #00a75d;
            text-decoration: none;
        }
        .service-img{
          width:100%;
          height:350px;
          object-fit:cover;
          border-radius:12px;
          box-shadow:0 15px 35px rgba(0,0,0,0.12);
          transition:all .3s ease;
        }

        .service-img:hover{
            transform:scale(1.03);
        }
        .credito-box{
          padding:100px 0px;
          border-radius:0px;
          transition:all .3s ease;
      }
      @media (max-width:768px){
          .botones-credito{
              display:flex;
              flex-direction:column;
              gap:10px;
              align-items:flex-start;
          }

          .botones-credito .btn{
              width:fit-content;
          }
          .service-img{
              margin-top:15px;
          }


      }