p{
    font-size: 15px;
}

/* =========================================================
   QUIÉNES SOMOS
   Mundo Tecnológico
   Prefijo exclusivo: tb-about-
========================================================= */

.tb-about-container {

    width: 100%;

    max-width: 1250px;

    margin: 0 auto;

    padding-left: 20px;
    padding-right: 20px;

}


/* =========================================================
   HERO
========================================================= */

.tb-about-hero {

    position: relative;

    overflow: hidden;

    padding:
        65px
        0;

    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(0,102,255,.25),
            transparent 35%
        ),

        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );

}


.tb-about-hero::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -120px;
    top: -150px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 50%;

}


.tb-about-hero::after {

    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -90px;
    bottom: -100px;

    border-radius: 50%;

    background:
        rgba(0,102,255,.08);

}


.tb-about-hero .tb-about-container {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


.tb-about-hero-content {

    max-width: 750px;

}


.tb-about-label {

    display: inline-block;

    margin-bottom: 10px;

    color:
        #60a5fa;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;

}


.tb-about-hero h1 {

    margin:
        0
        0
        10px;

    color:
        #ffffff;

    font-size: 38px;

    font-weight: 800;

}


.tb-about-hero p {

    margin:
        0
        0
        20px;

    color:
        #cbd5e1;

    font-size: 13px;

}


.tb-about-breadcrumb {

    display: flex;

    align-items: center;

    gap: 9px;

    color:
        #94a3b8;

    font-size: 10px;

}


.tb-about-breadcrumb a {

    color:
        #60a5fa;

}


.tb-about-hero-icon {

    width: 100px;
    height: 100px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 24px;

    background:
        rgba(255,255,255,.06);

    color:
        #60a5fa;

    font-size: 40px;

}


/* =========================================================
   MAIN
========================================================= */

.tb-about-main {

    padding:
        65px
        0;

    background:
        #f7f9fc;

}


/* =========================================================
   INTRO
========================================================= */

.tb-about-intro {

    display: grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap: 70px;

    align-items: center;

    margin-bottom: 80px;

}


.tb-about-intro-image {

    position: relative;

    min-height: 390px;

}


.tb-about-image-card {

    width: 100%;
    height: 390px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 50px;

    overflow: hidden;

    border-radius: 24px;

    background:
        #ffffff;

    box-shadow:
        0 20px 50px
        rgba(15,23,42,.08);

}


.tb-about-image-card img {

    width: 80%;

    max-width: 320px;

    object-fit:
        contain;

}


.tb-about-experience {

    position: absolute;

    right: -25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding:
        15px
        18px;

    border-radius: 14px;

    background:
        #ffffff;

    box-shadow:
        0 15px 35px
        rgba(15,23,42,.13);

}


.tb-about-experience i {

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        #eff6ff;

    color:
        #0066ff;

}


.tb-about-experience strong {

    display: block;

    color:
        #111827;

    font-size: 11px;

}


.tb-about-experience span {

    display: block;

    margin-top: 3px;

    color:
        #7b8492;

    font-size: 9px;

}


.tb-about-section-label {

    display: inline-block;

    margin-bottom: 9px;

    color:
        #0066ff;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.tb-about-intro-content h2 {

    margin:
        0
        0
        20px;

    color:
        #111827;

    font-size: 30px;

    font-weight: 800;

}


.tb-about-intro-content p {

    margin:
        0
        0
        15px;

    color:
        #697384;

    font-size: 15px;

    line-height: 1.9;

}


.tb-about-intro-content p strong {

    color:
        #111827;

}


.tb-about-location {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 25px;

    padding:
        14px;

    border:
        1px solid
        #e3e8ef;

    border-radius: 12px;

    background:
        #ffffff;

}


.tb-about-location-icon {

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 10px;

    background:
        #eff6ff;

    color:
        #0066ff;

}


.tb-about-location strong {

    display: block;

    margin-bottom: 3px;

    color:
        #111827;

    font-size: 10px;

}


.tb-about-location span {

    display: block;

    color:
        #7a8390;

    font-size: 9px;

}


/* =========================================================
   HEADING
========================================================= */

.tb-about-section-heading {

    margin-bottom: 35px;

    text-align:
        center;

}


.tb-about-section-heading h2 {

    margin:
        0
        0
        10px;

    color:
        #111827;

    font-size: 28px;

    font-weight: 800;

}


.tb-about-section-heading p {

    max-width: 550px;

    margin:
        0
        auto;

    color:
        #7a8390;

    font-size: 10px;

    line-height: 1.8;

}


/* =========================================================
   VALUES
========================================================= */

.tb-about-values {

    margin-bottom: 70px;

}


.tb-about-values-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 16px;

}


