.mini-led {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #000;
    font-weight: 200;
}

/* ---------- Sección 1: Aurora + TVs + ULED MiniLED (fondo continuo) ---------- */
.mini-led .hero {
    background: #000 url("/wp-content/uploads/2026/07/bg-1.jpg") no-repeat top center;
    background-size: 100% auto;
    padding: 4% 5% 6%;
}

.mini-led .hero__logo {
    width: 26%;
    max-width: 260px;
    height: auto;
}

.mini-led .hero__badge {
    width: 20%;
    max-width: 190px;
}

.mini-led .hero__badge-global {
    font-size: clamp(11px, 1.7vw, 20px);
    font-weight: 500;
    letter-spacing: 0.18em;
    color: #fff;
    margin-bottom: 2px;
}

.mini-led .hero__badge img {
    width: 100%;
    height: auto;
}

.mini-led .hero__title {
    font-weight: 400;
    line-height: 1.05;
    font-size: clamp(30px, 6.2vw, 62px);
    color: #fff;
    margin: 5% 0 3%;
}

.mini-led .hero__tvs {
    width: 100%;
}

/* Pie de la sección 1 (ULED MiniLED + textos) */
.mini-led .hero__footer {
    padding: 0 3% 0;
    margin-top: -10%;
}

.mini-led .content__logo {
    width: 40%;
    max-width: 400px;
    margin-bottom: 4%;
}

.mini-led .content__heading {
    font-weight: 500;
    font-size: clamp(20px, 3.4vw, 34px);
    margin-bottom: 3%;
    color: #fff;
}

.mini-led .content__text {
    font-size: clamp(13px, 1.9vw, 19px);
    line-height: 1.55;
    color: #fff;
    max-width: 1000px;
    margin: 0 auto 5%;
}

.mini-led .content__source {
    font-size: clamp(6px, 1.2vw, 10px);
    line-height: 1.5;
    color: #fff;

    margin: 0 auto;
}

/* ---------- Bloque: Inteligencia de la luz ---------- */
.mini-led .light {
    background: #000 url("/wp-content/uploads/2026/07/bg-2.png") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    align-items: center;
}

.mini-led .light__body {
    color: #fff;
    padding-right: 6%;
}

.mini-led .light__title {
    font-weight: 500;
    font-size: clamp(22px, 4vw, 42px);
    line-height: 1.1;
    margin-bottom: 3%;
}

.mini-led .light__subtitle {
    font-weight: 400;
    font-size: clamp(13px, 1.9vw, 20px);
    line-height: 1.3;
    margin-bottom: 3%;
}

.mini-led .light__text {
    font-size: clamp(12px, 1.7vw, 18px);
    line-height: 1.4;
    color: #fff;
    margin-bottom: 4%;
}

.mini-led .light__logo {
    width: 32%;
    max-width: 220px;
}

/* ---------- Bloque: Contraste absoluto ---------- */
.mini-led .contrast {
    background: #05131a url("/wp-content/uploads/2026/07/bg-3.png") no-repeat center center;
    background-size: cover;
    padding: 4% 4% 3%;
}

.mini-led .contrast__head {
    max-width: 900px;
    margin-bottom: 3%;
    color: #fff;
}

.mini-led .contrast__title {
    font-weight: 500;
    font-size: clamp(20px, 3.6vw, 38px);
    margin-bottom: 1.5%;
}

.mini-led .contrast__subtitle {
    font-weight: 500;
    font-size: clamp(13px, 1.8vw, 19px);
    margin-bottom: 1.5%;
}

.mini-led .contrast__text {
    font-size: clamp(11px, 1.5vw, 16px);
    line-height: 1.45;
    color: #fff;
    margin: 0;
}

/* .mini-led .contrast__media {
    gap: 1%;
} */

.mini-led .contrast__left {

    height: auto;
    margin-bottom: 4%;
}

.mini-led .contrast__right {

    height: auto;
}

/* ---------- Bloque: Más brillo por más tiempo ---------- */
.mini-led .bright {
    background: #2b2b2f url("/wp-content/uploads/2026/07/bg-4.jpg") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    flex-direction: column;
}

.mini-led .bright__body {
    padding: 5% 0 0 4%;
    color: #fff;
}

.mini-led .bright__title {
    font-weight: 500;
    font-size: clamp(20px, 3.6vw, 40px);
    margin-bottom: 3%;
}

.mini-led .bright__text {
    font-size: clamp(11px, 1.55vw, 17px);
    line-height: 1.45;
    color: #fff;
    margin-bottom: 6%;
}

.mini-led .bright__features {
    margin: 0;
}

.mini-led .bright__features li {
    margin-bottom: 3%;
}

.mini-led .bright__features img {
    width: clamp(16px, 2vw, 24px);
    height: auto;
    margin-right: 12px;
}

.mini-led .bright__features span {
    font-size: clamp(12px, 1.7vw, 17px);
    font-weight: 300;
    color: #f0b682;
}

.mini-led .bright__source {
    margin-top: auto;
    margin-bottom: 0;
    padding: 0 2% 1.5% 0;
    font-size: clamp(7px, 1vw, 11px);
    line-height: 1.4;
    color: #fff;
    text-align: end;


}

