.anton-regular {
          font-family: "Anton", sans-serif;
          font-weight: 400;
          font-style: normal;
        }

        .raleway-100 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 100;
          font-style: normal;
        }

        .raleway-300 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 300;
          font-style: normal;
        }

        .raleway-400 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 400;
          font-style: normal;
        }

        .raleway-500 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 500;
          font-style: normal;
        }

        .raleway-600 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 600;
          font-style: normal;
        }

        .raleway-700 {
          font-family: "Raleway", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
        }

        .interlineado {
          line-height: 47px !important;
        }

        @media (min-width: 640px) {
          .interlineado {
            line-height: 50px !important;
          }
        }

        @media (min-width: 768px) {
          .interlineado {
            line-height: 65px !important;
          }
        }

        @media (min-width: 1024px) {
          .interlineado {
            line-height: 81px !important;
          }
        }

        .footer {
          background-image: url('./assets/img_14_v1.png');
          background-size: cover;
        }

        .transicion-altura {
          transition: max-height 0.5s ease, opacity 0.5s ease;
          overflow: hidden;
          opacity: 0;
          max-height: 0;
        }

        .activo {
          opacity: 1;
        }

        .btn-activo {
          background-color: #06235A !important;
          color: white !important;
        }

        .interlineado-h3 {
          line-height: 1.3 !important;
        }

        @media (min-width: 768px) {
          .interlineado-h3 {
            line-height: 1.3 !important;
          }
        }

        @media (min-width: 1024px) {
          .interlineado-h3 {
            line-height: 1.3 !important;
          }
        }

        /* Estilos para el scroll personalizado del modal */
        .modal-content::-webkit-scrollbar {
          width: 8px;
        }

        .modal-content::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 4px;
        }

        .modal-content::-webkit-scrollbar-thumb {
          background: #888;
          border-radius: 4px;
        }

        .modal-content::-webkit-scrollbar-thumb:hover {
          background: #555;
        }