.tb-about-value {

    padding:
        25px
        20px;

    border:
        1px solid
        #e4e8ee;

    border-radius: 16px;

    background:
        #ffffff;

    box-shadow:
        0 8px 25px
        rgba(15,23,42,.04);

    transition:
        .25s ease;

}


.tb-about-value:hover {

    transform:
        translateY(-5px);

    border-color:
        #d5e4ff;

    box-shadow:
        0 18px 35px
        rgba(15,23,42,.09);

}


.tb-about-value-icon {

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 12px;

    background:
        #eff6ff;

    color:
        #0066ff;

    font-size: 19px;

}


.tb-about-value h3 {

    margin:
        0
        0
        9px;

    color:
        #111827;

    font-size: 12px;

    font-weight: 800;

}


.tb-about-value p {

    margin: 0;

    color:
        #7a8390;

    font-size: 9px;

    line-height: 1.8;

}


/* =========================================================
   SHIPPING
========================================================= */

.tb-about-shipping {

    display: flex;

    align-items: center;

    gap: 20px;

    padding:
        28px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );

    box-shadow:
        0 18px 45px
        rgba(15,23,42,.12);

}


.tb-about-shipping-icon {

    width: 60px;
    height: 60px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 15px;

    background:
        rgba(255,255,255,.08);

    color:
        #60a5fa;

    font-size: 23px;

}


.tb-about-shipping-content {

    flex: 1;

}


.tb-about-shipping-content span {

    display: block;

    margin-bottom: 5px;

    color:
        #60a5fa;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.tb-about-shipping-content h2 {

    margin:
        0
        7px;

    color:
        #ffffff;

    font-size: 17px;

    font-weight: 800;

}


.tb-about-shipping-content p {

    max-width: 650px;

    margin: 0;

    color:
        #aeb9cb;

    font-size: 9px;

    line-height: 1.8;

}


.tb-about-whatsapp-button {

    display: flex;

    align-items: center;

    gap: 8px;

    min-height: 42px;

    padding:
        0
        15px;

    border-radius: 9px;

    background:
        #25d366;

    color:
        #ffffff !important;

    white-space:
        nowrap;

    font-size: 9px;

    font-weight: 700;

    transition:
        .2s ease;

}


.tb-about-whatsapp-button:hover {

    transform:
        translateY(-2px);

    background:
        #20b957;

}


/* =========================================================
   WHATSAPP FLOTANTE
========================================================= */

.tb-about-whatsapp {

    position: fixed;

    right: 25px;
    bottom: 25px;

    z-index: 9999;

}


.tb-about-whatsapp a {

    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        #25d366;

    color:
        #ffffff;

    font-size: 27px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.18);

    transition:
        .2s ease;

}


