.snp-hero-banner{width:100%;max-height:auto;border-radius:4px;border:solid 1px var(--borde);display:flex;margin-bottom:40px}.snp-hero-banner[data-placement="30-70"] .banner-content{flex:30%}.snp-hero-banner[data-placement="30-70"] .banner-image{flex:70%}.snp-hero-banner[data-placement="40-60"] .banner-content{flex:40%}.snp-hero-banner[data-placement="40-60"] .banner-image{flex:60%}.snp-hero-banner[data-placement="50-50"] .banner-content,.snp-hero-banner[data-placement="50-50"] .banner-image{flex:50%}.snp-hero-banner .banner-content{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:20px;background-color:var(--wBox);color:var(--texto);padding:20px}.snp-hero-banner .banner-content h1,.snp-hero-banner .banner-content p{text-align:left}.snp-hero-banner .banner-content h1{font-size:3.5rem}.snp-hero-banner .banner-image img{width:100%;height:100%;object-fit:cover}.snp-hero-banner .banner-content .banner-buttons{width:100%;display:flex;justify-content:start;align-items:center;gap:10px}.snp-hero-banner .banner-content .banner-buttons .button-link{padding:10px 15px;font-weight:700;color:var(--txtMorado);text-decoration:none;border-radius:5px;font-size:1rem}.snp-hero-banner .banner-content .banner-buttons .button-link.primary{border:solid 1px #fff;background-color:var(--azul)}.snp-hero-banner .banner-content .banner-buttons .button-link i{margin-right:10px}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){.snp-hero-banner{display:flex;flex-direction:column}.snp-hero-banner .banner-content,.snp-hero-banner .banner-image{flex:100%}.snp-hero-banner .banner-content h1{font-size:2.5rem}}