/* Zero Offline® Enterprise v1.0 - style.css */

/* ===================================================== */
/* ZERO OFFLINE DESIGN SYSTEM                            */
/* ===================================================== */

:root{

    /* Colores */

    --primary:#21A1F1;

    --secondary:#00C853;

    --dark:#1F2D3D;

    --text:#607487;

    --background:#F8FBFE;

    --white:#FFFFFF;

    /* Espaciado */

    --section-space:64px;

    --section-title-space:32px;

    --grid-gap:64px;

    --card-gap:32px;

    /* Componentes */

    --card-radius:24px;

    --transition:.30s ease;

}

/* Global layout */
main{display:block}
img{max-width:100%;height:auto}
a{transition:all var(--transition)}
h1,h2,h3,h4{color:var(--dark);margin-top:0}
p{line-height:1.8}

/* Hero */
.hero{

background:
radial-gradient(circle at top right,#E8F2FF 0%,transparent 45%),
linear-gradient(180deg,#ffffff,#F8FAFC);

min-height:72vh;

display:flex;

align-items:center;

padding:40px 0 60px;

}

/* Generic sections */

/* Las secciones ya utilizan el padding definido en .section */
.problem,
.benefits,
.sectors,
.solution,
.contact{

}

.problem-grid,
.benefits-grid,
.sectors-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:2rem;
}

.problem-card,
.benefit-card,
.sector-card{
text-align:center;
}

.hero-animation{
display:flex;
justify-content:center;
align-items:center;
}

footer{
background:var(--dark);
color:#fff;
padding:40px 0;
text-align:center;
}

/*======================================================
PRODUCT INTRODUCTION PREMIUM
======================================================*/

.product-introduction{

    padding:70px 0;

    background:#FFFFFF;

}

.product-introduction-container{

    width:min(1380px,92vw);

    margin:0 auto;

}

.intro-content{

    display:flex;

    flex-direction:column;

    gap:55px;

}

/*=========================
Información
=========================*/

.intro-information{

    max-width:980px;

}

.intro-badge{

    display:inline-block;

    margin-bottom:14px;

    font-size:.80rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#2D9CFF;

}

.intro-information h2{

    margin:0 0 20px;

    font-size:2.7rem;

    line-height:1.15;

    font-weight:500;

    color:#173B63;

}

.intro-information .lead{

    margin-bottom:22px;

    font-size:1.10rem;

    line-height:1.85;

    color:#506274;

    font-weight:500;

}

.intro-information p{

    font-size:1rem;

    line-height:1.9;

    color:#6C7F94;

}

/*=========================
Grid de capacidades
=========================*/

.intro-capabilities{

    display:grid;

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

    gap:26px;

}

/*=========================
Cards
=========================*/

.capability-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:26px;

    border-radius:18px;

    background:#FFFFFF;

    border:1px solid rgba(16,52,88,.08);

    box-shadow:

        0 10px 26px rgba(16,52,88,.08);

    transition:.30s;

}

.capability-card:hover{

    transform:translateY(-5px);

    box-shadow:

        0 18px 40px rgba(16,52,88,.12);

}

/*=========================
Icono
=========================*/

.capability-icon{

    width:46px;

    height:46px;

    flex:0 0 46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#E8FFF3;

    color:#00C853;

    font-size:20px;

    font-weight:700;

}

/*=========================
Texto
=========================*/

.capability-text h3{

    margin:0 0 8px;

    font-size:1.05rem;

    font-weight:700;

    color:#173B63;

}

.capability-text p{

    margin:0;

    font-size:.96rem;

    line-height:1.7;

    color:#6C7F94;

}

/*=========================
Responsive
=========================*/

@media(max-width:980px){

    .intro-capabilities{

        grid-template-columns:1fr;

    }

}
/* ===================================================== */
/* PROBLEM SECTION                                       */
/* Fase 3 - Capítulo 3.2                                 */
/* ===================================================== */

.problem-section{

    background:#F8FBFE;
}

/* Encabezado */

/* Tarjetas */

.problem-cards{

    display:grid;

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

    gap:35px;
}

.problem-card{

}

.problem-card h3{

    margin-bottom:20px;

    color:var(--dark);

    font-size:24px;
}