.tb-about-whatsapp a:hover {

    transform:
        scale(1.08);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .tb-about-intro {

        grid-template-columns:
            1fr 1fr;

        gap: 40px;

    }


    .tb-about-values-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .tb-about-container {

        padding-left: 15px;
        padding-right: 15px;

    }


    .tb-about-hero {

        padding:
            45px
            0;

    }


    .tb-about-hero h1 {

        font-size:
            28px;

    }


    .tb-about-hero-icon {

        width:
            70px;

        height:
            70px;

        border-radius:
            17px;

        font-size:
            28px;

    }


    .tb-about-main {

        padding:
            45px
            0;

    }


    .tb-about-intro {

        grid-template-columns:
            1fr;

        gap:
            35px;

        margin-bottom:
            55px;

    }


    .tb-about-intro-image {

        min-height:
            280px;

    }


    .tb-about-image-card {

        height:
            280px;

    }


    .tb-about-experience {

        right:
            10px;

        bottom:
            15px;

    }


    .tb-about-intro-content h2 {

        font-size:
            25px;

    }


    .tb-about-values-grid {

        grid-template-columns:
            1fr;

    }


    .tb-about-shipping {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    .tb-about-whatsapp-button {

        width:
            100%;

        justify-content:
            center;

    }

}


/* =========================================================
   CELULAR PEQUEÑO
========================================================= */

@media (max-width: 450px) {

    .tb-about-hero .tb-about-container {

        display:
            block;

    }


    .tb-about-hero-icon {

        display:
            none;

    }


    .tb-about-hero h1 {

        font-size:
            24px;

    }


    .tb-about-hero p {

        font-size:
            10px;

    }


    .tb-about-image-card {

        padding:
            30px;

    }


    .tb-about-experience {

        right:
            5px;

        padding:
            11px;

    }


    .tb-about-shipping {

        padding:
            20px;

    }


    .tb-about-shipping-content h2 {

        font-size:
            15px;

    }


    .tb-about-whatsapp {

        right:
            15px;

        bottom:
            15px;

    }


    .tb-about-whatsapp a {

        width:
            52px;

        height:
            52px;

        font-size:
            24px;

    }

}


/* =========================================================
   MUNDO TECNOLÓGICO
   DEVOLUCIONES Y GARANTÍAS
   Prefijo exclusivo: tb-return-
========================================================= */


/* =========================================================
   CONTENEDOR GENERAL
========================================================= */

.tb-return-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================================
   HERO
========================================================= */

.tb-return-hero {
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(0, 102, 255, 0.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );
}

.tb-return-hero::before {
    content: "";
    position: absolute;

    width: 320px;
    height: 320px;

    right: -130px;
    top: -170px;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.tb-return-hero::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    left: -120px;
    bottom: -150px;

    border-radius: 50%;

    background: rgba(0,102,255,.08);
}

.tb-return-hero .tb-return-container {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;
}

.tb-return-hero-content {
    max-width: 750px;
}

.tb-return-label {
    display: block;

    margin-bottom: 10px;

    color: #60a5fa;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
}

.tb-return-hero h1 {
    margin: 0 0 10px;

    color: #ffffff;

    font-size: 36px;
    line-height: 1.2;

    font-weight: 800;
}

.tb-return-hero p {
    margin: 0 0 20px;

    color: #cbd5e1;

    font-size: 12px;
    line-height: 1.7;
}

.tb-return-breadcrumb {
    display: flex;
    align-items: center;

    gap: 9px;

    color: #94a3b8;

    font-size: 9px;
}

.tb-return-breadcrumb a {
    color: #60a5fa;
    text-decoration: none;
}

.tb-return-breadcrumb a:hover {
    color: #93c5fd;
}

.tb-return-hero-icon {
    width: 95px;
    height: 95px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border: 1px solid rgba(255,255,255,.12);

    border-radius: 22px;

    background: rgba(255,255,255,.06);

    color: #60a5fa;

    font-size: 37px;

    backdrop-filter: blur(10px);
}


/* =========================================================
   CONTENIDO PRINCIPAL
========================================================= */

.tb-return-main {
    padding: 60px 0;

    background: #f7f9fc;
}


/* =========================================================
   INTRODUCCIÓN
========================================================= */

.tb-return-intro {
    display: flex;
    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;
    padding: 25px;

    border: 1px solid #e4e8ef;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 30px rgba(15,23,42,.04);
}

.tb-return-intro-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 12px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 20px;
}

