.elementor-1130 .elementor-element.elementor-element-4868621{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:250px;--padding-bottom:350px;--padding-left:0px;--padding-right:0px;}.elementor-1130 .elementor-element.elementor-element-4868621:not(.elementor-motion-effects-element-type-background), .elementor-1130 .elementor-element.elementor-element-4868621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;background-image:url("https://hinetworks.com.br/wp-content/uploads/2026/02/bg-terms.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1130 .elementor-element.elementor-element-4868621::before, .elementor-1130 .elementor-element.elementor-element-4868621 > .elementor-background-video-container::before, .elementor-1130 .elementor-element.elementor-element-4868621 > .e-con-inner > .elementor-background-video-container::before, .elementor-1130 .elementor-element.elementor-element-4868621 > .elementor-background-slideshow::before, .elementor-1130 .elementor-element.elementor-element-4868621 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1130 .elementor-element.elementor-element-4868621 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #020303 0%, #000000 100%);}.elementor-1130 .elementor-element.elementor-element-338955c{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1130 .elementor-element.elementor-element-338955c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1130 .elementor-element.elementor-element-1a50dcc .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:800;line-height:26px;color:#4BA2EB;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 > .elementor-widget-container{margin:14px 0px 22px 0px;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading{color:#E6E7EA;font-family:"Plus Jakarta Sans", Sans-serif;font-size:64px;font-weight:800;line-height:72px;letter-spacing:-1px;writing-mode:horizontal-tb;transform:rotate(0deg);}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading .highlighted__{font-family:"Plus Jakarta Sans", Sans-serif;font-size:64px;font-weight:800;line-height:72px;letter-spacing:-1px;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading_wrap .hostingard_heading .highlighted__{color:#4BA2EB;background:transparent;-webkit-text-fill-color:inherit;-webkit-background-clip:inherit;}.elementor-1130 .elementor-element.elementor-element-fc6a596{width:var( --container-widget-width, 87.527% );max-width:87.527%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:87.527%;--container-widget-flex-grow:0;text-align:start;}.elementor-1130 .elementor-element.elementor-element-fc6a596.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1130 .elementor-element.elementor-element-fc6a596 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:700;line-height:30px;color:#E6E7EA;}.elementor-1130 .elementor-element.elementor-element-b723dc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 12px;--row-gap:0px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1130 .elementor-element.elementor-element-e5e65d1{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1130 .elementor-element.elementor-element-e5e65d1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1130 .elementor-element.elementor-element-dc3886e .elementor-button{background-color:#1062FE;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;line-height:24px;fill:#FFFFFF;color:#FFFFFF;border-radius:4px 4px 4px 4px;padding:16px 24px 16px 24px;}.elementor-1130 .elementor-element.elementor-element-dc3886e .elementor-button:hover, .elementor-1130 .elementor-element.elementor-element-dc3886e .elementor-button:focus{background-color:#004DDF;}.elementor-1130 .elementor-element.elementor-element-dc3886e .elementor-button-content-wrapper{flex-direction:row;}.elementor-1130 .elementor-element.elementor-element-29f3cb5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1130 .elementor-element.elementor-element-d3c6b3e .elementor-button{background-color:#1062FE00;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:700;line-height:24px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#919EAB29;border-radius:4px 4px 4px 4px;padding:16px 24px 16px 24px;}.elementor-1130 .elementor-element.elementor-element-d3c6b3e .elementor-button:hover, .elementor-1130 .elementor-element.elementor-element-d3c6b3e .elementor-button:focus{background-color:#004DDF;}.elementor-1130 .elementor-element.elementor-element-d3c6b3e .elementor-button-content-wrapper{flex-direction:row;}.elementor-1130 .elementor-element.elementor-element-02b3637{--display:flex;}.elementor-1130 .elementor-element.elementor-element-d3eaf23{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1130 .elementor-element.elementor-element-d3eaf23:not(.elementor-motion-effects-element-type-background), .elementor-1130 .elementor-element.elementor-element-d3eaf23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-1130 .elementor-element.elementor-element-76ff253{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.13);--margin-top:-220px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:40px;--padding-right:40px;}.elementor-1130 .elementor-element.elementor-element-76ff253:not(.elementor-motion-effects-element-type-background), .elementor-1130 .elementor-element.elementor-element-76ff253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1130 .elementor-element.elementor-element-ae93d8d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1130 .elementor-element.elementor-element-ae93d8d:not(.elementor-motion-effects-element-type-background), .elementor-1130 .elementor-element.elementor-element-ae93d8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hinetworks.com.br/wp-content/uploads/2024/04/border-shape.png");background-position:center right;background-repeat:no-repeat;}@media(max-width:1024px){.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading{font-size:48px;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading .highlighted__{font-size:48px;}}@media(min-width:768px){.elementor-1130 .elementor-element.elementor-element-4868621{--content-width:1320px;}.elementor-1130 .elementor-element.elementor-element-338955c{--width:53.15%;}.elementor-1130 .elementor-element.elementor-element-e5e65d1{--width:33.15%;}.elementor-1130 .elementor-element.elementor-element-d3eaf23{--content-width:1320px;}}@media(max-width:767px){.elementor-1130 .elementor-element.elementor-element-4868621{--content-width:540px;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading_wrap{text-align:center;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading{font-size:40px;line-height:45px;}.elementor-1130 .elementor-element.elementor-element-ebd10b2 .hostingard_heading .highlighted__{font-size:40px;line-height:45px;}.elementor-1130 .elementor-element.elementor-element-fc6a596{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1130 .elementor-element.elementor-element-fc6a596 .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-1130 .elementor-element.elementor-element-e5e65d1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1130 .elementor-element.elementor-element-29f3cb5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1130 .elementor-element.elementor-element-d3eaf23{--content-width:540px;}.elementor-1130 .elementor-element.elementor-element-76ff253{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for html, class: .elementor-element-b5ad87c *//* --- VARIÁVEIS --- */
:root {
    --brand-blue: #0066cc;
    --brand-blue-dark: #004a99;
    --brand-bg: #ffffff;
    --brand-bg-secondary: #f8f9fa;
    --text-main: #2c3e50;
    --text-muted: #6c757d;
    --border-color: #e9ecef;
    --chart-red: #ff4757;
    --chart-green: #2ecc71;
}

/* --- ESTRUTURA --- */
.ddos-wrapper {
    font-family: 'Inter', sans-serif;
    background-color: var(--brand-bg);
    color: var(--text-main);
    line-height: 1.6;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.ddos-wrapper * { box-sizing: border-box; }

/* --- HERO --- */
.ddos-hero-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}
.ddos-hero-content { flex: 1; min-width: 300px; }
.ddos-badge {
    background: rgba(0, 102, 204, 0.1);
    color: var(--brand-blue);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 102, 204, 0.2);
}
.ddos-hero-content h1 { font-size: 3rem; line-height: 1.1; margin: 0 0 20px 0; color: var(--text-main); }
.ddos-hero-content h1 span { color: var(--brand-blue); }
.ddos-hero-content p { color: var(--text-muted); font-size: 1.1rem; margin-bottom: 30px; }

/* Botões */
.ddos-buttons { display: flex; gap: 15px; }
.btn-ddos { padding: 12px 30px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: 0.3s; text-align: center; }
.btn-primary { background: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%); color: white !important; border: none; }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,102,204,0.3); }
.btn-secondary { background: transparent; border: 2px solid var(--brand-blue); color: var(--brand-blue) !important; }
.btn-secondary:hover { background: rgba(0,102,204,0.05); transform: translateY(-2px); }

/* --- GRÁFICO --- */
.ddos-graph-card {
    flex: 1.2;
    min-width: 350px;
    background: #14161b; /* Fundo escuro */
    border-radius: 12px;
    padding: 25px;
    position: relative;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    border: 1px solid #2a2f3a;
    color: #fff;
}

.graph-top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.graph-title { font-weight: 600; font-size: 1rem; color: #e0e0e0; }
.graph-badge { background: rgba(46, 204, 113, 0.2); color: #2ecc71; font-size: 0.75rem; padding: 4px 8px; border-radius: 4px; display: flex; align-items: center; gap: 6px; }
.pulse-dot { width: 6px; height: 6px; background: #2ecc71; border-radius: 50%; animation: pulse-green 1.5s infinite; }

.graph-svg-container { position: relative; height: 220px; width: 100%; overflow: hidden; }
.chart-svg { width: 100%; height: 100%; overflow: visible; }

/* Elementos SVG */
.grid-line { stroke: #2a2f3a; stroke-width: 1; stroke-dasharray: 4; }
.line-blocked { fill: none; stroke: var(--chart-red); stroke-width: 2.5; }
.line-allowed { fill: none; stroke: var(--chart-green); stroke-width: 2.5; }
.area-blocked { fill: url(#gradRed); opacity: 0.2; }
.area-allowed { fill: url(#gradGreen); opacity: 0.2; }

/* --- ANIMAÇÃO "SCAN" NO GRÁFICO --- 
   Aqui está a mágica da sincronização
*/

/* Grupo que move tudo horizontalmente (Linha + Bolinhas + Box) */
.scan-group {
    animation: scan-horizontal 6s linear infinite;
}

/* Bolinha Vermelha: Sobe e desce seguindo o desenho do ataque */
.dot-tracker-red {
    fill: #14161b; 
    stroke: var(--chart-red); 
    stroke-width: 2px;
    animation: follow-path-red 6s linear infinite;
}

/* Bolinha Verde: Vibra levemente na linha de baixo */
.dot-tracker-green {
    fill: #14161b; 
    stroke: var(--chart-green); 
    stroke-width: 2px;
    animation: follow-path-green 6s linear infinite;
}

/* KEYFRAMES: Mapeados exatamente sobre os pontos do SVG */
@keyframes scan-horizontal {
    0%   { transform: translateX(0px); }
    100% { transform: translateX(600px); }
}

@keyframes follow-path-red {
    /* X=0 a X=100 (0% a 16.6%): Y fica em 180 */
    0%   { cy: 180; }
    16.6% { cy: 180; }
    
    /* Subida do Ataque */
    25%  { cy: 50; }  /* X=150 */
    33.3%{ cy: 30; }  /* X=200 */
    41.6%{ cy: 25; }  /* X=250 (Pico) */
    50%  { cy: 35; }  /* X=300 */
    58.3%{ cy: 20; }  /* X=350 */
    66.6%{ cy: 40; }  /* X=400 */
    
    /* Descida */
    75%  { cy: 176; } /* X=450 */
    83.3%{ cy: 180; } /* X=500 */
    100% { cy: 180; } /* X=600 */
}

@keyframes follow-path-green {
    /* A linha verde é quase reta, mas tem leves variações */
    0%   { cy: 180; }
    20%  { cy: 180; }
    40%  { cy: 182; }
    60%  { cy: 178; }
    80%  { cy: 180; }
    100% { cy: 180; }
}

/* Tooltip Styles */
.tooltip-line { stroke: #fff; stroke-width: 1; stroke-dasharray: 3; opacity: 0.5; }
.tooltip-bg { fill: rgba(30, 34, 43, 0.95); stroke: #444; rx: 6; }
.tooltip-text { font-family: 'Inter', sans-serif; font-size: 11px; fill: #aaa; }
.tooltip-val-red { font-weight: 700; font-size: 12px; fill: var(--chart-red); }
.tooltip-val-green { font-weight: 700; font-size: 12px; fill: var(--chart-green); }

/* Legenda */
.graph-legend { display: flex; gap: 20px; margin-top: 15px; font-size: 0.85rem; justify-content: center; }
.legend-item { display: flex; align-items: center; gap: 8px; color: #aaa; }
.legend-color { width: 12px; height: 12px; border-radius: 3px; }

@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7); }
    70% { box-shadow: 0 0 0 6px rgba(46, 204, 113, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}

/* Responsivo */
@media (max-width: 768px) {
    .ddos-hero-section { flex-direction: column; }
    .ddos-graph-card { min-width: 100%; }
}

/* Grid Cards */
.ddos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-top: 60px; }
.ddos-card { background: var(--brand-bg-secondary); padding: 25px; border-radius: 10px; border: 1px solid var(--border-color); box-shadow: 0 5px 15px rgba(0,0,0,0.03); transition: 0.3s; }
.ddos-card:hover { border-color: var(--brand-blue); transform: translateY(-5px); }
.card-icon { font-size: 1.5rem; margin-bottom: 15px; color: var(--brand-blue); }
/* --- ESTILOS ESPECÍFICOS DA SEÇÃO TECNOLOGIA --- */

.ddos-tech-section {
    padding: 10px 0;
    background-color: var(--brand-bg); /* Fundo Branco */
    max-width: 1200px;
    margin: 0 auto;
}

.tech-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px auto;
}

.tech-header h2 {
    font-size: 2.2rem;
    color: var(--text-main);
    margin-bottom: 15px;
    font-weight: 700;
}

.tech-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
}

/* Grid Layout */
.tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

/* Card Style */
.tech-card {
    background-color: var(--brand-bg-secondary); /* Cinza Claro #f8f9fa */
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 35px 30px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

/* Hover Effects */
.tech-card:hover {
    transform: translateY(-5px);
    border-color: var(--brand-blue);
    box-shadow: 0 10px 30px rgba(0, 102, 204, 0.08);
}

/* Ícones */
.tech-icon-box {
    width: 50px;
    height: 50px;
    background: rgba(0, 102, 204, 0.1); /* Azul bem clarinho */
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s;
}

.tech-card:hover .tech-icon-box {
    background: var(--brand-blue);
}

.tech-icon-svg {
    width: 24px;
    height: 24px;
    fill: var(--brand-blue);
    transition: 0.3s;
}

.tech-card:hover .tech-icon-svg {
    fill: #ffffff; /* Ícone fica branco no hover */
}

/* Tipografia do Card */
.tech-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-main);
    margin: 0 0 12px 0;
}

.tech-card p {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* Responsivo */
@media (max-width: 768px) {
    .tech-header h2 { font-size: 1.8rem; }
    .tech-grid { grid-template-columns: 1fr; }
}

/* --- ESTILOS DA SEÇÃO DE ATAQUES --- */
.ddos-attacks-section {
    padding: 0px 0 100px 0;
    background-color: var(--brand-bg);
}

.attacks-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
}

.attacks-header h2 {
    font-size: 2.2rem;
    color: var(--text-main);
    margin-bottom: 15px;
    font-weight: 700;
}

.attacks-header p {
    color: var(--text-muted);
    font-size: 1.1rem;
}

/* Grid de Ataques */
.attacks-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

/* Card Individual */
.attack-card {
    background-color: var(--brand-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.3s ease;
}

.attack-card:hover {
    border-color: var(--brand-blue);
    background-color: #fafbff; /* Leve azul no fundo ao passar o mouse */
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0, 102, 204, 0.05);
}

/* Ícone do Card */
.attack-icon {
    min-width: 45px;
    height: 45px;
    background: rgba(0, 102, 204, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attack-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--brand-blue);
}

/* Texto do Card */
.attack-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-main);
    margin: 0 0 8px 0;
}

.attack-content p {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5;
}

/* Card Especial (O Último) */
.attack-card-special {
    grid-column: 1 / -1; /* Ocupa a largura total */
    background: linear-gradient(90deg, #0066cc 0%, #004a99 100%);
    border: none;
    color: white;
    align-items: center;
    justify-content: space-between;
}

.attack-card-special:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 102, 204, 0.3);
    background: linear-gradient(90deg, #005bb5 0%, #003d80 100%);
}

.attack-card-special .attack-icon {
    background: rgba(255, 255, 255, 0.2);
}

.attack-card-special .attack-icon svg {
    fill: white;
}

.attack-card-special .attack-content h3 {
    color: white;
    font-size: 1.3rem;
}

.attack-card-special .attack-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
}

/* Botão ou Tag no Card Especial (Visual apenas) */
.special-tag {
    background: rgba(255, 255, 255, 0.2);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    color: white;
    display: none; /* Escondido no mobile, aparece no desktop */
}

@media (min-width: 768px) {
    .special-tag { display: block; }
}

@media (max-width: 768px) {
    .attack-card-special { flex-direction: column; text-align: center; }
    .attacks-grid { grid-template-columns: 1fr; }
}/* End custom CSS */