.problem-card p{

    margin:0;

    color:#607487;

    line-height:30px;

    font-size:17px;
}

.problem-icon{

    width:72px;

    height:72px;

    margin-bottom:28px;

    display:flex;

    justify-content:center;

    align-items:center;
}

.problem-icon img{

    width:72px;

    height:72px;

    display:block;
}
/* ===================================================== */
/* HOW IT WORKS                                           */
/* Fase 3 - Capítulo 3.3                                 */
/* ===================================================== */

.how-it-works{

    padding:54px 0;

    background:#FFFFFF;
}

.steps-grid{

    display:grid;

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

    gap:40px;

    margin-top:36px;

    position:relative;
}

/* Línea principal */

.steps-grid::before{

    content:"";

    position:absolute;

    left:12%;

    right:12%;

    top:24px;

    height:3px;

    background:#D9EAF7;

    z-index:0;
}

.step-card{

    background:#F8FBFE;

    border:1px solid #E2EDF6;

    border-radius:var(--radius-large);

    padding:30px 34px 34px;

    transition:.30s;

    position:relative;

    z-index:1;

    min-height:320px;
}

.step-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.08);
}

.step-number{

    display:inline-flex;

    width:48px;

    height:48px;

    border-radius:50%;

    background:#0F355B;

    color:#FFFFFF;

    align-items:center;

    justify-content:center;

    font-weight:700;

    font-size:16px;

    margin-bottom:18px;

    position:relative;

    z-index:2;
}

.step-card h3{

    margin-bottom:18px;

    color:var(--dark);

    font-size:24px;
}

.step-card p{

    margin:0;

    color:#607487;

    line-height:30px;

    font-size:17px;
}
/* ===================================================== */
/* BUSINESS BENEFITS                                     */
/* Fase 3 - Capítulo 3.4                                 */
/* ===================================================== */

.business-benefits{

    padding:64px 0;

    background:
        radial-gradient(circle at top right,#EAF5FF 0%,transparent 42%),
        linear-gradient(180deg,#FFFFFF,#F8FBFE);

}

.business-benefits .benefits-grid{

    display:grid;

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

    gap:34px;

    margin-top:36px;

}

.business-benefits .benefit-card{

    background:#FFFFFF;

    border:1px solid #E4EDF6;

    border-radius:var(--radius-large);

    padding:38px;

    transition:.35s;

    box-shadow:0 10px 35px rgba(15,53,91,.05);

}

.business-benefits .benefit-card:hover{

    transform:translateY(-8px);

    box-shadow:0 22px 55px rgba(15,53,91,.10);

}

.business-benefits .benefit-placeholder{

    width:74px;

    height:74px;

    border-radius:18px;

    background:linear-gradient(135deg,#2196F3,#4FC3F7);

    margin-bottom:28px;

}

.business-benefits h3{

    margin-bottom:18px;

    font-size:28px;

    color:var(--dark);

}

.business-benefits p{

    margin:0;

    color:#607487;

    line-height:30px;

    font-size:17px;

}
/* ===================================================== */
/* VALUE STRIP                                            */
/* Fase 3 - Capítulo 3.4                                 */
/* ===================================================== */

.value-strip{

    display:grid;

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

    gap:24px;

    margin:40px 0;

}

.value-item{

    background:#0F355B;

    color:#FFFFFF;

    border-radius:18px;

    padding:24px;

    text-align:center;

    box-shadow:0 15px 35px rgba(15,53,91,.12);

}

.value-number{

    display:block;

    font-size:28px;

    font-weight:700;

    letter-spacing:.5px;

    color:#4FC3F7;

    margin-bottom:8px;

}

.value-label{

    display:block;

    font-size:15px;

    line-height:24px;

    opacity:.95;

}
/* ===================================================== */
/* HERO ANIMATION ENGINE                                 */
/* Fase 2.1.2                                            */
/* ===================================================== */

/* Estado normal */

.hero-normal{

}

/* ISP con falla */

.hero-isp-down{

}

/* Failover en proceso */

.hero-failover{

}

/* Recuperación */

.hero-recovery{

}

/* ===================================================== */
/* HERO - Alive Animation                                */
/* Fase 2.1.4                                            */
/* ===================================================== */

#intelligence-core{

    transform-origin:center;

    animation:coreAlive 3.5s ease-in-out infinite;

}

@keyframes coreAlive{

    0%{

        filter:drop-shadow(0 0 0px rgba(0,230,118,.25));

    }

    50%{

        filter:drop-shadow(0 0 8px rgba(0,230,118,.70));

    }

    100%{

        filter:drop-shadow(0 0 0px rgba(0,230,118,.25));

    }

}

/* ===================================================== */
/* HERO FLOW LAYER                                       */
/* Fase 2.1.5                                            */
/* ===================================================== */

.hero-stage{

    position:relative;

    display:inline-block;

}

#hero-flow-layer{

    position:absolute;

    inset:0;

    pointer-events:none;

}

/* ===================================================== */
/* Vertical Rhythm                                       */
/* Fase 3.0A                                             */
/* ===================================================== */

.section-title{

    margin-bottom:32px;

}

.section-title h2{

    margin-bottom:12px;

}

.section-title p{

    max-width:760px;

    margin:0 auto;

}

/* ===================================================== */
/* HERO DATA FLOW                                        */
/* Fase 5.3                                              */
/* ===================================================== */

.hero-animation svg circle{

    transform-origin:center;

}

#network-nodes circle{

    animation:networkPulse 2.8s infinite ease-in-out;

}