.tb-return-section-label {
    display: inline-block;

    margin-bottom: 7px;

    color: #0066ff;

    font-size: 8px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.tb-return-intro h2 {
    margin: 0 0 12px;

    color: #111827;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 800;
}

.tb-return-intro p {
    margin: 0 0 10px;

    color: #687385;

    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   TARJETAS
========================================================= */

.tb-return-card {
    overflow: hidden;

    margin-bottom: 20px;

    border: 1px solid #e4e8ef;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 30px rgba(15,23,42,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.tb-return-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 15px 40px rgba(15,23,42,.07);
}


/* =========================================================
   CABECERA TARJETA
========================================================= */

.tb-return-card-header {
    display: flex;
    align-items: center;

    gap: 15px;

    padding: 22px 25px;

    border-bottom:
        1px solid #edf0f4;
}

.tb-return-card-icon {
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 11px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 18px;
}

.tb-return-card-header span {
    display: block;

    margin-bottom: 3px;

    color: #94a3b8;

    font-size: 8px;
    font-weight: 700;
}

.tb-return-card-header h2 {
    margin: 0;

    color: #111827;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 800;
}


/* =========================================================
   CONTENIDO TARJETA
========================================================= */

.tb-return-card-content {
    padding: 25px;
}

.tb-return-card-content > p {
    margin: 0 0 13px;

    color: #687385;

    font-size: 15px;
    line-height: 1.9;
}


/* =========================================================
   NOTA / SIC
========================================================= */

.tb-return-note {
    margin-top: 20px;

    padding: 18px;

    border-left:
        3px solid #0066ff;

    border-radius:
        0 10px 10px 0;

    background: #f7faff;
}

.tb-return-note > i {
    display: block;

    margin-bottom: 8px;

    color: #0066ff;

    font-size: 14px;
}

.tb-return-note p {
    margin: 0 0 8px;

    color: #596577;

    font-size: 9px;

    font-style: italic;

    line-height: 1.8;
}

.tb-return-note span {
    color: #8a94a4;

    font-size: 8px;

    font-weight: 700;
}


/* =========================================================
   REQUISITOS DE GARANTÍA
========================================================= */

.tb-return-requirements {
    margin-top: 25px;
}

.tb-return-requirements h3 {
    margin: 0 0 15px;

    color: #111827;

    font-size: 11px;

    font-weight: 800;
}

.tb-return-requirement {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 12px;

    padding: 13px;

    border: 1px solid #edf0f4;

    border-radius: 10px;

    background: #ffffff;

    transition: .2s ease;
}

.tb-return-requirement:hover {
    border-color: #d7e5ff;

    background: #fbfdff;
}

.tb-return-requirement > span {
    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 7px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 8px;

    font-weight: 800;
}

.tb-return-requirement p {
    margin: 0;

    color: #697486;

    font-size: 9px;

    line-height: 1.8;
}


/* =========================================================
   ALERTA — PÉRDIDA DE GARANTÍA
========================================================= */

.tb-return-warning {
    border-color: #f1e2c2;
}

.tb-return-warning .tb-return-card-icon {
    background: #fff7e8;

    color: #d99000;
}

.tb-return-warning .tb-return-card-header {
    background: #fffdfa;
}


/* =========================================================
   LISTA DE PÉRDIDA DE GARANTÍA
========================================================= */

.tb-return-loss-list {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 12px;
}

.tb-return-loss-item {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 15px;

    border: 1px solid #edf0f4;

    border-radius: 10px;

    background: #ffffff;

    transition: .2s ease;
}

.tb-return-loss-item:hover {
    border-color: #f1dede;

    background: #fffdfd;
}

.tb-return-loss-item > i {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 7px;

    background: #fff1f1;

    color: #dc3545;

    font-size: 10px;
}

.tb-return-loss-item p {
    margin: 0;

    color: #697486;

    font-size: 9px;

    line-height: 1.8;
}


/* =========================================================
   UBICACIÓN / ATENCIÓN
========================================================= */

.tb-return-location {
    display: flex;
    align-items: center;

    gap: 20px;

    padding: 28px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );

    box-shadow:
        0 18px 45px rgba(15,23,42,.12);
}

.tb-return-location-icon {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 14px;

    background:
        rgba(255,255,255,.08);

    color: #60a5fa;

    font-size: 22px;
}

.tb-return-location-content {
    flex: 1;
}

.tb-return-location-content > span {
    display: block;

    margin-bottom: 5px;

    color: #60a5fa;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;
}

.tb-return-location-content h2 {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 18px;

    font-weight: 800;
}

.tb-return-location-content > p {
    max-width: 650px;

    margin: 0 0 18px;

    color: #aeb9cb;

    font-size: 9px;

    line-height: 1.8;
}


/* =========================================================
   DIRECCIÓN
========================================================= */

.tb-return-address,
.tb-return-hours {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin-bottom: 10px;
}

.tb-return-address > div:first-child,
.tb-return-hours > div:first-child {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 7px;

    background:
        rgba(255,255,255,.07);

    color: #60a5fa;

    font-size: 10px;
}

.tb-return-address strong,
.tb-return-hours strong {
    display: block;

    margin-bottom: 3px;

    color: #ffffff;

    font-size: 9px;
}

.tb-return-address p,
.tb-return-hours p {
    margin: 0;

    color: #9caabd;

    font-size: 8px;

    line-height: 1.7;
}


/* =========================================================
   BOTÓN CONTACTO
========================================================= */

.tb-return-contact-button {
    min-height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 16px;

    border-radius: 9px;

    background: #25d366;

    color: #ffffff !important;

    font-size: 9px;

    font-weight: 700;

    white-space: nowrap;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.tb-return-contact-button:hover {
    transform: translateY(-2px);

    background: #20b957;

    box-shadow:
        0 8px 20px rgba(37,211,102,.2);
}


/* =========================================================
   WHATSAPP FLOTANTE
========================================================= */

.tb-return-whatsapp {
    position: fixed;

    right: 25px;
    bottom: 25px;

    z-index: 9999;
}

.tb-return-whatsapp a {
    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #25d366;

    color: #ffffff !important;

    font-size: 27px;

    text-decoration: none;

    box-shadow:
        0 8px 25px rgba(0,0,0,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.tb-return-whatsapp a:hover {
    transform: scale(1.08);

    box-shadow:
        0 12px 30px rgba(37,211,102,.28);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .tb-return-loss-list {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   TABLET PEQUEÑA
========================================================= */

@media (max-width: 800px) {

    .tb-return-location {
        flex-wrap: wrap;
    }

    .tb-return-contact-button {
        width: 100%;
    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 700px) {

    .tb-return-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tb-return-hero {
        padding: 45px 0;
    }

    .tb-return-hero h1 {
        font-size: 27px;
    }

    .tb-return-hero p {
        font-size: 10px;
    }

    .tb-return-hero-icon {
        width: 70px;
        height: 70px;

        border-radius: 17px;

        font-size: 27px;
    }

    .tb-return-main {
        padding: 40px 0;
    }

    .tb-return-intro {
        padding: 20px;
    }

    .tb-return-card-header {
        padding: 18px;
    }

    .tb-return-card-content {
        padding: 20px;
    }

    .tb-return-location {
        flex-direction: column;

        align-items: flex-start;

        padding: 22px;
    }

    .tb-return-contact-button {
        width: 100%;
    }

}


/* =========================================================
   MÓVIL PEQUEÑO
========================================================= */

@media (max-width: 450px) {

    .tb-return-hero .tb-return-container {
        display: block;
    }

    .tb-return-hero-icon {
        display: none;
    }

    .tb-return-hero h1 {
        font-size: 23px;
    }

    .tb-return-intro {
        flex-direction: column;
    }

    .tb-return-card-header {
        gap: 10px;
    }

    .tb-return-card-header h2 {
        font-size: 15px;
    }

    .tb-return-card-content > p {
        font-size: 9px;
    }

    .tb-return-whatsapp {
        right: 15px;
        bottom: 15px;
    }

    .tb-return-whatsapp a {
        width: 52px;
        height: 52px;

        font-size: 24px;
    }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

.tb-return-contact-button:focus,
.tb-return-whatsapp a:focus,
.tb-return-breadcrumb a:focus {
    outline:
        3px solid
        rgba(96,165,250,.35);

    outline-offset: 3px;
}

/* =========================================================
   MUNDO TECNOLÓGICO
   TÉRMINOS Y CONDICIONES

   Prefijo exclusivo:
   tb-terms-
========================================================= */


/* =========================================================
   CONTENEDOR
========================================================= */

.tb-terms-container {

    width: 100%;

    max-width: 1250px;

    margin: 0 auto;

    padding: 0 20px;

}


/* =========================================================
   HERO
========================================================= */

.tb-terms-hero {

    position: relative;

    overflow: hidden;

    padding: 60px 0;

    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(0,102,255,.25),
            transparent 35%
        ),

        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );

}


.tb-terms-hero::before {

    content: "";

    position: absolute;

    width: 320px;

    height: 320px;

    right: -130px;

    top: -170px;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 50%;

}


.tb-terms-hero::after {

    content: "";

    position: absolute;

    width: 220px;

    height: 220px;

    left: -120px;

    bottom: -150px;

    border-radius: 50%;

    background:
        rgba(0,102,255,.08);

}


.tb-terms-hero .tb-terms-container {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


.tb-terms-hero-content {

    max-width: 750px;

}


.tb-terms-label {

    display: block;

    margin-bottom: 10px;

    color: #60a5fa;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


.tb-terms-hero h1 {

    margin: 0 0 10px;

    color: #ffffff;

    font-size: 36px;

    line-height: 1.2;

    font-weight: 800;

}


.tb-terms-hero p {

    margin: 0 0 20px;

    color: #cbd5e1;

    font-size: 12px;

    line-height: 1.7;

}


.tb-terms-breadcrumb {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #94a3b8;

    font-size: 9px;

}


.tb-terms-breadcrumb a {

    color: #60a5fa;

    text-decoration: none;

}


.tb-terms-breadcrumb a:hover {

    color: #93c5fd;

}


.tb-terms-hero-icon {

    width: 95px;

    height: 95px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius: 22px;

    background:
        rgba(255,255,255,.06);

    color: #60a5fa;

    font-size: 37px;

    backdrop-filter: blur(10px);

}


/* =========================================================
   MAIN
========================================================= */

.tb-terms-main {

    padding: 60px 0;

    background: #f7f9fc;

}


/* =========================================================
   INTRO
========================================================= */

.tb-terms-intro {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 25px;

    padding: 25px;

    border:
        1px solid
        #e4e8ef;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.04);

}


.tb-terms-intro-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 12px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 20px;

}


.tb-terms-section-label {

    display: inline-block;

    margin-bottom: 7px;

    color: #0066ff;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.tb-terms-intro h2 {

    margin: 0 0 12px;

    color: #111827;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 800;

}


.tb-terms-intro p {

    margin: 0 0 10px;

    color: #687385;

    font-size: 10px;

    line-height: 1.85;

}


/* =========================================================
   ÍNDICE
========================================================= */

.tb-terms-index {

    margin-bottom: 25px;

    padding: 22px;

    border:
        1px solid
        #e4e8ef;

    border-radius: 18px;

    background: #ffffff;

}


.tb-terms-index-title {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    color: #111827;

    font-size: 12px;

}


.tb-terms-index-title i {

    color: #0066ff;

}


.tb-terms-index-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 10px;

}


.tb-terms-index-grid a {

    display: flex;

    align-items: center;

    gap: 9px;

    min-height: 40px;

    padding: 8px 10px;

    border:
        1px solid
        #edf0f4;

    border-radius: 9px;

    color: #687385;

    font-size: 8px;

    font-weight: 600;

    text-decoration: none;

    transition: .2s ease;

}


.tb-terms-index-grid a:hover {

    border-color:
        #cfe0ff;

    background:
        #f7faff;

    color:
        #0066ff;

    transform:
        translateY(-1px);

}


.tb-terms-index-grid span {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 6px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 7px;

    font-weight: 800;

}


/* =========================================================
   CARDS
========================================================= */

.tb-terms-card {

    overflow: hidden;

    margin-bottom: 20px;

    border:
        1px solid
        #e4e8ef;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.04);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.tb-terms-card:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 15px 40px
        rgba(15,23,42,.07);

}


/* =========================================================
   CARD HEADER
========================================================= */

.tb-terms-card-header {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 22px 25px;

    border-bottom:
        1px solid
        #edf0f4;

}


.tb-terms-card-icon {

    width: 46px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 11px;

    background: #eff6ff;

    color: #0066ff;

    font-size: 18px;

}


.tb-terms-card-header span {

    display: block;

    margin-bottom: 3px;

    color: #94a3b8;

    font-size: 8px;

    font-weight: 700;

}


.tb-terms-card-header h2 {

    margin: 0;

    color: #111827;

    font-size: 17px;

    line-height: 1.3;

    font-weight: 800;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.tb-terms-card-content {

    padding: 25px;

}


.tb-terms-card-content > p {

    margin: 0 0 13px;

    color: #687385;

    font-size: 10px;

    line-height: 1.9;

}


/* =========================================================
   SECURITY BOX
========================================================= */

.tb-terms-security {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin: 20px 0;

    padding: 16px;

    border:
        1px solid
        #dbeafe;

    border-radius: 11px;

    background:
        #f7faff;

}


.tb-terms-security-icon {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        #eff6ff;

    color:
        #0066ff;

}


.tb-terms-security strong {

    display: block;

    margin-bottom: 4px;

    color: #111827;

    font-size: 9px;

}


.tb-terms-security p {

    margin: 0;

    color: #687385;

    font-size: 8px;

    line-height: 1.7;

}


/* =========================================================
   PAYMENT BOX
========================================================= */

.tb-terms-payment {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-top: 20px;

    padding: 16px;

    border:
        1px solid
        #e5e7eb;

    border-radius: 11px;

    background:
        #fafafa;

}


.tb-terms-payment > i {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        #eff6ff;

    color:
        #0066ff;

}


.tb-terms-payment strong {

    display: block;

    margin-bottom: 4px;

    color: #111827;

    font-size: 9px;

}


.tb-terms-payment p {

    margin: 0;

    color: #687385;

    font-size: 8px;

    line-height: 1.7;

}


/* =========================================================
   WARNING
========================================================= */

.tb-terms-warning {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin: 20px 0;

    padding: 16px;

    border:
        1px solid
        #f4dfb1;

    border-radius: 11px;

    background:
        #fffaf0;

}


.tb-terms-warning > i {

    width: 35px;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        #fff1cf;

    color:
        #d99000;

}


.tb-terms-warning p {

    margin: 0;

    color:
        #74654b;

    font-size: 9px;

    line-height: 1.8;

}


/* =========================================================
   PRIVACY BOX
========================================================= */

.tb-terms-privacy-box {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-top: 20px;

    padding: 18px;

    border-radius: 11px;

    background:
        #eff6ff;

}


.tb-terms-privacy-box > i {

    color:
        #0066ff;

    font-size: 17px;

}


.tb-terms-privacy-box p {

    margin: 0;

    color:
        #536174;

    font-size: 9px;

    line-height: 1.8;

}


/* =========================================================
   CONTACTO
========================================================= */

.tb-terms-contact {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 28px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #172554
        );

    box-shadow:
        0 18px 45px
        rgba(15,23,42,.12);

}


.tb-terms-contact-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 14px;

    background:
        rgba(255,255,255,.08);

    color:
        #60a5fa;

    font-size: 22px;

}


.tb-terms-contact-content {

    flex: 1;

}


.tb-terms-contact-content span {

    display: block;

    margin-bottom: 5px;

    color:
        #60a5fa;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.tb-terms-contact-content h2 {

    margin: 0 0 7px;

    color:
        #ffffff;

    font-size: 18px;

    font-weight: 800;

}


.tb-terms-contact-content p {

    max-width: 650px;

    margin: 0;

    color:
        #aeb9cb;

    font-size: 9px;

    line-height: 1.8;

}


.tb-terms-contact-button {

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding:
        0 18px;

    border-radius: 9px;

    background:
        #25d366;

    color:
        #ffffff !important;

    font-size: 9px;

    font-weight: 700;

    white-space:
        nowrap;

    text-decoration:
        none !important;

    transition:
        .2s ease;

}


.tb-terms-contact-button:hover {

    transform:
        translateY(-2px);

    background:
        #20b957;

    box-shadow:
        0 8px 20px
        rgba(37,211,102,.2);

}


/* =========================================================
   WHATSAPP FLOTANTE
========================================================= */

.tb-terms-whatsapp {

    position: fixed;

    right: 25px;

    bottom: 25px;

    z-index: 9999;

}


.tb-terms-whatsapp a {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        #25d366;

    color:
        #ffffff !important;

    font-size: 27px;

    text-decoration:
        none;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;

}


.tb-terms-whatsapp a:hover {

    transform:
        scale(1.08);

    box-shadow:
        0 12px 30px
        rgba(37,211,102,.28);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .tb-terms-index-grid {

        grid-template-columns:
            repeat(2, 1fr);

    }

}


/* =========================================================
   TABLET PEQUEÑA
========================================================= */

@media (max-width: 800px) {

    .tb-terms-contact {

        flex-wrap: wrap;

    }

    .tb-terms-contact-button {

        width: 100%;

    }

}


/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 700px) {

    .tb-terms-container {

        padding-left: 15px;

        padding-right: 15px;

    }


    .tb-terms-hero {

        padding:
            45px 0;

    }


    .tb-terms-hero h1 {

        font-size:
            27px;

    }


    .tb-terms-hero p {

        font-size:
            10px;

    }


    .tb-terms-hero-icon {

        width:
            70px;

        height:
            70px;

        border-radius:
            17px;

        font-size:
            27px;

    }


    .tb-terms-main {

        padding:
            40px 0;

    }


    .tb-terms-intro {

        padding:
            20px;

    }


    .tb-terms-card-header {

        padding:
            18px;

    }


    .tb-terms-card-content {

        padding:
            20px;

    }


    .tb-terms-index {

        padding:
            18px;

    }


    .tb-terms-index-grid {

        grid-template-columns:
            1fr;

    }


    .tb-terms-contact {

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            22px;

    }


    .tb-terms-contact-button {

        width:
            100%;

    }

}


/* =========================================================
   MÓVIL PEQUEÑO
========================================================= */

@media (max-width: 450px) {

    .tb-terms-hero
    .tb-terms-container {

        display:
            block;

    }


    .tb-terms-hero-icon {

        display:
            none;

    }


    .tb-terms-hero h1 {

        font-size:
            23px;

    }


    .tb-terms-intro {

        flex-direction:
            column;

    }


    .tb-terms-card-header {

        gap:
            10px;

    }


    .tb-terms-card-header h2 {

        font-size:
            15px;

    }


    .tb-terms-card-content > p {

        font-size:
            9px;

    }


    .tb-terms-whatsapp {

        right:
            15px;

        bottom:
            15px;

    }


    .tb-terms-whatsapp a {

        width:
            52px;

        height:
            52px;

        font-size:
            24px;

    }

}


/* =========================================================
   ACCESIBILIDAD
========================================================= */

.tb-terms-index-grid a:focus,
.tb-terms-contact-button:focus,
.tb-terms-whatsapp a:focus {

    outline:
        3px solid
        rgba(96,165,250,.35);

    outline-offset:
        3px;

}