body{
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.cabecalho{
    color: white;
    background-color: black;
    text-align: center;
    padding: 30px;
}

.cabecalho h3{
    color: rgb(206, 206, 8);
}

p .alinha{
    text-align: right;
}
.img-agro{
    width: 300px;
}

.br-3{
    border-radius: 15px;
}

.img-card{
    max-height: 250px;
}

.img-slide{
    max-height: 400px;
}

.footer{
    background-color: black;
    color: white;
    text-align: center;
    padding: 5px;
}

.rodape{
 background: linear-gradient(135deg, #4caf50, #81c784);
  color: white;
  padding: 40px 20px 20px 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: inset 0 5px 15px rgba(0,0,0,0.2);
  margin: 0;               /* remove margem */
  width: 100vw;            /* ocupa toda largura da viewport */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;      /* corrige overflow horizontal */
  margin-right: -50vw;
}

 .carousel-container {
            max-width: #800080;
            margin: 0 auto;
            padding: 20px;
        }
        .carousel-inner img {
            width: 100%;
            height: auto;
            max-height: 400px;
            object-fit: cover;
            border: 3px solid #1A3C34;
            border-radius: 8px;
        }
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: #1A3C34;
            border-radius: 50%;
            padding: 20px;
        }
        .carousel-indicators button {
            background-color: #1A3C34 !important;
            opacity: 0.5;
        }
        .carousel-indicators .active {
            opacity: 1;
        }
        @media (max-width: 768px) {
            .carousel-inner img {
                max-height: 300px;
            }
            .carousel-container {
                padding: 10px;
            }
        }
        @media (max-width: 576px) {
            .carousel-inner img {
                max-height: 200px;
            }
            .carousel-control-prev-icon,
            .carousel-control-next-icon {
                padding: 15px;
            }
        }