/* ====================
   STYLE CSS Global Styles - Altea Prefixed con máxima especificidad para Griky
==================== */

    /* FORZAR BACKGROUND BLANCO PARA TODA LA PÁGINA */
    .Altea-global {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }

    /* FORZAR ESTILOS GLOBALES CON MÁXIMA ESPECIFICIDAD */
    .Altea-global,
    .Altea-global *,
    .Altea-global *:before,
    .Altea-global *:after {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 400 !important;
        color: #232631 !important;
    }

    /* ====================
 Modal Navbar Login
==================== */
    /* Botón personalizado */
    /* Botón personalizado */
    .altea-btn {
        line-height: 120% !important;
        padding: 10px 15px !important;
        border: none !important;
        border-radius: 20px !important;
        cursor: pointer !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        transition: all 0.5s ease !important;
    }

    .altea-btn--primary {
        background: #444BFC !important;
        color: white !important;
    }

    .altea-btn:hover {
        opacity: 0.9 !important;
        transform: translateY(-2px) !important;
    }

    /* Modal base */
    .altea-login-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        inset: 0;
        width: 100%;
        height: 100%;
        background: #00000040;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(0.5px);
    }

    .altea-login-modal__content {
        background: linear-gradient(135deg, #ffffff, #f8faff);
        padding: 30px;
        border-radius: 12px;
        max-width: 320px;
        width: 90%;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        position: relative;
        animation: fadeInScale 0.5s ease;
        margin-top: -9rem;
    }

    /* Animación */
    @keyframes fadeInScale {
        from {
            opacity: 0 !important;
            transform: scale(0.95) !important;
        }

        to {
            opacity: 1 !important;
            transform: scale(1) !important;
        }
    }

    /* Botón cerrar */
    .altea-login-modal__close-btn {
        position: absolute !important;
        top: 15px !important;
        right: 20px !important;
        font-size: 24px !important;
        cursor: pointer !important;
        color: #333 !important;
    }

    /* Header */
    .altea-login-modal__header h1 {
        font-weight: 600 !important;
        font-size: 17px !important;
        color: #26314c !important;
        margin-bottom: 2.5rem !important;
        text-align: left !important;
        position: relative !important;
    }

    .altea-login-modal__header h1::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        bottom: -8px !important;
        width: 42% !important;
        height: 3px !important;
        border-radius: 2px !important;
        background: linear-gradient(90deg, #444BFC, #6b72ff) !important;
    }

    /* Inputs */
    .altea-login-modal__input-icon {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        margin-bottom: 4px !important;
    }

    .altea-login-modal__input-icon svg {
        position: absolute !important;
        left: 12px !important;
    }

    .altea-login-modal__input-icon .altea-login-modal__input {
        padding: 10px !important;
        padding-left: 35px !important;
        width: 100% !important;
        border-radius: 20px !important;
        border: 1px solid #ddd !important;
        transition: border 0.3s ease !important;
        margin-right: 0 !important;
    }

    .altea-login-modal__input-icon .altea-login-modal__input:focus {
        outline: none !important;
        border: 1px solid #444BFC !important;
        box-shadow: 0 0 5px rgba(45, 112, 245, 0.4) !important;
        border-radius: 20px !important;
    }

    /* Footer del form */
    .altea-login-modal__form-bottom {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 5px 0 15px 0 !important;
    }

    .altea-login-modal__remember {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 14px !important;
    }

    .altea-login-modal__forgot-link {
        font-size: 13px !important;
        color: #444BFC !important;
        text-decoration: none !important;
    }

    .altea-login-modal__forgot-link:hover {
        text-decoration: underline !important;
    }

    /* Form */
    .altea-login-modal form {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .altea-login-modal form label {
        font-weight: 500 !important;
        color: #232631 !important;
        font-size: 14px !important;
        display: flex;
    }


    /* Tooltip para botones sin enlaces */
    .btn-disabled {
        position: relative;
        cursor: not-allowed;
        pointer-events: none;
        /* importante para hover */
        /* Opcional: para simular que no se puede clickear */
        opacity: 0.6;
    }

    .tooltip-btn:disabled {
        pointer-events: none;
        /* si quieres, para botones disabled */
    }

    .tooltip-btn:hover .tooltip-text {
        opacity: 1;
    }

    a:hover {
        color: inherit;
        text-decoration: none;
    }

    /* TÍTULOS CON MÁXIMA ESPECIFICIDAD */
    .Altea-global h1,
    .Altea-global h2,
    .Altea-global h3 {
        font-weight: 700 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1rem !important;
    }

    /* PÁRRAFOS CON MÁXIMA ESPECIFICIDAD */
    .Altea-global p {
        font-size: 18px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ====================
 Utility Classes con especificidad máxima
==================== */
    .Altea-global .Altea-flex-row,
    .Altea-global .Altea-justify-start {
        display: flex !important;
    }

    .Altea-global .Altea-flex-row {
        flex-direction: row !important;
    }

    .Altea-global .Altea-flex-col {
        display: flex !important;
        flex-direction: column !important;
    }

    .Altea-global .Altea-text-center {
        text-align: center !important;
    }

    .Altea-global .Altea-bg-primary-900 {
        background-color: #01034E !important;
    }

    .Altea-global .Altea-text-white,
    .Altea-global .Altea-text-white h1,
    .Altea-global .Altea-text-white h2,
    .Altea-global .Altea-text-white h3,
    .Altea-global .Altea-text-white p,
    .Altea-global .Altea-text-white b {
        color: #fff !important;
    }

    /* Margin Y utilities con especificidad máxima */
    .Altea-global .Altea-my-1 {
        margin: 0.25rem 0 !important;
    }

    .Altea-global .Altea-my-2 {
        margin: 0.5rem 0 !important;
    }

    .Altea-global .Altea-my-3 {
        margin: 0.75rem 0 !important;
    }

    .Altea-global .Altea-my-4 {
        margin: 1rem 0 !important;
    }

    .Altea-global .Altea-my-5 {
        margin: 1.25rem 0 !important;
    }

    /* ====================
 Buttons con especificidad máxima
==================== */
    .Altea-global .Altea-btn-primary,
    .Altea-global button.Altea-btn-primary {
        line-height: 120% !important;
        padding: 10px 20px !important;
        background: #444BFC !important;
        color: white !important;
        border: none !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        font-weight: 500 !important;
        transition: all 0.5s ease !important;
        font-size: 16px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-btn-primary:hover,
    .Altea-global button.Altea-btn-primary:hover {
        background: #343BF0 !important;
        transform: translateY(-3px) scale(1.02) !important;
        box-shadow: 0 8px 20px rgba(68, 75, 252, 0.3) !important;
    }

    .Altea-global .Altea-btn {
        line-height: 140%;
        padding: 0.3rem 1rem 0.5rem 1rem !important;
        border-radius: 100px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        transition: all 0.3s !important;
        text-decoration: none !important;
        border: none !important;
        outline: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-btn-outline {
        border: 1px solid #232631 !important;
        color: #232631 !important;
        background: transparent !important;
    }

    .Altea-global .Altea-btn-outline:hover,
    .Altea-btn.Altea-btn-outline.altea-btn-footer:hover {
        background: #444BFC !important;
        color: #fff !important;
        border: 1px solid #444BFC !important;
    }

    .Altea-btn.Altea-btn-outline.altea-btn-footer {
        border: 1px solid white !important;
        color: white !important;
        background: transparent !important;
    }

    /* ====================
 Navbar con especificidad máxima
==================== */
    .Altea-global .Altea-header {
        background-color: white;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99;

    }

    .Altea-global .Altea-navbar,
    nav.Altea-navbar {
        max-width: 1200px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 1rem 0rem !important;
        background-color: #fff !important;
    }



    .Altea-global .Altea-logo {
        font-size: 1.5rem !important;
        font-weight: bold !important;
        text-decoration: none !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-logo img {
        max-width: 80% !important;
        width: 70% !important;
    }

    .Altea-global .Altea-nav-menu {
        display: flex !important;
        list-style: none !important;
        gap: 2rem !important;
    }

    .Altea-global .Altea-nav-menu li a {
        font-weight: 500 !important;
        text-decoration: none !important;
        transition: color 0.3s !important;
        color: #232631 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-nav-menu li a:hover {
        color: #444BFC !important;
    }

    .Altea-global .Altea-nav-buttons {
        display: flex !important;
        gap: 1rem !important;
    }

    .Altea-global .Altea-menu-toggle {
        display: none !important;
        order: 1 !important;
        font-size: 1.5rem !important;
        cursor: pointer !important;
    }

    /* ====================
 Layout & Containers con especificidad máxima
==================== */
    .Altea-global .Altea-container {
        max-width: 1400px !important;
        margin: 0 auto !important;
        display: flex !important;
        gap: 3rem !important;
    }

    .Altea-global .Altea-container-gap {
        display: flex !important;
        gap: 5rem !important;
    }

    .Altea-global .Altea-section {
        max-width: 1200px !important;
        margin: 2rem auto !important;
        padding: 4rem !important;
        padding-bottom: 2rem !important;
    }

    .Altea-global .Altea-section-full {
        background: url(https://webservices.griky.co/resources/microsites/portal/altea/img/bg-secfull9.png) !important;
        background-position: center !important;
        background-size: cover !important;
        margin-bottom: 6rem !important;
    }

    .Altea-global .Altea-section-full-text {
        background: url(https://webservices.griky.co/resources/microsites/portal/altea/img/bg-secfull.png) !important;
        background-position: center !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }

    .Altea-global .Altea-section-full-text .Altea-text-content h2 {
        color: white !important;
        font-size: 2.2rem !important;
        text-align: center !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-section-hero {
        padding: 4rem 0 !important;
    }

    /*.Altea-global .Altea-section-full .Altea-section {
        height: 100% !important;
    }*/

    .Altea-global .Altea-section-full .Altea-container-gap {
        display: flex !important;
        align-items: center !important;
        min-height: 500px !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }

    .Altea-global .Altea-section-full .Altea-text-content h2 {
        color: white !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-section-full .Altea-text-content p {
        color: white !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    /* ====================
 Section Titles & Content con especificidad máxima
==================== */
    .Altea-global .Altea-section-title,
    .Altea-global h2.Altea-section-title {
        font-size: 2.2rem !important;
        margin-bottom: 1.5rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-section-5 .Altea-section-title {
        font-size: 1.8rem !important;
    }

    .Altea-global .Altea-text-content {
        flex: 1 !important;
        padding: 2rem 4rem !important;
    }

    .Altea-global .Altea-text-content h2 {
        margin-bottom: 1rem !important;
        font-size: 1.8rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-text-content p,
    .Altea-global .Altea-text-content ul.Altea-check-list li {
        margin-bottom: 1rem !important;
        line-height: 1.6 !important;
        text-align: start !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    /* ====================
 Hero Section (SEC-1) con especificidad máxima
==================== */
    .Altea-global .Altea-section-1 {
        padding: 4rem 0 !important;
        background-color: #fff !important;
    }

    #home {
        margin-top: -1.5rem !important;
    }

    .Altea-global .Altea-hero {
        position: relative !important;
        height: 90vh !important;
        min-height: 500px !important;
        display: flex !important;
        align-items: center !important;
        /* padding: 0 5% !important; */
        color: #fff;
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/bg-banner.png') center/cover no-repeat !important;
    }

    .Altea-global .Altea-hero-content {
        width: 50% !important;
    }

    .Altea-global .Altea-section-full-1 {
        padding: 3rem 0 !important;
    }

    .Altea-global .Altea-hero h1 {
        font-size: 3.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #fff;
    }

    .Altea-global .Altea-hero p {
        font-size: 1.2rem !important;
        line-height: 1.6 !important;
        margin-bottom: 2rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #fff;
    }

    /* ====================
 Section 2: Certificate (SEC-2) con especificidad máxima
==================== */
    .Altea-global .Altea-section .Altea-container {
        gap: 1rem !important;
        display: flex !important;
    }

    .Altea-global .Altea-text-content-right {
        flex: 1 !important;
        padding-right: 8rem !important;
    }

    .Altea-global .Altea-text-content-right h2 {
        font-size: 2.2rem !important;
        margin-bottom: 1.5rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-text-content-right p {
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
        font-size: 18px !important;
    }

    .Altea-global .Altea-image-content {
        flex: 1 !important;
    }

    .Altea-global .Altea-image-content img {
        width: 100% !important;
        height: auto !important;
        border-radius: 20px !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* ====================
 Section 3 Cards (SEC-3) con especificidad máxima
==================== */
    .Altea-global .Altea-section-3 {
        background: #eaeffd url(https://webservices.griky.co/resources/microsites/portal/altea/img/bg-sec3.png) center/cover no-repeat !important;
        border-radius: 20px !important;
        padding-bottom: 4rem !important;
    }

    .Altea-global .Altea-section-3 .Altea-section-title {
        font-size: 2.2rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0 10rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-section-title-row,
    .Altea-global .Altea-section-3 .Altea-section-title {
        font-size: 2.2rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-section-description {
        max-width: 800px !important;
        margin: 0 auto !important;
        line-height: 1.6 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
        font-size: 18px !important;
    }

    /* ====================
 Section 4 Categories & Services con especificidad máxima
==================== */
    .Altea-global .Altea-section-4 {
        padding: 4rem 0 !important;
        background-color: #fff !important;
    }

    .Altea-global .Altea-section-4 .Altea-section-title {
        font-size: 1.8rem !important;
        margin-bottom: 3rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-categories-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 1rem !important;
    }

    .Altea-global .Altea-category-box {
        min-width: 120px !important;
        min-height: 40px !important;
        padding: 0.8rem 1.5rem !important;
        border: 1px solid #232631 !important;
        border-radius: 30px !important;
        background: #fff !important;
        cursor: pointer !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-height: 1.3 !important;
        overflow-wrap: break-word !important;
        transition: all 0.3s ease !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-category-box:hover {
        background-color: #444BFC !important;
        border-color: #444BFC !important;
        color: #fff !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2) !important;
    }

    .Altea-global .Altea-category-box.active {
        background-color: #444BFC !important;
        border-color: #444BFC !important;
        color: #fff !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2) !important;
    }

    .Altea-cards-container>.Altea-category-content {
        display: flex;
        flex-wrap: wrap !important;
        gap: 2rem !important;
        justify-content: space-between;
    }

    .Altea-cards-container>.Altea-category-content {
        display: none;
    }

    .Altea-category-content.active {
        display: flex !important;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: space-between;
    }

    .Altea-global .Altea-cards-container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 2rem !important;
        justify-content: space-between !important;
        margin: 3rem 0 !important;
    }

    /* Service & Feature Cards con especificidad máxima */
    .Altea-global .Altea-service-card,
    .Altea-global .Altea-service-card-white {
        display: flex !important;
        flex-direction: column !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        transition: transform 0.3s, box-shadow 0.3s !important;
        max-width: 350px !important;
        flex: 1 1 30% !important;
        box-shadow: 0px 4px 25px rgba(68, 75, 252, 0.15) !important;
    }

    .Altea-global .Altea-feature-card-sm {
        display: flex !important;
        flex-direction: row !important;
        border-radius: 20px !important;
        overflow: hidden !important;
        transition: transform 0.3s, box-shadow 0.3s !important;
        align-items: center !important;
    }

    .Altea-feature-card.Altea-feature-card-sm:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    }

    .Altea-global .Altea-feature-card {
        background: #fff !important;
        box-shadow: 0 4px 25px rgba(68, 75, 252, 0.15) !important;
        height: 100%;
    }

    .Altea-global .Altea-card-image,
    .Altea-global .Altea-card-image-sm {
        overflow: hidden !important;
    }

    .Altea-global .Altea-card-image img {
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 8px 8px 0 0 !important;
        transition: transform 0.5s ease !important;
    }

    .Altea-global .Altea-card-image-sm {
        width: 40% !important;
        position: relative !important;
        height: 100%;
    }

    .Altea-global .Altea-card-image-sm img {
        height: 100% !important;
        width: 100% !important;
    }

    .Altea-global .Altea-service-card:hover .Altea-card-image img,
    .Altea-global .Altea-service-card-white:hover .Altea-card-image img,
    .Altea-global .Altea-feature-card:hover {
        transform: scale(1.08) !important;
    }

    .Altea-feature-card.Altea-feature-card-sm.cards-area:hover {
        transform: scale(1.03) !important;
    }

    .Altea-global .Altea-service-card:hover,
    .Altea-global .Altea-service-card-white:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    }

    .Altea-global .Altea-card-text,
    .Altea-global .Altea-card-text-sm {
        flex: 1 !important;
        padding: 1rem 2rem 2rem 2rem !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        font-size: 0.875rem !important;
        transition: transform 0.4s ease !important;
    }

    .Altea-global .Altea-card-text-sm {
        padding: 1rem !important;
        font-size: 0.875rem !important;
    }

    .Altea-global .Altea-card-icon {
        font-size: 2rem !important;
        margin-bottom: 0.5rem !important;
    }

    .Altea-global .Altea-card-title,
    .Altea-global h3.Altea-card-title {
        font-size: 1.2rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631;
    }

    .Altea-global .Altea-card-tag {
        display: inline-block !important;
        background: #f0f7ff !important;
        color: #444BFC !important;
        padding: 0.3rem 1rem !important;
        border-radius: 20px !important;
        font-size: 0.8rem !important;
        margin: 1rem 0 !important;
        width: fit-content !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-card-tag-card-white {
        margin: 0 !important;
    }

    .Altea-global .Altea-card-description {
        line-height: 1.6 !important;
        margin-bottom: 0.5rem !important;
        font-size: 16px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631;
    }

    .Altea-global .Altea-divider {
        height: 1px !important;
        background: #919191 !important;
        margin: 1rem 0 !important;
    }

    .Altea-global .Altea-card-price {
        display: flex !important;
        justify-content: space-between !important;
        font-size: 1.125rem !important;
    }

    .Altea-global .Altea-price-description {
        color: #888 !important;
        font-size: 0.9rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-card-price .Altea-items-price p b {
        font-weight: bold !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-items-price {
        display: flex !important;
        gap: 0.5rem !important;
    }

    .Altea-global .Altea-items-price p:nth-of-type(2) {
        color: #fff !important;
        font-size: 0.875rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-card-footer {
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        margin: 0.5rem 0 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-div-btn {
        margin-top: 3rem !important;
    }

    .Altea-global .Altea-justify-start.Altea-div-btn {
        margin-top: 2rem !important;
    }

    .Altea-global .Altea-card-btn {
        display: flex !important;
        justify-content: center !important;
    }

    /* ====================
 Sections 5,6,7,8 con especificidad máxima
==================== */
    .Altea-global .Altea-section-5 {
        padding: 0 !important;
        background: #fff !important;
    }

    .Altea-global .Altea-section-5 .Altea-flex-col {
        gap: 2rem !important;
    }

    .Altea-global .Altea-cards-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: 1.5rem !important;
        margin: 0.5rem 0 4rem !important;
    }

    .Altea-cards-grid>a {
        text-decoration: none;
    }

    .Altea-global .Altea-section-6 {
        padding: 4rem 0 !important;
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/bg-sec6.png') center/cover no-repeat !important;
        border-radius: 20px !important;
    }

    .Altea-global .Altea-section-10 {
        padding: 4rem 0 !important;
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/bg-sec10.png') center/cover no-repeat !important;
        border-radius: 20px !important;
        margin-bottom: 6rem !important;
    }

    .Altea-global .Altea-image-content-sec6 img {
        width: 100% !important;
        height: auto !important;
        border-radius: 20px !important;
        padding: 1rem !important;
    }

    .Altea-global .Altea-check-list,
    .Altea-global ul.Altea-check-list {
        list-style: none !important;
        padding-left: 0 !important;
    }

    .Altea-global .Altea-check-list li {
        position: relative !important;
        padding-left: 1.5em !important;
        margin-bottom: 0.5em !important;
        line-height: 1.4 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-check-list li::before {
        content: "✓" !important;
        color: #28a745 !important;
        position: absolute !important;
        left: 0 !important;
        font-weight: bold !important;
    }

    .Altea-global .Altea-section-7,
    .Altea-global .Altea-section-8 {
        padding: 3rem 0 !important;
    }

    .Altea-global .Altea-section-7 .Altea-text-content,
    .Altea-global .Altea-section-8 .Altea-text-content {
        font-size: 1.2rem !important;
        padding: 0 !important;
    }

    .Altea-global .Altea-service-card-white .Altea-card-text {
        padding: 1.5rem !important;
        gap: 0.8rem !important;
    }

    .Altea-global .Altea-service-card-white-2 .Altea-card-tag {
        margin: 0 !important;
        margin-bottom: 0 !important;
    }

    .Altea-global .Altea-service-card-white-2 .Altea-card-text {
        gap: 0.5rem !important;
    }

    /* ====================
 Section 10 con especificidad máxima
==================== */
    .Altea-global .Altea-card-logo-text-row,
    .Altea-global .Altea-card-icon-text-row {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 4px 0 !important;
    }

    .Altea-global .Altea-card-logo-small {
        width: 40px !important;
        flex-shrink: 0 !important;
    }

    .Altea-global .Altea-card-icon-small {
        width: 7% !important;
        height: 20px !important;
        flex-shrink: 0 !important;
        background: #f3f3f3 !important;
        padding: 0.1rem !important;
        border-radius: 100px !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* Imágenes responsivas con especificidad máxima */
    .Altea-global .Altea-card-logo-img,
    .Altea-global .Altea-card-icon-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .Altea-global .Altea-card-icon-img {
        filter: contrast(0.5) !important;
        width: 70% !important;
    }

    .Altea-global .Altea-card-subtext {
        font-size: 0.875rem !important;
        color: #6c757d !important;
        margin: 0 !important;
        line-height: 1.4 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    /* Enlace azul con especificidad máxima */
    .Altea-global .Altea-card-link,
    .Altea-global a.Altea-card-link {
        color: #0d6efd !important;
        text-decoration: none !important;
        display: inline-block !important;
        margin: 8px 0 !important;
        font-size: 0.9rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    /* ====================
 Section 11: Switcher con especificidad máxima
==================== */
    .Altea-global .Altea-section-11 {
        padding: 60px 0 !important;
        background: #fff !important;
    }

    .Altea-global .Altea-container-swticher {
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }

    .Altea-global .Altea-section-11-top-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 40px !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .Altea-global .Altea-section-11-title,
    .Altea-global h2.Altea-section-11-title {
        font-size: 2.6rem !important;
        margin: 0 !important;
        flex: 1 !important;
        min-width: 300px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-section-11-card-container-swticher {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        align-items: center !important;
        justify-items: center !important;
    }

    .Altea-global .Altea-section-11-card {
        grid-column: 2 !important;
        background: white !important;
        border-radius: 12px !important;
        padding: 30px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        width: 100% !important;
        max-width: 800px !important;
    }

    .Altea-global .Altea-section-11-switcher {
        display: flex !important;
        background: white !important;
        border-radius: 30px !important;
        border: 1px solid #444BFC !important;
    }

    .Altea-global .Altea-switcher-btn,
    .Altea-global button.Altea-switcher-btn {
        padding: 8px 30px !important;
        border: none !important;
        background: transparent !important;
        border-radius: 30px !important;
        cursor: pointer !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        font-size: 1.2rem !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-switcher-btn.active,
    .Altea-global button.Altea-switcher-btn.active {
        background: #444BFC !important;
        color: white !important;
    }

    .Altea-global .Altea-card-btn .Altea-btn-primary {
        width: 100% !important;
    }

    .Altea-global .Altea-card-main-title,
    .Altea-global h3.Altea-card-main-title {
        font-size: 2.2rem !important;
        color: #232631 !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
    }

    .Altea-title-anual~.Altea-card-main-title-p {
        color: #6c757d !important;
        font-size: 1rem !important;
        margin-bottom: 20px !important;

    }


    .Altea-global .Altea-highlighted-text {
        background: #eaf2ff !important;
        padding: 20px !important;
        border-radius: 8px !important;
        margin-bottom: 25px !important;
    }

    .Altea-global .Altea-checklist,
    .Altea-global ul.Altea-checklist {
        list-style: none !important;
        padding: 0 !important;
    }

    .Altea-global .Altea-checklist-item {
        position: relative !important;
        padding-left: 35px !important;
        margin-bottom: 15px !important;
        line-height: 1.5 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-checklist-item:before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
        width: 22px !important;
        height: 22px !important;
        border: 1px solid #444bfc !important;
        border-radius: 50% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        color: #444bfc !important;
        font-size: 14px !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .Altea-global .Altea-hidden {
        display: none !important;
    }

    /* ====================
 Section 8 con especificidad máxima adicional
==================== */
    .Altea-global .Altea-section-8 {
        padding: 0px 0 3rem 0 !important;
        background-color: #fff !important;
    }

    .Altea-global .Altea-s8-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 20px !important;
        display: flex !important;
        gap: 40px !important;
    }

    .Altea-global .Altea-s8-buttons-col {
        flex: 0 0 140px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }

    .Altea-global .Altea-s8-tab-btn,
    .Altea-global button.Altea-s8-tab-btn {
        line-height: 120% !important;
        padding: 10px !important;
        background: white !important;
        border: none !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        text-align: center !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        border: 1px solid #232631 !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
    }

    .Altea-global .Altea-s8-tab-btn.active,
    .Altea-global button.Altea-s8-tab-btn.active {
        line-height: 120% !important;
        background: #444BFC !important;
        color: white !important;
        border: 1px solid #444BFC !important;
        border-color: #444BFC !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2) !important;
    }

    .Altea-global .Altea-s8-tab-btn:hover:not(.active),
    .Altea-global button.Altea-s8-tab-btn:hover:not(.active) {
        background-color: #444BFC !important;
        border-color: #444BFC !important;
        color: #fff !important;
        transform: translateY(-3px) !important;
        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2) !important;
    }

    .Altea-global #Altea-s8-content-1 {
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-1.png') !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .Altea-global #Altea-s8-content-2 {
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-2.png') !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .Altea-global #Altea-s8-content-3 {
        background: url('https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-3.png') !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .Altea-global .Altea-s8-content-col {
        flex: 1 !important;
    }

    .Altea-global .Altea-s8-tab-content {
        display: none !important;
        background: #fff !important;
        border-radius: 20px !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        padding: 30px !important;
        min-height: 500px !important;
        height: auto !important;
        align-items: center !important;
        gap: 20rem !important;
    }

    .Altea-global .Altea-s8-tab-content.active {
        display: flex !important;
    }

    .Altea-global .Altea-s8-inner-left {
        flex: 1 !important;
    }

    .Altea-global .Altea-s8-content-title,
    .Altea-global h3.Altea-s8-content-title {
        font-size: 1.5rem !important;
        color: #232631 !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        font-weight: 700 !important;
    }

    .Altea-global .Altea-s8-content-text {
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
        color: #232631 !important;
        font-size: 18px !important;
    }

    .Altea-global .Altea-s8-inner-right {
        flex: 0 0 200px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }

    .Altea-global .Altea-s8-content-img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 6px !important;
    }

    /* ====================
 Footer con especificidad máxima adicional
==================== */
    .Altea-global .Altea-footer {
        background-color: #232631 !important;
        padding: 40px !important;
    }

    .Altea-global .Altea-footer-container {
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }

    .Altea-global .Altea-footer-copyright p {
        color: white !important;
        font-size: 14px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
    }

    .Altea-global .Altea-footer-top {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        margin-bottom: 20px !important;
    }

    .Altea-global .Altea-footer-logo {
        flex: 1 !important;
        min-width: 150px !important;
        display: flex;
        justify-content: center;
    }

    #logo-altea-footer {
        max-height: max-content !important;
    }

    .Altea-global .Altea-logo-img {
        max-height: 30% !important;
        width: 16% !important;
    }

    .Altea-global .Altea-footer-social {
        display: flex !important;
        gap: 15px !important;
        align-items: center;
    }

    .Altea-global .Altea-social-icon,
    .Altea-global a.Altea-social-icon {
        display: inline-block !important;
        transition: transform 0.3s ease !important;
    }

    .Altea-global .Altea-social-icon:hover,
    .Altea-global a.Altea-social-icon:hover {
        transform: translateY(-3px) !important;
    }

    .Altea-global .Altea-social-icon img {
        width: 24px !important;
        height: 24px !important;
    }

    .Altea-global .Altea-footer-divider {
        height: 0.5px !important;
        background-color: #919191 !important;
        margin: 20px 0 !important;
    }

    .Altea-global .Altea-footer-copyright {
        text-align: center !important;
        color: #6c757d !important;
        font-size: 0.875rem !important;
    }

    /* ====================
 Responsive Breakpoints con especificidad máxima adicional
==================== */
    @media (max-width: 480px) {
        .Altea-global .Altea-category-box {
            width: 100% !important;
            max-width: 100% !important;
        }

        .Altea-global .Altea-section-5 {
            padding: 2.5rem 0 !important;
        }

        .Altea-global .Altea-container {
            padding: 0 1.5rem !important;
        }

        .Altea-global .Altea-cards-grid {
            grid-template-columns: 1fr !important;
        }

        .Altea-global .Altea-section-title,
        .Altea-global h2.Altea-section-title {
            font-size: 1.6rem !important;
        }
    }

    @media (max-width: 576px) {
        .Altea-global .Altea-section-4 {
            padding: 3rem 0 !important;
        }

        .Altea-global .Altea-category-box {
            max-width: 45% !important;
            padding: 0.6rem 1rem !important;
            font-size: .9rem !important;
        }

        .Altea-global .Altea-card-title,
        .Altea-global h3.Altea-card-title {
            font-size: 1.2rem !important;
        }

        .Altea-global .Altea-card-price {
            font-size: 1.5rem !important;
        }
    }

    @media (max-width: 768px) {
        .Altea-global .Altea-section-hero {
            margin: 0 !important;
        }

        .Altea-global .Altea-section-hero .Altea-container {
            padding: 0 !important;
        }

        .Altea-global .Altea-hero-content {
            width: 100% !important;
        }

        .Altea-global .Altea-cards-grid {
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
        }

        .Altea-global .Altea-feature-card {
            height: auto !important;
            flex-direction: column !important;
        }

        .Altea-global .Altea-card-image-sm {
            flex: 0 0 150px !important;
            width: 100% !important;
        }

        .Altea-global .Altea-section-title,
        .Altea-global h2.Altea-section-title {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-category-row {
            justify-content: space-around !important;
        }

        .Altea-global .Altea-category-box {
            max-width: 30% !important;
            flex: none !important;
        }

        .Altea-global .Altea-service-card,
        .Altea-global .Altea-service-card-white {
            max-width: 100% !important;
        }

        .Altea-global .Altea-card-image img {
            width: 100% !important;
        }

        .Altea-global .Altea-section-full,
        .Altea-global .Altea-container-gap {
            /*    padding: 2rem !important;*/
            margin: 0 auto !important;
            min-height: 0px !important;
        }

        .Altea-global .Altea-logo-img {
            max-height: 50% !important;
            width: 50% !important;
        }

        .Altea-global .Altea-section-full-text .Altea-text-content h2 {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-section-full-text {
            padding: 0.5rem !important;
        }

        .Altea-global .Altea-section-full .Altea-container-gap {
            min-height: 0 !important;
            margin: 0 auto !important;
        }

        .Altea-global .Altea-image-content {
            display: none !important;
        }

        .Altea-global .Altea-switcher-btn.active {
            width: 100% !important;
        }

        /*switcher*/
        .Altea-global #Altea-s8-content-1 {
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-1.png) center / cover no-repeat !important;
        }

        .Altea-global #Altea-s8-content-2 {
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-2.png) center / cover no-repeat !important;
        }

        .Altea-global #Altea-s8-content-3 {
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://webservices.griky.co/resources/microsites/portal/altea/img/card-inf-3.png) center / cover no-repeat !important;
        }

        .Altea-global .Altea-s8-content-title,
        .Altea-global h3.Altea-s8-content-title {
            color: #ffffff !important;
        }

        .Altea-global .Altea-s8-content-text {
            color: #ffffff !important;
            line-height: 1.6 !important;
            margin-bottom: 20px !important;
        }

        .Altea-global .Altea-section-5 .Altea-section-title {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-section-11-top-row {
            flex-direction: column !important;
            align-items: center !important;
        }

        .Altea-global .Altea-section-11-card-container-swticher {
            grid-template-columns: 0fr 1fr 0fr !important;
        }

        .Altea-global .Altea-section-11-title,
        .Altea-global h2.Altea-section-11-title {
            font-size: 1.5rem !important;
            margin-bottom: 15px !important;
        }

        .Altea-global .Altea-section-11-switcher {
            width: 50% !important;
            justify-content: center !important;
        }

        .Altea-global .Altea-section-11-card {
            padding: 20px !important;
        }

        .Altea-global .Altea-card-main-title,
        .Altea-global h3.Altea-card-main-title {
            font-size: 1.4rem !important;
        }

        /* Navbar */
        .Altea-global .Altea-menu-toggle {
            display: block !important;
        }

        .Altea-global .Altea-nav-menu,
        .Altea-global .Altea-nav-buttons {
            display: none !important;
            width: 100% !important;
            justify-content: center !important;
            margin-top: 1rem !important;
            order: 2 !important;
            flex-direction: column !important;
        }

        .Altea-global .Altea-nav-menu.active,
        .Altea-global .Altea-nav-buttons.active {
            display: flex !important;
        }

        .Altea-global .Altea-nav-buttons {
            padding-top: 1rem !important;
            margin-top: 0 !important;
            border-top: 1px solid #e2e2e2 !important;
            flex-direction: column !important;
        }

        .Altea-global .Altea-navbar,
        nav.Altea-navbar {
            flex-wrap: wrap !important;
            padding: 2rem !important;
        }

        .Altea-global .Altea-menu-toggle {
            display: block !important;
            order: 1 !important;
        }

        .Altea-global .Altea-nav-buttons {
            order: 3 !important;
            width: 100% !important;
            justify-content: center !important;
            margin-top: 1rem !important;
            display: none !important;
        }

        .Altea-global .Altea-nav-menu {
            order: 2 !important;
            width: 100% !important;
            flex-direction: column !important;
            align-items: start !important;
            gap: 1rem !important;
            padding: 1rem 0 !important;
            display: none !important;
        }

        .Altea-global .Altea-card-logo-small {
            width: 10% !important;
        }

        .Altea-global .Altea-card-icon-small {
            width: 20px !important;
        }

        .Altea-global .Altea-card-subtext {
            font-size: 0.9rem !important;
        }

        .Altea-global .Altea-btn-primary,
        .Altea-global button.Altea-btn-primary {
            padding: 0.6rem 1.5rem !important;
            font-size: .9rem !important;
        }

        .Altea-global .Altea-container {
            padding: 0 1.5rem !important;
        }

        .Altea-global .Altea-text-content h2 {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-text-content p {
            font-size: 1rem !important;
            text-align: center !important;
        }

        .Altea-global .Altea-single-column-message {
            padding: 2.5rem 0 !important;
        }

        .Altea-global .Altea-section-3 .Altea-section-title {
            padding: 0 0rem !important;
            font-size: 1.6rem !important;
            margin-bottom: 0 !important;
        }

        .Altea-global .Altea-section-3 {
            padding: 1rem !important;
        }

        .Altea-global .Altea-s8-tab-content {
            min-height: 0px !important;
        }

        .Altea-global .Altea-s8-container {
            flex-direction: column !important;
            gap: 20px !important;
        }

        .Altea-global .Altea-section-5 {
            padding: 0rem 0rem !important;
        }

        .Altea-global .Altea-s8-buttons-col {
            flex: 0 0 140px !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

        .Altea-global .Altea-s8-tab-btn,
        .Altea-global button.Altea-s8-tab-btn {
            flex: auto !important;
            min-width: 120px !important;
            text-align: center !important;
        }

        .Altea-global .Altea-s8-tab-content.active {
            flex-direction: column !important;
        }

        .Altea-global .Altea-s8-inner-right {
            margin-top: 20px !important;
            flex-basis: auto !important;
        }

        .Altea-global .Altea-section-full {
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://webservices.griky.co/resources/microsites/portal/altea/img/bg-secfull9.png) center / cover no-repeat !important;
        }

        .Altea-global .Altea-image-content-sec6 img {
            display: none !important;
        }

        .Altea-global .Altea-section-6 {
            background: #e9e9e9 !important;
        }

        .Altea-global .Altea-footer-top {
            flex-direction: column !important;
            gap: 20px !important;
        }

        .Altea-global .Altea-footer-logo,
        .Altea-global .Altea-footer-social {
            width: 100% !important;
            justify-content: center !important;
            text-align: center !important;
        }

        .Altea-global .Altea-footer-social {
            order: 2 !important;
        }

        .Altea-global .Altea-footer-logo {
            order: 1 !important;
        }

        .Altea-global .Altea-footer-divider {
            margin: 15px 0 !important;
        }

        /* Hero */
        .Altea-global .Altea-hero {
            margin-top: 5rem !important;
            height: 80vh !important;
            justify-content: center !important;
            text-align: center !important;
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://webservices.griky.co/resources/microsites/portal/altea/img/bg-banner.png') center/cover no-repeat !important;
        }

        .Altea-global .Altea-hero-content {
            padding: 0 1rem !important;
        }

        .Altea-global .Altea-hero h1 {
            font-size: 2rem !important;
            color: white !important;
            padding-right: 0rem !important;
        }

        .Altea-global .Altea-text-content-right {
            padding-right: 0rem !important;
        }

        .Altea-global .Altea-text-content-right h2 {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-hero p {
            font-size: 1rem !important;
            color: white !important;
        }

        /* Sections */
        .Altea-global .Altea-section .Altea-container,
        .Altea-global .Altea-section-3 .Altea-container {
            flex-direction: column !important;
        }

        .Altea-global .Altea-text-content,
        .Altea-global .Altea-image-content {
            width: 100% !important;
            padding: 0 !important;
        }

        .Altea-global .Altea-text-content {
            order: 1 !important;
            text-align: center !important;
        }

        .Altea-global .Altea-image-content {
            order: 2 !important;
            margin-top: 2rem !important;
        }

        .Altea-global .Altea-section-description {
            font-size: 1rem !important;
        }

        .Altea-global .Altea-single-column-message {
            padding: 3.5rem 0 !important;
        }

        /* Section 4 */
        .Altea-global .Altea-div-btn {
            margin: 2rem auto !important;
        }

        .Altea-global .Altea-category-row {
            justify-content: space-around !important;
        }

        .Altea-global .Altea-service-card,
        .Altea-global .Altea-service-card-white {
            flex: 1 1 100% !important;
            max-width: 100% !important;
            border-radius: 20px !important;
        }

        .Altea-global .Altea-justify-start {
            justify-content: center !important;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {

        .Altea-global .Altea-service-card,
        .Altea-global .Altea-service-card-white {
            flex: 1 1 calc(48% - 1rem) !important;
            /* 2 columnas */
            max-width: calc(48% - 1rem) !important;
        }
    }

    @media (max-width: 992px) {
        .Altea-global .Altea-hero h1 {
            font-size: 1.8rem !important;
        }

        .Altea-global .Altea-category-row {
            flex-wrap: wrap !important;
        }

        .Altea-global .Altea-category-box {
            min-width: 160px !important;
            margin-bottom: 1rem !important;
        }

        .Altea-global .Altea-cards-container {
            gap: 1.5rem !important;
        }

        .Altea-global .Altea-section .Altea-container {
            gap: 2rem !important;
        }

        .Altea-global .Altea-text-content h2 {
            font-size: 1.6rem !important;
        }

        .Altea-global .Altea-section-title-row {
            font-size: 2rem !important;
            padding: 0 !important;
        }

        .Altea-global .Altea-cards-container {
            gap: 1.5rem !important;
            justify-content: center !important;
            display: flex !important;
        }

        .Altea-global .Altea-justify-start {
            display: flex !important;
            justify-content: center !important;
        }
    }

    @media (min-width: 1024px) {

        .Altea-global .Altea-service-card,
        .Altea-global .Altea-service-card-white {
            flex: 1 1 calc(33.333% - 2rem) !important;
            max-width: calc(33.333% - 2rem) !important;
        }
    }

    @media (max-width: 1200px) {
        .Altea-global .Altea-image-content img {
            display: none !important;
        }

        .Altea-global .Altea-section-6 {
            background: #dfebff !important;
        }

        .Altea-global .Altea-image-content-sec6 {
            display: none !important;
        }

        .Altea-global .Altea-s8-container {
            flex-direction: column !important;
            gap: 20px !important;
        }

        .Altea-global .Altea-s8-tab-content {
            gap: 0rem !important;
        }

        .Altea-global .Altea-s8-buttons-col {
            display: flex !important;
            flex-direction: row !important;
            flex: 0 0 0px !important;
        }

        .Altea-global .Altea-navbar,
        nav.Altea-navbar {
            padding: 1rem 2rem !important;
        }

        .Altea-global .Altea-section {
            margin: 2.5rem !important;
            padding: 1rem 0rem !important;
        }

        .Altea-global .Altea-container {
            flex-direction: column !important;
            gap: 2rem !important;
            padding: 3rem !important;
        }

        .Altea-global .Altea-section-header {
            flex: 0 0 auto !important;
        }

        .Altea-global .Altea-section-title,
        .Altea-global h2.Altea-section-title {
            position: static !important;
            text-align: center !important;
        }
    }