.banner-principal{margin-top:150px;padding-bottom:50px}.banner-principal__container{display:grid;gap:20px;grid-template-columns:3fr 1fr}.banner-principal__title{color:var(--azul-oscuro-ao);font-size:75px;line-height:64px}h1.banner-principal__title.poppins-bold{align-items:center;display:flex;gap:15px;margin-bottom:20px}.necesitas__pill{background-color:var(--apoyo-hubspot);border-radius:60px;color:var(--blanco);margin:0;padding:20px 30px}.banner-principal__subtitle{color:var(--azul-oscuro-ao);font-size:54px;line-height:64px}.banner-principal__img{align-items:center;display:flex;gap:30px;margin:40px 0}.img__logos{height:100px}.banner-principal__mas{color:var(--azul-oscuro-ao);font-size:54px;line-height:64px}.banner-principal__button{background-color:var(--azul-oscuro-ao-2);border-radius:50px;color:var(--blanco);display:inline-block;font-size:24px;line-height:34px;padding:20px 32px;text-decoration:none;transform-origin:center center;transition:transform .2s ease,background-color .2s ease;will-change:transform}.banner-principal__button:hover{background-color:var(--azul-oscuro-ao);transform:scale(1.05)}.img__chica{height:480px;margin-top:10px}.text-over-image{backdrop-filter:blur(9px);background-color:hsla(0,0%,100%,.5);border-radius:50px;color:var(--azul-oscuro-ao);display:inline-block;font-size:24px;line-height:34px;padding:10px 30px;pointer-events:auto;position:absolute;transform:translate(0);white-space:nowrap;z-index:2}.img__wrapper{display:inline-block;margin-right:45px;position:relative;width:max-content}.text-over-image__top-left{left:-19%;top:70%;transform:translate(0)}.text-over-image__bottom_left{left:94%;top:100px;transform:translate(-50%,-50%)}.text-over-image__bottom-right{bottom:8%;right:0;transform:translate(0)}@media(max-width:1660px){.banner-principal__title{font-size:62px;line-height:52px}.img__logos{height:90px}.banner-principal__button{font-size:20px}}@media(max-width:1470px){h1.banner-principal__title.poppins-bold{align-items:flex-start;flex-direction:column}}@media(max-width:1440px){.banner-principal__subtitle{font-size:48px;line-height:50px}.img__chica{height:400px}.text-over-image__bottom_left{top:60px}.text-over-image__top-left{left:-25%;top:60%}.text-over-image__bottom-right{bottom:20%;right:-20%}}@media(max-width:1360px){.banner-principal__subtitle{font-size:38px}.img__logos{height:80px}}@media(max-width:1170px){.img__chica{height:300px}.text-over-image__top-left{left:-40%;top:50%}.text-over-image__bottom-right{bottom:24%;right:-20%}.text-over-image__bottom_left{top:40px}}@media(max-width:1115px){.banner-principal__title{font-size:54px;line-height:44px}.banner-principal__subtitle{font-size:32px}.banner-principal__img{margin:20px 0}.img__logos{height:70px}.text-over-image__bottom-right{bottom:15%;right:-20%}.text-over-image{font-size:20px;line-height:34px;padding:8px 24px}}@media (min-width:891px) and (max-width:990px){.banner-principal__container{gap:18px;grid-template-columns:3fr .9fr}.img__wrapper{align-items:center;display:flex;justify-content:center;max-width:350px;min-height:320px;overflow:visible}.img__chica{height:320px;max-width:100%;position:relative;z-index:1}.text-over-image{font-size:18px;line-height:26px;padding:7px 20px;z-index:2}.text-over-image__top-left{left:-15%;top:60%}.text-over-image__bottom_left{left:90%;top:25%}.text-over-image__bottom-right{bottom:10%;right:-5%}.banner-principal__title{font-size:48px;line-height:42px}.banner-principal__subtitle{font-size:28px;line-height:34px}.banner-principal__img{margin:18px 0}.img__logos{height:65px}.banner-principal__button{font-size:18px;line-height:28px;padding:14px 24px}}@media (min-width:769px) and (max-width:890px){.banner-principal__container{gap:15px;grid-template-columns:3fr 1fr}.img__wrapper{align-items:center;display:flex;justify-content:center;max-width:320px;min-height:280px;overflow:visible}.img__chica{height:280px;max-width:100%;position:relative;z-index:1}.text-over-image{font-size:16px;line-height:22px;padding:6px 16px;z-index:2}.necesitas__pill{font-size:inherit;padding:12px 20px}.text-over-image__top-left{left:-20%;top:55%}.text-over-image__bottom_left{left:85%;top:20%}.text-over-image__bottom-right{bottom:15%;right:-10%}.banner-principal__title{font-size:42px;line-height:38px}.banner-principal__subtitle{font-size:24px;line-height:30px}.banner-principal__img{margin:15px 0}.img__logos{height:55px}.banner-principal__mas{font-size:28px;line-height:28px}.banner-principal__button{font-size:16px;line-height:24px;padding:12px 20px}}@media(max-width:768px){.banner-principal__container{display:flex;gap:50px}h1.banner-principal__title.poppins-bold{align-items:flex-start;flex-direction:column}.banner-principal__subtitle{font-size:38px;line-height:40px}.img__logos{height:80px}.text-over-image__top-left{left:-3%}.img__wrapper{width:auto}.img__chica{height:auto;max-width:100%}.text-over-image__bottom-left{left:90%}.img__wrapper{display:block;width:100%}.text-over-image+.text-over-image{margin-top:8px}.banner-principal__container{display:flex;flex-direction:column;text-align:center}.banner-principal{margin:30px 0 100px;position:relative;top:80px}.banner-principal__title{font-size:38px;line-height:38px;margin-bottom:10px}.necesitas__pill{padding:5px 15px}.banner-principal__subtitle{font-size:24px}.img__logos{height:60px}.banner-principal__mas{font-size:32px;line-height:32px}.banner-principal__img{justify-content:center;margin:20px 0}.banner-principal__button{font-size:16px;line-height:26px;padding:6px 12px}.img__chica{height:auto;max-width:300px;width:100%}.img__wrapper{margin:0 auto;max-width:max-content;width:100%}.text-over-image{font-size:16px;line-height:26px;padding:4px 16px}.text-over-image__bottom_left{left:97%}.text-over-image__bottom-right{right:-25px}h1.banner-principal__title.poppins-bold{align-items:center;gap:0;justify-content:space-evenly}.text-over-image__top-left{left:-20%}}@media(max-width:420px){h1.banner-principal__title.poppins-bold{flex-direction:column;margin-bottom:5px}.banner-principal__subtitle{text-align:center}.img__logos{height:40px}.text-over-image{left:-5%}.text-over-image__bottom_left{left:85%}.text-over-image__bottom-right{left:35%;right:3%}}.banner-principal__container>*{min-width:0}