.bannerddos {
    padding: 60px 0; 
    background: 
      linear-gradient(135deg, rgba(26, 27, 30, 0.30), rgba(43, 45, 50, 0.95)), /* Gradiente AMD con transparencia */
      url('https://img3.wallspic.com/crops/8/3/3/6/3/136338/136338-fila-circuito_electronico-los_circuitos_integrados_chips-placa_de_circuito_impreso-modo_monocromo-3840x2160.webp') center/cover; 
    display: none; /* flex */
    justify-content: center;
    padding: 40px 20px;
    overflow: visible; 
    position: relative;
    border-radius: 20px;
    margin-left: 4rem;
    margin-right: 4rem;
    margin-bottom: 3%;
  }

  .bannerddos-inner {
    display: flex;
    align-items: center;
    max-width: 1054px; /* 10000 */
    width: 100%;
    margin-right: -400px;
  }

  .bannerddos img {
    height: 200px; 
    width: auto;
    transform: scale(1) rotate(-6deg);
    margin-left: 40px;
    margin-top: -100px; 
    margin-bottom: -90px; 
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.4));
    transition: transform 0.3s ease;
  }

  .bannerddos img:hover {
    transform: scale(1.03) rotate(-3deg);
  }

  /* Texto */
  .bannerddos-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #cacbd2;
    margin-top: -20px;
  }

  .bannerddos-title {
    font-size: 2.5em;
    font-weight: bold;
    margin: 0 0 15px 0;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  }
  .bannerddos-features {
    margin-top: -10px;
    display: flex;
    gap: 15px;
    font-size: 0.9em;
    flex-wrap: wrap;
  }

  .featureddos {
    background: #ffffff33;
    padding: 5px 12px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border: 1px solid #ffffff4d;
    transition: all 0.3s ease;
  }

  .featureddos:hover {
    background: rgba(255,255,255,0.3);
    transform: translateY(-2px);
  }

  .featureddosplus {
    position: relative;
    background: #2ecc706b;
    padding: 5px 12px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
  }
  
  .featureddosplus::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    padding: 2px; /* grosor del borde */
    background: linear-gradient(270deg, #2ecc706b, #ffffff4d);
    background-size: 600% 600%;
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: borderFlow 4s linear infinite;
  }
  
  @keyframes borderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
  
  .featureddosplus:hover {
    background: rgba(255,255,255,0.15);
    transform: translateY(-2px);
    border: none;
  }
  

  /* Responsive */
  @media (max-width: 768px) {
    body {
      padding: 40px 0;
    }
    
    .bannerddos-inner {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    
    .bannerddos img {
      height: 220px;
      margin: -50px 0 20px 0;
    }
    
    .bannerddos-title {
      font-size: 2em;
    }
    
    .bannerddos-features {
      flex-direction: column;
      gap: 10px;
      align-items: center;
    }
  }

  @media (max-width: 480px) {
    .bannerddos img {
      height: 180px;
      margin: -40px 0 15px 0;
    }
    
    .bannerddos-title {
      font-size: 1.8em;
    }
    
    .bannerddos {
      padding: 30px 15px;
    }
  }


  .ddos-logo {
    fill: #ffffff;
    margin-right: 5px;
  }