#network-nodes circle:nth-child(2){

    animation-delay:.4s;

}

#network-nodes circle:nth-child(3){

    animation-delay:.8s;

}

@keyframes networkPulse{

    0%{

        r:2;

        opacity:.45;

    }

    50%{

        r:5;

        opacity:1;

    }

    100%{

        r:2;

        opacity:.45;

    }

}

/* ===================================================== */
/* HERO DATA PACKETS                                     */
/* ===================================================== */

#packet-1,
#packet-1-glow{

    transform-box:fill-box;
    transform-origin:center;

}

#packet-1{

    animation:packetDown 3s infinite linear;

}

#packet-1-glow{

    animation:packetGlow 3s infinite linear;

}

@keyframes packetDown{

    0%{

        transform:translateY(0);

        opacity:0;

    }

    10%{

        opacity:1;

    }

    90%{

        transform:translateY(145px);

        opacity:1;

    }

    100%{

        transform:translateY(145px);

        opacity:0;

    }

}

@keyframes packetGlow{

    0%{

        transform:translateY(0) scale(.8);

        opacity:0;

    }

    10%{

        opacity:.30;

    }

    90%{

        transform:translateY(145px) scale(1.25);

        opacity:.18;

    }

    100%{

        transform:translateY(145px);

        opacity:0;

    }

}

/* ===================================================== */
/* HERO ANIMATION ENGINE                                 */
/* Enterprise Edition                                    */
/* ===================================================== */

#effects-layer{

    pointer-events:none;

}

#glow-layer,
#packet-layer,
#pulse-layer,
#failover-layer,
#status-layer{

    overflow:visible;

}

.hero-animation svg{

    overflow:visible;

}

/* ===================================================== */
/* HA STATUS LED                                         */
/* Enterprise Animation Engine                           */
/* ===================================================== */

@keyframes haPulse{

    0%{

        opacity:.35;

        transform:scale(.90);

    }

    50%{

        opacity:1;

        transform:scale(1.18);

    }

    100%{

        opacity:.35;

        transform:scale(.90);

    }

}

@keyframes haGlow{

    0%{

        opacity:.12;

        transform:scale(.90);

    }

    50%{

        opacity:.40;

        transform:scale(1.60);

    }

    100%{

        opacity:.12;

        transform:scale(.90);

    }

}

/* ===================================================== */
/* CORRECCIÓN EXCLUSIVA DE ALINEACIÓN OPERATIONS CENTER  */
/* ===================================================== */

/* Contenedor Base */
.operations-center {
    background-color: #ffffff !important;
    padding: 20px 24px 80px 24px !important; 
    margin-top: -20px !important; 
}

/* Forzar el Badge Superior a Azul */
.operations-center .section-badge {
    color: #0046ff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    display: inline-block !important;
    margin-bottom: 12px !important;
}

