.texto-naranja {
    color: #ff7f00; /* Color naranja */
}
.text-justify {
    text-align: justify;
    font-size: 18px;
}
.service-text {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 15px;
}
/* Ajustamos el tamaño de todas las imágenes */
.service-image {
    width: 100%;
    height: 200px; /* Establecemos una altura fija */
    object-fit: cover; /* Ajustamos la imagen para que mantenga la proporción */
    cursor: pointer;
}



.center-screen {
    /* height: 100vh; Ocupa el 100% de la altura de la pantalla */
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}

/* Hacemos la imagen GIF más pequeña y responsiva si es necesario */
.gif img {
    max-width: 100%;  /* El GIF nunca será más ancho que su contenedor */
    height: auto;     /* Mantiene la proporción del GIF */
}

.contador-circular {
    /* margin-top: 1000px; Posición para el contador */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    border: 5px solid #f26a38;
    border-radius: 50%;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #f26a38;
}