#seguimiento {
    margin-top: 0px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: position 0.3s ease, top 0.3s ease;
}

/* boton flotante */
.contact-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #2db31b;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 100;
}

/* Footer styles */
.footer-section {
    background-color: black;
    color: white;
    padding: 50px;
    text-align: center;
}

.content {
    padding: 20px;
}

h1, h2, h3 {
    margin: 0;
    text-align: center;
    width: 100%;
}

h1 {
    background-color: aqua;
    width: 100%;
}

h2 {
    background-color: aquamarine;
    color: black;
    width: 100%;
}

h3 {
    background-color: rgb(13, 145, 127);
    width: 100%;
}

/* Button styles */
.boton-azul, .boton-verde, .boton1, .boton2, .boton3, .boton4, .boton5, .boton6 {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}

.boton-azul {
    background-color: blue;
}

.boton-azul:hover {
    background-color: darkblue;
}

.boton-verde {
    background-color: green;
}

.boton-verde:hover {
    background-color: darkgreen;
}

.boton1 {
    background-color: rgb(13, 145, 127);
}

.boton2 {
    background-color: rgb(13, 145, 127);
}

.boton3 {
    background-color: rgb(13, 145, 127);
}

.boton4 {
    background-color: rgb(13, 145, 127);
}

.boton5 {
    background-color: rgb(0, 27, 78);
}

.boton6 {
    background-color: rgb(13, 145, 127);
}

/* animaciones */
h2, h3, h1 {
    animation-duration: 1.3s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}

#IMAA1, #IMAA2, #IMAA3, #IMAA4 {
    animation-duration: 3s;
    animation-name: slide;
}

@keyframes slide {
    from {
        margin-top: 100%;
        width: 300%;
    }
    to {
        margin-top: 0%;
        width: 100%;
    }
}
/*Quitar el desbordamiento de pantalla*/
body{
    overflow-x: hidden;
}

#encabezado {
    width: 100%;
    height: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contenido {
    width: 100%;
    max-width: 1200px; /* Ancho máximo opcional */
    margin: 0 auto; /* Centra el contenido */
    padding: 20px; /* Espaciado interno */
}
/*Evitamos desbordamiento por parte de losa contenedores principales*/
main{
    width: 100%;
    max-width: 100vw;/*Aseguramos que no sobrepasen la pantalla*/
    overflow-x: hidden;/*Evitamos los desbordamientos*/
}