/* Cabecera Principal Grande */
.operations-center .section-title h2 {
    font-size: 42px !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    color: var(--dark) !important;
    margin-bottom: 18px !important;
}

.operations-center .section-title p {
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #666666 !important;
    font-weight: 300 !important;
}

/* SOLUCIÓN DE ALINEACIÓN: Forzamos comportamiento Flex alineado al centro */
.operations-layout {
    display: flex !important;
    gap: 64px !important;
    align-items: center !important; /* Centrado vertical absoluto */
    justify-content: space-between !important;
    margin-top: 48px !important;
}

/* Distribución proporcional de las dos mitades */
.operations-graphic, 
.operations-content {
    flex: 1 !important;
    width: 50% !important;
    margin: 0 !important;
}

/* SOLUCIÓN DE ALTURA: Forzar al contenedor del Dashboard a estirarse uniformemente */
.dashboard-frame {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: #fdfdfd !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    border-radius: 4px !important;
    padding: 48px 32px !important; /* Padding aumentado para ganar volumen vertical */
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 380px !important; /* Forzamos una altura mínima equilibrada */
}

/* Cuadrícula Interna de Métricas */
.dashboard-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
}

.dashboard-metrics .metric-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    padding: 24px !important;
    border-radius: 4px !important;
    border-left: 3px solid #0046ff !important; /* Detalle azul */
    text-align: left !important; /* Cambiado a izquierda para un look corporativo */
}

/* Números de Métricas Agrandados */
.metric-value {
    display: block !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: var(--dark) !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 4px !important;
    line-height: 1.1 !important;
}

.metric-label {
    font-size: 13.5px !important;
    color: #666666 !important;
    font-weight: 300 !important;
}

/* Columna Derecha: Bloques de Contenido */
.operations-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
}

.operations-item {
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    padding-top: 24px !important;
}

/* Títulos Internos Agrandados */
.operations-item h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: var(--dark) !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.2px !important;
}

/* Párrafos Internos Agrandados */
.operations-item p {
    font-size: 16px !important;
    color: #666666 !important;
    line-height: 1.55 !important;
    font-weight: 300 !important;
}

/* Adaptabilidad Responsiva para Móviles */
@media (max-width: 991px) {
    .operations-layout {
        flex-direction: column !important;
        gap: 48px !important;
    }
    .operations-graphic, 
    .operations-content {
        width: 100% !important;
    }
    .dashboard-frame {
        min-height: auto !important;
        padding: 32px 20px !important;
    }
}

@media (max-width: 768px) {
    .operations-center { 
        padding-top: 10px !important;
        padding-bottom: 40px !important;
    }
    .operations-center .section-title h2 { font-size: 32px !important; }
    .operations-center .section-title p { font-size: 16.5px !important; }
    .dashboard-metrics { grid-template-columns: 1fr !important; gap: 16px !important; }
    .operations-item h3 { font-size: 20px !important; }
    .operations-item p { font-size: 15.5px !important; }
}



/* --- CONFIGURACIÓN DE ARQUITECTURA VISUAL DEL FOOTER --- */
.enterprise-footer-premium {
    background-color: #0b0f19 !important; /* Negro espacial corporativo profundo */
    font-family: 'Inter', sans-serif !important;
    padding: 80px 24px 40px 24px !important;
    color: #9ca3af !important; /* Gris claro de alta legibilidad para fondos oscuros */
}

