:root{
      --color-principal:#1b5e20;
      --color-secundario:#4caf50;
      --color-fondo:#f4f8f4;
    }
    body{background-color:var(--color-fondo);}
    .hero{
      background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)), url('img/fondo.jpg');
      background-size:cover;
      background-position:center;
      color:#fff;
      padding:5rem 1rem;
    }
    .icon-circle{
      width:60px;height:60px;border-radius:50%;
      background:var(--color-secundario);
      color:#fff;display:flex;align-items:center;justify-content:center;
      font-size:1.5rem;
    }
    /* Fotos circulares equipo */
    .team-photo{
      width:140px;
      height:140px;
      object-fit:cover;
      border-radius:50%;
      margin:1.5rem auto 0;
      border:4px solid var(--color-secundario);
    }
      
        /* Título Recursos destacado */
    .titulo-recursos{
      display:inline-block;
      padding:0.5rem 1.5rem;
      background:linear-gradient(135deg, var(--color-principal), var(--color-secundario));
      color:#fff;
      border-radius:50px;
      font-weight:700;
      letter-spacing:0.05em;
      text-transform:uppercase;
      box-shadow:0 4px 12px rgba(0,0,0,0.2);
    }