.about {
    background-color: var(--color-de-fondo);
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Padding superior/inferior equilibrado */
    padding: 6rem 10rem; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: relative;
    z-index: 1;
    color: var(--color-terciario);
  }
  
  .about__div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .about__title {
    font-size: 2rem;
    margin: 1rem 0;
    font-family: 'Ubuntu', sans-serif;
  }
  
  .about__paragraph {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.8;
    margin: 0.5rem 0;
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    max-width: 800px;
  }

  /* Divisor decorativo en lugar de la firma */
  .about__divider {
    width: 90px;
    height: 4px;
    background: var(--color-primario);
    border-radius: 4px;
    margin: 1rem auto 1.5rem auto;
  }

  /* Banda meta sutil (menos intrusiva que chips) */
  .about__meta {
    display: inline-flex;
    gap: 1.25rem;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    margin-top: 0.75rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 8px var(--shadow-color);
    backdrop-filter: blur(4px);
  }

  .about__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-terciario);
    font-size: 0.95rem;
    white-space: nowrap;
  }

  .about__meta-item i { color: var(--accent-color); }

  .about__meta-item + .about__meta-item {
    position: relative;
    padding-left: 1.25rem;
  }
  .about__meta-item + .about__meta-item::before {
    content: '';
    position: absolute;
    left: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-color);
    opacity: 0.6;
  }

  /* Punto para el primer item colocado antes del icono */
  .about__meta-item:first-child::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-color);
    opacity: 0.6;
    transform: translateY(-1px);
  }
@media only screen and (min-width: 768px) and (max-width: 1023px){
  .about { padding: 5.5rem 5rem; }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .about { padding: 4rem 1.25rem; }
  .about__title { font-size: 1.6rem; }
  .about__divider { width: 72px; height: 3px; margin: 0.75rem auto 1rem; }
  .about__paragraph { font-size: 1rem; line-height: 1.7; padding: 0 0.25rem; }
  .about__meta {
    display: flex; /* permitir wrap en móviles */
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
    padding: 0.5rem 0.75rem;
    border-radius: 12px;
    background: rgba(255,255,255,0.05);
  }
  .about__meta-item { font-size: 0.9rem; }
  .about__meta-item + .about__meta-item { padding-left: 0; }
  .about__meta-item + .about__meta-item::before { display: none; }
  .about__meta-item:first-child::before { display: none; }
}