.container-premium {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Grilla Principal del Cierre */
.footer-main-grid {
    display: grid !important;
    grid-template-columns: 0.8fr 1.2fr !important;
    gap: 64px !important;
    padding-bottom: 48px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Identidad de Marca */
.footer-brand-premium h2 {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #ffffff !important; /* Destaca en blanco puro */
    letter-spacing: -0.5px !important;
    margin-bottom: 6px !important;
}

.brand-subtext {
    font-size: 13.5px !important;
    color: #6b7280 !important;
    margin-bottom: 24px !important;
    font-weight: 400 !important;
}

.footer-signature-premium strong {
    display: block !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-bottom: 2px !important;
}

.footer-signature-premium span {
    font-size: 12.5px !important;
    color: #0046ff !important; /* Detalle azul de marca */
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* Grilla de las 3 Columnas */
.footer-columns-premium {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
}

.footer-col h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
}

.footer-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.footer-col ul li {
    font-size: 14.5px !important;
    color: #9ca3af !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
}

/* Enlaces con Transición Minimalista */
.footer-col ul li a {
    color: #9ca3af !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.footer-col ul li a:hover {
    color: #0046ff !important; /* Hover azul sofisticado */
}

/* Bloque Legal */
.footer-legal-premium {
    padding: 32px 0 24px 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.footer-legal-premium p {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important; /* Tono atenuado para no competir visualmente */
    margin: 0 !important;
    font-weight: 300 !important;
}

/* Derechos Reservados Finales */
.footer-bottom-premium {
    padding-top: 24px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    text-align: center !important;
    font-weight: 300 !important;
}

/* Adaptabilidad Responsiva */
@media (max-width: 991px) {
    .footer-main-grid {
        grid-template-columns: 1fr !important;
        gap: 48px !important;
    }
    .footer-legal-premium {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 768px) {
    .enterprise-footer-premium { padding: 60px 16px 30px 16px !important; }
    .footer-columns-premium { grid-template-columns: 1fr !important; gap: 32px !important; }
    .footer-col h4 { margin-bottom: 12px !important; }
}

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

/* --- CONFIGURACIÓN DE ARQUITECTURA VISUAL CONTACTO --- */
.enterprise-contact {
    background-color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    padding-top: 40px !important; 
    padding-bottom: 90px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    color: #000000 !important;
}

/* Cabecera Principal */
.enterprise-contact .section-title {
    max-width: 750px !important;
    margin-bottom: 54px !important;
}

.section-badge-blue {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    color: #0046ff !important; /* Azul Corporativo Forzado */
    margin-bottom: 12px !important;
}

.enterprise-contact .section-title h2 {
    font-size: 42px !important;
    font-weight: 500 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    margin-bottom: 18px !important;
    color: #1F2D3D !important;
}

.enterprise-contact .section-title p {
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: #607487 !important;
    font-weight: 300 !important;
}

/* Layout en Dos Columnas */
.contact-layout {
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    gap: 80px !important;
    align-items: flex-start !important;
}

/* Información de Contacto (Izquierda) */
.contact-information {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
}

.contact-item {
    border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
    padding-top: 24px !important;
}

.contact-item h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #1F2D3D !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.2px !important;
}

.contact-item p {
    font-size: 16px !important;
    color: #607487 !important;
    line-height: 1.55 !important;
    font-weight: 300 !important;
    margin: 0 !important;
}

.contact-accent-text {
    color: #000000 !important;
    font-weight: 500 !important;
    font-size: 17px !important;
}

/* Formulario Limpio Premium (Derecha) */
.enterprise-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    background: #fdfdfd !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 40px !important;
    border-radius: 4px !important;
}

.enterprise-form input,
.enterprise-form textarea {
    width: 100% !important;
    padding: 16px !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    color: #000000 !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.enterprise-form input:focus,
.enterprise-form textarea:focus {
    outline: none !important;
    border-color: #0046ff !important;
    box-shadow: 0 0 0 3px rgba(0, 70, 255, 0.06) !important;
}

/* Botón del Formulario */
.btn-primary-form {
    background: #0046ff !important;
    color: #ffffff !important;
    border: none !important;
    padding: 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
    margin-top: 10px !important;
}

.btn-primary-form:hover {
    background: #0036c7 !important;
    transform: translateY(-1px) !important;
}

/* Adaptabilidad Responsiva */
@media (max-width: 991px) {
    .contact-layout {
        grid-template-columns: 1fr !important;
        gap: 56px !important;
    }
    .enterprise-form {
        padding: 32px 24px !important;
    }
}

@media (max-width: 768px) {
    .enterprise-contact { padding: 60px 16px !important; }
    .enterprise-contact .section-title h2 { font-size: 32px !important; }
    .enterprise-contact .section-title p { font-size: 16.5px !important; }
    .contact-item h3 { font-size: 20px !important; }
    .contact-item p { font-size: 15.5px !important; }
    .contact-accent-text { font-size: 16px !important; }
}