.evo_two-columns-banner {
font-family: 'Outfit', sans-serif;
display: flex;
flex-direction: row;
padding: 24px 0;
gap: 32px;
}
.evo_two-columns-banner .contenedor {
padding-right: 32px;
}
.evo_two-columns-banner .column-one.orden_2 .contenedor {
padding-right: 0 !important;
}
.evo_two-columns-banner .contenido {
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
p {
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
}
}
.evo_two-columns-banner > h3 {
font-size: 32px !important;
font-weight: bold !important;
}
.evo_two-columns-banner .column-one {
position: relative;
width: 50%;
padding: 24px 80px 24px 24px;
display: flex;
flex-direction: column;
justify-content: center;
h2 {
font-size: 32px !important;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 400;
text-transform: none;
}
h3 {
font-size: 20px !important;
margin-top: 16px;
margin-bottom: 8px;
font-weight: 400;
text-transform: none;
}
.texto__caracteristica {
background-color: #d7ff00;
color: #111;
display: flex;
align-items: center;
font-size: 24px;
font-weight: 800;
margin-right: 16px;
line-height: 24px;
width: 24px;
height: 24px;
text-align: center;
}
.titulo {
display: flex;
flex-direction: column;
.subtitulo {
font-weight: bold;
}
}
.contenedor {
.evo-feature-list-item {
}
}
.evo-feature-list-wrap {
display: flex;
align-items: center;
.evo-feature-list-item {
margin-bottom: 16px;
}
.elementor-icon-list-icon i {
height: 20px;
width: 20px;
color: #778e00;
border: 1px solid #778e00;
border-radius: 50%;
font-size: 10px;
background: #778e0017;
display: flex;
align-items: center;
justify-content: center;
}
.evo-feature-list-title {
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: 1.2em;
}
}
}
.evo_two-columns-banner .column-one.orden_2 {
padding: 24px 16px 24px 60px;
}
.evo_two-columns-banner .column-two {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 50%;
border-radius: 16px;
}
.evo_two-columns-banner .column-two {
display: flex;
align-items: center;
img {
border-radius: 24px;
object-fit: cover;
width: 100%;
height: 100%;
}
}
.evo_two-columns-banner .column-one h4 {
font-size: 18px;
font-weight: 600;
color: #1c1c15;;
}
.evo_two-columns-banner .column-two
.imagen__optimizada .evo_two-columns-banner .column-two img {
object-fit: scale-down !important;
padding: 48px !important;
}
.evo-feature-list {
padding: 24px 0;
}
.evo-feature-list-item {
list-style-type: none;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 600;
}
.evo-feature-list-item .elementor-icon-list-icon i {
color: #2c86d5;
}
.evo-feature-list-item .elementor-icon-list-icon {
margin-right: 16px;
}
.evo-feature-list-content-wrap {
display: flex;
}
.banner__enlace {
display: flex ;
a {
display: flex;
margin-top: 8px;
font-size: 12px !important;
font-weight: 700;
position: relative;
text-transform: uppercase;
text-decoration: none !important;
bottom: auto;
align-items: center;
right: auto;
padding: 8px 24px;
border-radius: 50px;
&:hover {
background: var(--evo-rojo-oscuro);
color: white !important;
}
}
}
.banner__enlace a:hover {
color: #15151c;
}
.banner__enlace svg {
width: 14px;
margin-left: 4px;
strike: #2c86d5;
}
.banner__enlace:hover svg {
strike: #2c86d5 !important;
}
.orden_2 {
order: 1;
}
.orden_1 {
order: 0;
}
@media screen and (max-width: 1440px) {
.evo_two-columns-banner {
padding: 24px 0;
}
.header-subsection__title-container {
padding: 0 48px !important;
}
.section__claim .titulo {
font-size: 24px !important;
}
.header-claim__titles .contenido {
font-size: 18px !important;
}
.evoratec-box-icon__contenido h3 {
font-size: 13px !important;
}
}
@media screen and (max-width: 900px) {
.evo_two-columns-banner {
flex-direction: column;
padding: 16px 0 0 0;
}
.evo_two-columns-banner .column-one,
.evo_two-columns-banner .column-two {
width: 100%;
padding: 16px;
}
.evo_two-columns-banner .column-two {
order: 0 !important;
padding: 0;
}
.evo_two-columns-banner .column-one {
order: 1 !important;
}
.evo-feature-list {
margin-top: 16px;
padding: 16px;
font-size: 14px;
}
.evo_two-columns-banner .column-one::before {
display: none;
}
.evo-feature-list-item {
font-size: 12px;
}
.evo_two-columns-banner .titulo h3 {
font-size: 24px !important;
text-transform: capitalize;
}
.evo_two-columns-banner .column-two img {
padding: 0px !important;
}
.evo_two-columns-banner .column-one.orden_2 {
padding: 16px ;
}
}
@media screen and (max-width: 767px) {
.evo_two-columns-banner .column-one {
& .titulo {
h2 {
font-size: 2rem;
}
}
}
}