/* Banner lateral TodoEPIsyMás – v1.0.0 */
.tep-grupo-banner {
    display: block;
    position: relative;
    width: 100%;
    max-width: 380px;
    margin: 38px auto 30px;
    padding: 0;
    line-height: 0;
    clear: both;
    isolation: isolate;
}
.tep-grupo-banner__image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border: 0;
    border-radius: 10px;
}
.tep-grupo-banner__area {
    display: block;
    position: absolute;
    left: 1.3%;
    width: 98.7%;
    z-index: 2;
    border-radius: 14px;
    background: transparent;
    box-shadow: none;
    text-decoration: none !important;
    cursor: pointer;
    transition: box-shadow 160ms ease;
}
.tep-grupo-banner__area--one { top: 12.6%; height: 27.1%; }
.tep-grupo-banner__area--two { top: 40.7%; height: 28.3%; }
.tep-grupo-banner__area--three { top: 70.1%; height: 29.3%; }
.tep-grupo-banner__area:hover {
    box-shadow: inset 0 0 0 3px rgba(193, 47, 37, 0.8);
}
.tep-grupo-banner__area:focus-visible {
    outline: 3px solid #b92b24;
    outline-offset: -3px;
}
.tep-grupo-banner .screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
@media (max-width: 767px) {
    .tep-grupo-banner { max-width: 370px; margin: 24px auto 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .tep-grupo-banner__area { transition: none; }
}