footer .contact h3 {
    margin-bottom: 7px;
}
footer .follow h3, footer .payment h3 {
    margin-bottom: 20px;
}
footer .menu > a {
    display: flex;
    align-items: center;
    gap: 10px;
}
footer .contact {
    max-width: 450px;
}
footer .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 76px 73px 36px 50px;
}
section.drive.BGUrl h2 {
    margin: 0px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    position: relative;
    text-align: justify;
    top: 50%;
    transform: translate(3%, -16px);
    font-size: 32.5px;
}
section.drive.BGUrl {
    background-image: url(/assets/bannerfoot.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 300px;
    position: relative;
}
section.formImg article {
    display: flex;
    gap: 95px;
    justify-content: end;
}
section.faqs {
    max-width: 1206px;
}
section.reviews article {
    display: flex;
    justify-content: center;
    gap: 73px;
}
article.productos {
    display: flex;
    gap: 12px;
    justify-content: center;
}
article.productos img {
    max-width: 327px;
}
section.imgForm img {
    height: 576px;
}
section.imgForm aside {
    height: fit-content;
}
.carruselProductos a {
    color: transparent;
}
section.imgForm {
    display: flex;
    gap: 101px;
    justify-content: start;
}
section.grow a.btn {
    margin-top: 48px;
}
footer article.BGAzulFuerte p {
    padding: 15px;
    text-align: center;
    font-size: 14px;
}
footer a {
    color: white;
    text-decoration: none;
}
footer h3 {
    font-size: 20px;
}
footer h3 {
    font-size: 20px;
}
section.faqs p {
    padding: 10px;
    margin: 8px 29px 18px 29px;
    max-width: 997px;
}
section.faqs div {
    padding: 10px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    border-top: 1px solid #000;
}
section.faqs h3 {
    font-size: 16px;
}
section.bussines figure {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
section.bussines {
    padding: 54px;
    display: flex;
    align-items: center;
    text-align: center;
    gap: 30px;
    justify-content: center;
}
.grow p{
    font-size: 24px;
    text-align: center;
}
section.design article {
    display: flex;
    justify-content: center;
    gap: 28px;
}
section.design div {
    max-width: 362px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
section.design p {
    font-size: 24px;
    text-align: center;
}
section.design h2.BGAzulBajo {
    height: 44px;
    width: 44px;
    border-radius: 40px;
    padding: 10px;
}
section.reviews div {
    max-width: 351px;
    border-radius: 20px;
    text-align: center;
    padding: 27px 7px 53px;
}
section.reviews h3 {
    font-size: 20px;
    margin: 8px 0px;
}




/*ESTILOS BASE DEYAC*/
section.bannerPrincipal {
    width: 100%;
    min-width: 100%;
    margin-top: 0px;
}
section.bannerPrincipal img {
    width: 100%;
}
main {
    max-width: 1920px;
}
section {
    max-width: 1440px;
    margin: 48px auto;
    position: relative;
}
*{
    font-family: "Montserrat", sans-serif;
    line-height: normal;
    margin: 0px;
}
article.botonesCarrusel {
    position: absolute;
    width: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
    margin: 0px 24px;
    max-width: 1440px;
    transform: translate(0px, -50%);
    top: 60%;
}

h1, h2{
    margin-bottom:48px;
    font-weight: 700;
    color: var(--azulBajo);
    text-align: center;
}
h1{
    font-size: 48px;
}

h2{
    font-size: 36px;
}

body, p{
    font-size: 16px;
}
body{
    color: var(--negroFuerte);
}



a.btn {
    display: block;
    margin: auto;
    width: fit-content;
}
a.btn, #mc-embedded-subscribe {
    background: var(--azulFuerte);
    color: white;
    text-decoration: none;
}
#mc-embedded-subscribe {
    text-align: center;
    width: 100%;
}
#mc_embed_signup {
    width: 464px;
}
.indicates-required {
    font-size: 14px;
    padding-bottom: 7px;
}
.mc-field-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 24px;
}
label {
    padding: 0px 10px;
}

a.btn, #mc-embedded-subscribe, input {
    padding: 10px;
    border-radius: 5px;
}
button.btnCarrusel {
    background: transparent;
    border: none;
    padding: 0px;
}
button.btnCarrusel svg {
    background-color: var(--azulBajo);
    width: 28px;
    height: 28px;
    padding: 10px;
    border-radius: 28px;
    border: none;
}
button, #mc-embedded-subscribe{
    cursor: pointer;
}
input{
    border: var(--gris) 1px solid;
}
input:focus {
    background-color: var(--azulAlert2);
    outline: 1px solid var(--azulAlert1);
    color: var(--negroBajo);
}




.CNegroFuerte { color: var(--negroFuerte); }
.BGNegroFuerte { background-color: var(--negroFuerte); }

.CNegroBajo { color: var(--negroBajo); }
.BGNegroBajo { background-color: var(--negroBajo); }

.CAzulFuerte { color: var(--azulFuerte); }
.BGAzulFuerte { background-color: var(--azulFuerte); }

.CAzulBajo { color: var(--azulBajo); }
.BGAzulBajo { background-color: var(--azulBajo); }

.CAzulAlert1 { color: var(--azulAlert1); }
.BGAzulAlert1 { background-color: var(--azulAlert1); }

.CAzulAlert2 { color: var(--azulAlert2); }
.BGAzulAlert2 { background-color: var(--azulAlert2); }

.CVerdeFuerte { color: var(--verdeFuerte); }
.BGVerdeFuerte { background-color: var(--verdeFuerte); }

.CVerdeBajo { color: var(--verdeBajo); }
.BGVerdeBajo { background-color: var(--verdeBajo); }

.CAmarilloFuerte { color: var(--amarilloFuerte); }
.BGAmarilloFuerte { background-color: var(--amarilloFuerte); }

.CAmarilloBajo { color: var(--amarilloBajo); }
.BGAmarilloBajo { background-color: var(--amarilloBajo); }

.CNaranjaFuerte { color: var(--naranjaFuerte); }
.BGNaranjaFuerte { background-color: var(--naranjaFuerte); }

.CNaranjaBajo { color: var(--naranjaBajo); }
.BGNaranjaBajo { background-color: var(--naranjaBajo); }

.CRojoFuerte { color: var(--rojoFuerte); }
.BGRojoFuerte { background-color: var(--rojoFuerte); }

.CRojoBajo { color: var(--rojoBajo); }
.BGRojoBajo { background-color: var(--rojoBajo); }

.CGris { color: var(--gris); }
.BGGris { background-color: var(--gris); }

.CGrisBajo { color: var(--grisBajo); }
.BGGrisBajo { background-color: var(--grisBajo); }

.CBlanco{
    color: white;
}

:root{
  --azulFuerte: #262262;
  --azulBajo: #2B3990;
  --azulAlert1: #005080;
  --azulAlert2: #e9f4ff;
  --verdeFuerte: #005531;
  --verdeBajo: #c1ffe0;
  --amarilloFuerte: #ffec00;
  --amarilloBajo: #fffad8;
  --naranjaFuerte: #ffba00;
  --naranjaBajo: #fff1e1;
  --rojoFuerte: #f70000;
  --rojoBajo: #ffe8e7;
  --negroFuerte: #000000;
  --negroBajo: #231F20;
  --gris: #A8A8A9;
  --grisBajo: #F1F1F1;
}