/* ---------- Bloque: Bordes más definidos (Lente PowerFocus) ---------- */
.mini-led .focus {
    background: #000 url("/wp-content/uploads/2026/07/bg-5-1.jpg") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    align-items: flex-start;
}

.mini-led .focus__body {
    padding: 5% 0 0 4%;
    color: #fff;
}

.mini-led .focus__title {
    font-weight: 500;
    font-size: clamp(20px, 3.8vw, 42px);
    line-height: 1.1;
    margin-bottom: 2%;
}

.mini-led .focus__subtitle {
    font-weight: 400;
    font-size: clamp(13px, 1.9vw, 21px);
    margin-bottom: 4%;
}

.mini-led .focus__text {
    font-size: clamp(11px, 1.55vw, 17px);
    line-height: 1.5;
    color: #e6e6e6;
    margin: 0;
}

/* ---------- Bloque: Hi-View AI Engine ---------- */
.mini-led .engine {
    background: #000 url("/wp-content/uploads/2026/07/bg-6.png") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    align-items: flex-start;
}

.mini-led .engine__head {
    max-width: 950px;
    padding-top: 4%;
    color: #fff;
}

.mini-led .engine__title {
    font-weight: 500;
    font-size: clamp(20px, 3.6vw, 38px);
    margin-bottom: 1.5%;
}

.mini-led .engine__subtitle {
    font-weight: 400;
    font-size: clamp(13px, 1.8vw, 20px);
    margin-bottom: 1.5%;
}

.mini-led .engine__text {
    font-size: clamp(11px, 1.5vw, 16px);
    line-height: 1.45;
    color: #dcdcdc;
    margin: 0;
}

/* ---------- Bloque: Colores vivos y uniformes (Hi-QLED) ---------- */
.mini-led .qled {
    background: #0a0d0a url("/wp-content/uploads/2026/07/bg-7.png") no-repeat center center;
    background-size: cover;
    padding: 3% 3% 3% 4%;
}

.mini-led .qled__body {
    color: #fff;
}

.mini-led .qled__title {
    font-weight: 500;
    font-size: clamp(22px, 4vw, 44px);
    line-height: 1.1;
    margin-bottom: 4%;
}

.mini-led .qled__text {
    font-size: clamp(11px, 1.6vw, 17px);
    line-height: 1.5;
    color: #e6e6e6;
    margin-bottom: 8%;
}

.mini-led .qled__diagram {
    display: block;
    height: auto;
}

.mini-led .qled__diagram--hi {
    margin-bottom: 6%;
}

.mini-led .qled__diagram--conv {}

.mini-led .qled__tv {
    width: 100%;
}

/* ---------- Bloque: Perfección visual (Vidaa IA) ---------- */
.mini-led .visual {
    position: relative;
    background: #0a0a0a url("/wp-content/uploads/2026/07/bg-8.png") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3%;
}

/* Burbuja del asistente (overlay flotante) */
.mini-led .visual__bubble {
    position: absolute;
    top: 11%;
    right: 20%;
    max-width: 33%;
}

.mini-led .visual__bubble-text {
    position: absolute;
    top: 70%;
    left: 40%;
    transform: translate(-50%, -50%);
    width: 68%;
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: clamp(7px, 1.05vw, 12px);
    line-height: 1.2;
}

/* Título inferior */
.mini-led .visual__title {
    font-weight: 800;
    letter-spacing: 0.02em;
    font-size: clamp(26px, 5vw, 56px);
    margin-bottom: 0.5%;
    background: linear-gradient(90deg, #1b6ef3 0%, #3aa0ff 40%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.mini-led .visual__subtitle {
    font-weight: 300;
    font-size: clamp(13px, 2vw, 22px);
    color: #fff;
    margin: 0;
}

/* ---------- Bloque: Líder en grandes pantallas ---------- */
.mini-led .leader {
    background: #0a0a0a url("/wp-content/uploads/2026/07/bg-9.png") no-repeat center center;
    background-size: cover;
    aspect-ratio: 1160 / 560;
    display: flex;
    align-items: center;
}

.mini-led .leader__body {
    padding-right: 5%;
    padding-left: 2%;
}

.mini-led .leader__title {
    font-weight: 800;
    line-height: 1.02;
    font-size: clamp(28px, 5.4vw, 60px);
    margin-bottom: 4%;
    background: linear-gradient(180deg, #5fd0c0 0%, #9fd08a 35%, #e9dfa2 62%, #f0932b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.mini-led .leader__subtitle {
    font-weight: 400;
    font-size: clamp(15px, 2.2vw, 26px);
    line-height: 1.15;
    color: #fff;
    margin: 0;
}


@media (max-width: 767px) {
    .mini-led .bright__features {
        float: right;
        margin-right: 20px;
        background: #000000c7;
        padding: 20px;
        margin-bottom: 20px;
    }

    .mini-led .focus {
        background: #000;
    }

    .mini-led .focus .lends {
        background: #000;
    }

}