¿QUÉ ES LEAD RETRIEVAL?
#wrapper-leads-fira input { display: none !important; }
#lead1:checked ~ .flex-container .item-1 { background-color: #2d427b !important; }
#lead1:checked ~ .flex-container .item-1 .h-text { color: #ffffff !important; }
#lead1:checked ~ .flex-container .item-1 .c-text { max-height: 400px !important; padding: 15px 25px 25px 65px !important; opacity: 1 !important; }
#lead2:checked ~ .flex-container .item-2 { background-color: #2d427b !important; }
#lead2:checked ~ .flex-container .item-2 .h-text { color: #ffffff !important; }
#lead2:checked ~ .flex-container .item-2 .c-text { max-height: 400px !important; padding: 15px 25px 25px 65px !important; opacity: 1 !important; }
#lead3:checked ~ .flex-container .item-3 { background-color: #2d427b !important; }
#lead3:checked ~ .flex-container .item-3 .h-text { color: #ffffff !important; }
#lead3:checked ~ .flex-container .item-3 .c-text { max-height: 400px !important; padding: 15px 25px 25px 65px !important; opacity: 1 !important; }
#lead4:checked ~ .flex-container .item-4 { background-color: #2d427b !important; }
#lead4:checked ~ .flex-container .item-4 .h-text { color: #ffffff !important; }
#lead4:checked ~ .flex-container .item-4 .c-text { max-height: 400px !important; padding: 15px 25px 25px 65px !important; opacity: 1 !important; }
.img-fira { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: auto; object-fit: contain; transition: opacity 0.2s; }
#lead1:checked ~ .flex-container .i1, #lead2:checked ~ .flex-container .i2, #lead3:checked ~ .flex-container .i3, #lead4:checked ~ .flex-container .i4 { opacity: 1 !important; z-index: 10 !important; }
@media (max-width: 768px) {
.flex-container { flex-direction: column !important; }
.col-img-fira { order: -1 !important; width: 100% !important; min-height: 400px !important; margin-bottom: 20px !important; }
.c-text { padding-left: 25px !important; }
}