html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

footer.footer {
    position: relative !important;
    bottom: 0;
    width: 100%;
}

/* Contenedor interno del logo */
.logo-inner {
    background-color: white; /* fondo blanco solo detrás del logo */
    padding: 5px 15px; /* espacio alrededor del logo y texto */
    border-radius: 8px; /* esquinas redondeadas opcional */
}

/* Imagen del logo */
.logo-img {
    height: 40px; /* ajusta altura de la imagen */
    margin-right: 10px; /* separa del texto */
}


.corp-style {
    color: var(--cblue) !important;
    font-weight: 700; /* negrita */
    font-family: 'Montserrat', sans-serif; /* puedes usar la fuente de tu plantilla */
    font-size: 2rem; /* tamaño de letra, ajustable */
    margin: 0;
}

.icon-map {
    font-size: 4rem; /* prueba 2rem, 3rem, 4rem */
}


/* =========================
   TEXTO CON DEGRADADO ANIMADO
========================= */
.text-gradient-hover {
    color: inherit; /* mantiene color normal */
    background: none;
    transition: all 0.3s ease;
}

    /* ACTIVACIÓN AL HOVER */
    .text-gradient-hover:hover {
        background: linear-gradient( 90deg, #08cf17, #8752e3, #08cf17 );
        background-size: 200% auto;
        background-position: left center;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        animation: textGradientMove 1.5s linear infinite;
    }

/* =========================
   TEXTO CON DEGRADADO ANIMADO (SIEMPRE ACTIVO)
========================= */
.text-gradient-animated {
    background: linear-gradient( 90deg, #068f10, #7846cf, #068f10 );
    background-size: 200% auto;
    background-position: left center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: textGradientMove 1.5s linear infinite;
}


/* ANIMACIÓN */
@keyframes textGradientMove {
    from {
        background-position: 0% center;
    }

    to {
        background-position: 200% center;
    }
}