.main-footer {
    background: white;
    font-family: 'Work Sans', "sans-serif";
}

body {
    background: white;
}

.socials {
    flex-wrap: wrap;
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.socials .social-item a,
.socials .social-item button {
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
    border: 1px solid #D0D0D0;
    color: #696969;
}

.socials i {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    transition: all .6s;
}

.socials svg {
    width: 100%;
    height: 100%;
}

.socials svg.linkedin {
  padding: .25rem;
}

.socials.green .social-item a,
.socials.green .social-item button {
    border-color: #9DBB31;
    color: #009639;
}


.main-footer .first-row {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1024px) {
    .main-footer .first-row {
        flex-wrap: nowrap;
    }
}

.main-footer .footer-first-col {
    background-color: #D8F2E2;
    border-top: 5px #E8E8E8 solid;
    border-bottom: 5px #E8E8E8 solid;
    width: 100%;
    display: grid;
    grid-template-rows: 66% auto;
    grid-template-columns: 1fr;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .main-footer .footer-first-col {
        width: 25%;
        grid-column: span 1 / span 1;
    }
}

.main-footer .footer-first-col a {
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
}

.main-footer .footer-first-col div:first-child {
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
}

.main-footer .footer-first-col div.last {
    padding: 0 1rem;
    background-color: #ebefe1;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.main-footer .footer-second-col,
.main-footer .footer-third-col {
    background-color: #EDF7F1;
    border-color: rgba(105, 105, 105, 0.05);
    padding: 2rem;
    border-style: solid;
    border-bottom-width: 5px;
}

@media (min-width: 640px) {
    .main-footer .footer-second-col,
    .main-footer .footer-third-col {
        border-top-width: 5px;
    }
}

.main-footer .footer-second-col {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 640px) {
    .main-footer .footer-second-col {
        align-items: center;
        width: 50%;
    }
}

.main-footer .footer-second-col p {
    color: #1D1D1B;
    margin-left: auto;
    margin-right: auto;
}

.main-footer .footer-second-col a {
    display: block;
    margin-top: 1rem;
    width: fit-content;
}

.main-footer .footer-third-col {
    display: grid;
    gap: 0.75rem;
    align-content: center;
}

@media (min-width: 640px) {
    .main-footer .footer-third-col {
        justify-content: center;
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .main-footer .footer-third-col {
        width: 25%;
    }
}

.main-footer .footer-third-col .btn {
    width: fit-content;
    padding: 0 1rem;
}

.main-footer .second-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2rem 0;
    align-items: center;
    gap: 1rem;
}

.main-footer .second-row .legales-footer {
    display: flex;
    gap: 2rem;
    font-size: 0.75rem;
    align-items: center;
    order: 2;
}

@media (min-width: 1024px) {
    .main-footer .second-row .legales-footer {
        order: 1;
    }
}

.main-footer .second-row .legales-footer a {
    color: #696969;
}

.main-footer .second-row .legales-footer .copyright {
    font-size: 0.875rem;
    color: #1D1D1B;
}

.main-footer .second-row .logos-footer {
    display: flex;
    gap: 1rem;
    align-items: center;
    order: 1;
    flex-wrap: wrap;
    width: 100%;
}

@media (min-width: 1024px) {
    .main-footer .second-row .logos-footer {
        width: auto;
        order: 2;
    }
}

.main-footer .second-row .logos-footer img.queer {
    object-fit: cover;
}

.main-footer .second-row .logos-footer img {
    max-height: 24px;
}

.main-footer .second-row .back-top {
    display: flex;
    justify-content: flex-end;
    order: 3;
}

.main-footer .second-row .back-top a {
    width: fit-content;
    margin-right: 1rem;
}

.main-footer .colors-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.main-footer .colors-row .granet {
    border-bottom: 6px solid #861F41;
}

.main-footer .colors-row .yellow {
    border-bottom: 6px solid #D2CF1C;
}

.main-footer .colors-row .green {
    border-bottom: 6px solid #009639;
}

.main-footer .colors-row .dark-green {
    border-bottom: 6px solid #4A7729;
}

.main-footer .logo-gobierno {
    width: fit-content;
    margin: 1rem auto;
}

.main-footer .footer-anchor {
    font-weight: 500;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%
}

@media (min-width:640px) {
  .container {
    max-width: 640px
  }
}

@media (min-width:1024px) {
  .container {
    max-width: 1024px
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1280px
  }
}

@media (min-width:1500px) {
  .container {
    max-width: 1500px
  }
}

.all {
    background-color: white !important;
}

.btn-primary {
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #4A7729;
    color: #fff;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    border: 2px solid #4A7729;
    padding: 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
}

.btn-primary:disabled {
    opacity: 0.8;
}

.btn-primary:hover {
    background-color: #fff;
    color: #4A7729;
}

.tlf-btn {
    transition: all 0.3s ease;
    cursor: pointer;
    color: #4A7729;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;
}

.tlf-btn:disabled {
    opacity: 0.8;
}

.tlf-btn:hover {
    color: #1D1D1B;
}

.icono {
    display: inline-grid;
}

.icono svg {
    width: 1rem;
    height: 1rem;
}

.icono.mediano svg {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-anchor {
  align-items: center !important;
  display: flex !important;
  gap: .5rem !important;
}